:root{font-family:Arial,Helvetica,sans-serif;color:#242724;background:#f3f1eb;font-synthesis:none;--ink:#242724;--muted:#686b62;--line:#deded4;--orange:#c8421e}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #bd421e;outline-offset:4px}button:hover{filter:brightness(.94)}input:not([type=checkbox]):not([type=range]):not([type=color]),textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;background:#fffefb;color:var(--ink);padding:11px 12px}input[type=range]{width:100%;accent-color:var(--ink);margin:13px 0 4px}input[type=checkbox]{accent-color:var(--ink);width:16px;height:16px}input[type=color]{cursor:pointer}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:12px;z-index:10;padding:12px;background:#fff}.skip:focus{top:10px}.topbar{min-height:88px;padding:18px 30px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:var(--orange);color:#fff;width:40px;height:40px;border-radius:8px;font-size:30px;padding-bottom:4px;letter-spacing:-3px}.brand-dot{font-size:12px;align-self:flex-start;margin:6px 0 0 -7px}.header-label{font-size:10px;letter-spacing:1.8px;margin-left:25px;color:var(--muted)}.header-actions{display:flex;gap:10px;margin-left:auto;align-items:center}.quiet{padding:12px;font-size:12px}.primary{background:var(--ink);color:#fff;border-radius:5px;padding:13px 20px;font-size:13px;display:inline-flex;justify-content:center;gap:24px}.primary:hover{background:#41453c}.outline{border:1px solid var(--line);padding:12px;border-radius:5px;font-size:12px}.full{width:100%;display:flex;justify-content:space-between;align-items:center}.full span{font-size:18px}main{display:grid;grid-template-columns:265px minmax(280px,1fr) 294px;min-height:calc(100vh - 130px)}.assets-panel{padding:34px 25px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.section-kicker{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:700}h1{font-size:43px;line-height:1.02;letter-spacing:-2.4px;font-weight:500;margin:20px 0 14px}.accent{color:var(--orange)}.intro{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 13px}.asset-section{padding:21px 0 17px;border-bottom:1px solid var(--line)}h2{font-size:13px;letter-spacing:-.15px;font-weight:600;margin:0 0 15px}.step{font-size:10px;color:var(--muted);font-weight:400;margin-right:11px}.segmented{display:flex;border:1px solid var(--line);padding:3px;border-radius:6px;gap:3px}.segmented button{flex:1;padding:9px 12px;font-size:12px;border-radius:3px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.upload-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:1px dashed #a6a99e;border-radius:6px;padding:15px 5px;gap:7px;margin-top:14px;background:#eeeee5}.upload-symbol{font-size:24px;font-weight:300}.upload-card strong{font-size:12px;font-weight:500}.upload-card>span:last-child{font-size:10px;color:var(--muted)}.file-caption{font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;margin:10px 0 4px}.text-button{font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:6px 0;white-space:nowrap}.file-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.logo-card{display:flex;align-items:center;gap:9px;padding:12px 8px;width:100%;background:#faf9f5;border:1px solid var(--line);border-radius:6px;text-align:left}.logo-card img{width:48px;height:44px;object-fit:contain;background:#e7e5dd;border-radius:4px}.logo-card strong{display:block;font-size:11px;font-weight:500}.logo-card small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.logo-card>span:last-child{margin-left:auto}.hint{font-size:10px;color:var(--muted);line-height:1.65;margin:10px 0}.swatches{display:flex;gap:12px;align-items:center}.swatches button,.custom-color{width:29px;height:29px;border-radius:50%;border:1px solid #b7b9ad;background:var(--swatch);position:relative}.swatches button[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:3px}.custom-color{display:grid;place-items:center;background:#f5f5ed;overflow:hidden}.custom-color input{position:absolute;inset:0;opacity:0;width:100%;height:100%}.local-note{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:27px}.status-dot{height:6px;width:6px;border-radius:50%;background:#63765a;flex:none}.preview-panel{display:flex;flex-direction:column;position:relative;background:#e9e9e0;min-width:0;overflow:hidden}.preview-top{display:flex;justify-content:space-between;gap:10px;padding:26px 28px;z-index:1;align-items:center}.preview-tag{font-size:9px;letter-spacing:1.3px;color:#53594f}.guides-label{font-size:10px;display:flex;align-items:center;gap:7px;color:#53594f}.stage{position:relative;min-height:430px;flex:1;display:flex;align-items:center;justify-content:center;padding:0 12px;isolation:isolate}#photo-canvas{width:100%;height:100%;max-height:620px;object-fit:contain;cursor:move;touch-action:none;display:block}#three-host{position:absolute;inset:0;min-height:400px;touch-action:none}#three-host canvas{display:block;width:100%;height:100%}#stage-loading{position:absolute;padding:14px 20px;background:#fffdf5eb;border-radius:5px;font-size:12px;z-index:3}.preview-bottom{display:flex;align-items:center;flex-direction:column;padding:18px 24px;z-index:1}.side-tabs{min-width:205px;background:#f5f5eb}.side-tabs button{padding:10px 20px}.preview-bottom p{color:var(--muted);font-size:10px;margin:14px 0 0}.preview-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d4d7ca;padding:16px 27px;font-size:9px;color:var(--muted)}.inspector{border-left:1px solid var(--line);padding:30px 22px;background:#faf9f5}.inspector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.inspector-head h2{margin:0;font-size:15px}.small-tag{font-size:8px;letter-spacing:1px;border:1px solid var(--line);border-radius:3px;padding:5px 7px}.field{display:block;font-size:10px;color:#5c6056;margin-bottom:15px;line-height:1.5}.field input:not([type=range]),.field output,.field textarea{display:block;margin-top:7px;font-size:13px}.field output{padding:11px 12px;background:#eeeee7;border:1px solid transparent;border-radius:5px;min-height:40px}.field>span{float:right}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.quality{display:flex;gap:9px;padding:16px 12px;margin:20px 0;background:#e8eddf;border-radius:5px;color:#3e5331}.quality.warning{background:#f6e7d8;color:#854216}.quality-symbol{font-size:20px}.quality strong{font-size:10px;font-weight:600}.quality p{font-size:10px;line-height:1.55;margin:5px 0 0}.quality.error{background:#f4ddd5;color:#8e301b}details{border-top:1px solid var(--line);padding-top:17px}summary{cursor:pointer;font-size:12px;list-style:none;margin-bottom:14px;display:flex;justify-content:space-between;padding:5px 0}summary::-webkit-details-marker{display:none}summary span{font-size:16px}.production-note{border-top:1px solid var(--line);font-size:9px;color:var(--muted);line-height:1.7;margin:20px 0 0;padding-top:18px}.bottom-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 28px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);letter-spacing:1px}.bottom-bar #status{letter-spacing:0;text-align:center;color:var(--ink);max-width:65%}.bottom-bar #status.error{color:#9d341d}dialog{width:min(520px,calc(100% - 32px));border:1px solid var(--line);border-radius:12px;background:#faf9f5;color:var(--ink);padding:25px;box-shadow:0 25px 120px #24272440;max-height:90vh;overflow:auto}dialog::backdrop{background:#20271e66;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{font-size:23px;letter-spacing:-.6px;margin:0}.dialog-head+p{font-size:12px;color:var(--muted);line-height:1.65}.export-list{display:flex;flex-direction:column;margin:20px 0}.export-list button{text-align:left;border-top:1px solid var(--line);padding:17px 0}.export-list strong{display:flex;justify-content:space-between;font-size:12px;font-weight:500;gap:12px}.export-list strong span{font-size:10px;color:var(--muted);flex:none}.export-list small{display:block;color:var(--muted);font-size:10px;margin-top:6px;line-height:1.5}textarea{resize:vertical;min-height:100px}body.embed .header-label,body.embed #embed-open,body.embed .bottom-bar>span:first-child,body.embed .bottom-bar>span:last-child{display:none}body.embed .bottom-bar{justify-content:center}body.embed .bottom-bar #status{max-width:100%}@media(min-width:1500px){main{grid-template-columns:290px minmax(280px,1fr) 320px}.assets-panel{padding-left:35px;padding-right:35px}.inspector{padding-left:30px;padding-right:30px}.stage{min-height:550px}#photo-canvas{max-height:700px}}@media(max-width:1100px){.header-label{display:none}.topbar{padding:16px 20px}.assets-panel{padding:26px 17px 18px}.inspector{padding:26px 17px}main{grid-template-columns:225px minmax(260px,1fr) 250px}.swatches{gap:9px}h1{font-size:38px}.preview-top{padding:22px 16px}.preview-footer{padding:16px}.stage{min-height:390px}}@media(max-width:850px){main{grid-template-columns:220px minmax(0,1fr)}.inspector{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-top:1px solid var(--line);border-left:0}.inspector-head{grid-column:1 / -1}.inspector>details{grid-column:2;grid-row:2 / 8}.inspector>.production-note{grid-column:1 / -1}.preview-panel{min-height:760px}.header-actions{gap:2px}.quiet{padding:10px}.local-note{font-size:8px}}@media(max-width:580px){.topbar{min-height:70px;padding:12px;gap:8px}.brand{font-size:18px;gap:7px}.brand-icon{width:30px;height:30px;font-size:25px}.brand-dot{display:none}.header-actions .quiet{font-size:10px;padding:8px 5px}.header-actions .primary{padding:11px 12px;font-size:11px;gap:7px}.header-actions #embed-open{display:none}main{display:flex;flex-direction:column}.preview-panel{order:0;min-height:450px;border-bottom:1px solid var(--line)}.stage{min-height:300px;height:340px;flex:none}#photo-canvas{max-height:340px}.preview-top{padding:15px 18px}.preview-bottom{padding:8px 15px 14px}.preview-bottom p{font-size:9px}.preview-footer{padding:12px 18px}.assets-panel{order:1;border-right:0;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.section-kicker{grid-column:1/-1}h1{font-size:36px;margin:14px 0 2px;grid-column:1/-1}h1 br{display:none}.intro{grid-column:1/-1}.intro br{display:none}.asset-section{padding:16px 0}.color-section{grid-column:1/-1}.local-note{grid-column:1/-1;font-size:10px;padding:15px 0}.logo-card{flex-wrap:wrap;min-height:120px}.logo-card img{width:100%;height:48px}.logo-card>span:last-child{display:none}.inspector{order:2;display:block;padding:25px}.bottom-bar{font-size:9px;padding:15px;letter-spacing:0}.bottom-bar>span:first-child,.bottom-bar>span:last-child{display:none}.bottom-bar #status{max-width:100%;text-align:left}.upload-card{min-height:115px}.field{font-size:12px}.field input:not([type=range]),.field textarea{font-size:16px}.hint{font-size:11px}.text-button{min-height:32px}.quality strong,.quality p{font-size:12px}.production-note{font-size:11px}}@media(min-width:851px){body main{height:calc(100dvh - 130px);min-height:720px}body .assets-panel,body .inspector{overflow-y:auto;scrollbar-width:thin}body .stage{min-height:0}body #photo-canvas{position:absolute;inset:0;width:100%;height:100%;max-height:none}body .assets-panel{padding-top:25px}body .asset-section{padding-top:15px;padding-bottom:13px}body .intro{margin-bottom:7px}body .local-note{padding-top:16px}}@media(max-width:580px){body #three-host{min-height:0}}.product-switch{display:flex;border:1px solid var(--line);border-radius:5px;font-size:11px;margin-top:10px;grid-column:1/-1}.product-switch>span{flex:1;padding:10px}.product-current{background:#dedfd3}.product-switch span span{display:block;font-size:8px;margin-top:5px;color:var(--muted)}.product-future{color:var(--muted)}#order-dialog{width:min(900px,calc(100% - 28px));padding:30px}.order-intro{max-width:570px;font-size:13px;line-height:1.65;color:var(--muted)}.order-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;margin-top:24px}.order-options h3{font-weight:500;font-size:13px;margin:23px 0 16px}.order-options h3:first-child{margin-top:0}.size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.size-grid label{font-size:10px;text-align:center;color:var(--muted)}.size-grid input{margin-top:7px;text-align:center;padding:10px 3px!important}.tier-list{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 26px}.tier-list span{font-size:9px;padding:7px 9px;background:#e9eadd;border:1px solid var(--line);border-radius:4px}.tier-list span.active{background:#242724;color:#fff}.field select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:5px;padding:11px 12px;background:#fffefb;font:inherit;font-size:13px;color:var(--ink)}.field select:focus-visible{outline:3px solid #bd421e;outline-offset:3px}.order-summary{background:#eeeee5;border-radius:8px;padding:24px 20px;align-self:start;position:sticky;top:0}.order-summary h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:17px 0 22px}.quote-row{display:flex;justify-content:space-between;gap:15px;align-items:baseline;font-size:12px;line-height:1.5;margin:12px 0}.quote-row span:first-child{color:var(--muted)}.quote-total{border-top:1px solid #cccec0;padding-top:16px;margin-top:17px;font-size:24px;font-weight:500;letter-spacing:-.7px}.quote-total span:first-child{font-size:12px;letter-spacing:0}.quote-warnings{font-size:10px;line-height:1.6;color:#825021}.quote-warnings p{margin:9px 0}.consent{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.6;margin:17px 0}.consent input{flex:none;margin-top:3px}.consent a{text-underline-offset:3px}.order-summary .primary{font-size:12px;line-height:1.5;margin-top:20px;padding:13px 12px;gap:8px}.order-summary #order-message{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.order-summary #order-message.error{color:#a72d12}.order-summary #order-message.success{color:#36542b}.order-summary #download-receipt{margin-top:14px}.order-summary[aria-busy=true]{opacity:.75}.brand-icon{letter-spacing:-3px;padding-right:4px}#order-open{white-space:nowrap}@media(min-width:851px){body .assets-panel{padding-top:22px}body .asset-section{padding:12px 0}body h1{margin-top:16px;font-size:38px}body .local-note{font-size:8px}}@media(max-width:1100px){.header-actions{gap:1px}.header-actions .quiet{padding:10px 8px}.header-actions .primary{padding:12px;gap:12px}}@media(max-width:700px){.order-grid{grid-template-columns:1fr;gap:20px}#order-dialog{padding:20px}.order-summary{position:static}.order-options h3{font-size:14px}.field select{font-size:16px}.order-intro{font-size:12px}.consent,.hint,.quote-warnings{font-size:11px}.order-summary .primary{min-height:46px}.quote-row{font-size:13px}}@media(max-width:580px){.topbar{flex-wrap:wrap}.brand{font-size:17px}.header-actions{gap:4px;flex:1;justify-content:flex-end}.header-actions #open-project{display:none}.header-actions .quiet{padding:10px 4px}.header-actions #order-open{font-size:10px;padding:11px 9px;gap:5px}.product-switch{margin-top:10px;margin-bottom:3px}.bottom-bar{position:sticky;bottom:0;background:#f3f1eb;z-index:5}}