.logo-studio-grid,.logo-order-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.logo-upload-form small,.logo-library-card small{display:block;line-height:1.6;color:#69798e}.logo-upload-form input[type=file]{padding:15px 10px;max-width:100%;background:#f4f7fc;border:1px dashed #b4c6e2}.logo-demo-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.logo-demo-tabs button{min-height:44px;font-size:12px}.logo-demo-tabs .selected{background:#eaf2ff;color:#245fbe;border-color:#2f75e8}.logo-device-stage{min-height:270px;display:flex;align-items:center;justify-content:center;padding:22px 10px;background:#f2f5fa;border-radius:18px;overflow:hidden}.logo-device-stage .ad-device-preview{--ad-preview-height:320px;max-width:100%}.logo-device-stage .ad-device-laptop{max-width:480px!important}.logo-preview-card .muted,.logo-order-grid .muted{font-size:12px;line-height:1.65;color:#67788e}.logo-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:18px}.logo-library-card{padding:10px;border:1px solid #e1e7ef;border-radius:16px;min-width:0}.logo-choose{display:grid;width:100%;border:0;background:none;text-align:left;gap:8px;color:inherit;cursor:pointer;font:inherit;padding:0 0 12px}.logo-choose b{overflow-wrap:anywhere}.logo-thumb{height:110px;display:flex;justify-content:center;align-items:center;border-radius:12px;background:repeating-conic-gradient(#eef1f5 0% 25%,#fff 0% 50%) 50% /16px 16px}.logo-thumb img{max-width:90%;max-height:90%;object-fit:contain}.logo-order-heading{margin-bottom:20px}.logo-order-heading p{line-height:1.7}.logo-order-grid input[type=range]{min-height:44px;padding:0;accent-color:#3675ec}.logo-order-grid output{font-weight:700;color:#3267bf}.logo-inline-upload{margin:18px 0;border:1px solid #dce5f2;border-radius:13px;padding:14px}.logo-inline-upload summary{cursor:pointer;min-height:30px;font-weight:700;color:#2d62bb}.logo-inline-upload .form{margin-top:15px}.logo-review-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #e1e7ef;padding:20px 0}.logo-review-row p{color:#68788e}.logo-order-grid .form button,.logo-library-card>.ghost{min-height:44px}.logo-order-grid .form label{min-width:0}.logo-order-grid .form select{width:100%}.logo-order-grid>div{min-width:0}.logo-upload-form [role=status]{overflow-wrap:anywhere}#detailModal:has(.logo-order-grid) .modal{width:min(1000px,calc(100vw - 28px));max-width:1000px}button[data-brand-artwork]{min-height:44px}.logo-studio-grid .card{min-width:0}.logo-order-heading .pill{white-space:normal}
@media(max-width:760px){.logo-studio-grid,.logo-order-grid{grid-template-columns:minmax(0,1fr);gap:14px}.logo-preview-card{order:2}.logo-device-stage{padding:18px 8px;min-height:250px}.logo-device-stage .ad-device-preview{--ad-preview-height:290px}.logo-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-library-card{padding:9px}.logo-thumb{height:95px}.logo-demo-tabs{display:grid;grid-template-columns:1fr 1fr}.logo-demo-tabs button{padding:8px 6px}.logo-review-row{align-items:flex-start;flex-direction:column}.logo-order-grid p{overflow-wrap:anywhere}#detailModal:has(.logo-order-grid) .modal{padding:24px 16px}.logo-order-heading h2{padding-right:20px}}