*{box-sizing:border-box} :root{--ink:#181a19;--muted:#777b76;--line:#e4e5df;--paper:#f5f5f0;--panel:#fffefa;--lime:#c8f04d;--coral:#ff735b;--soft:#f0f1eb} body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;font-size:14px}button,select,input{font:inherit}button{cursor:pointer} .app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#202321;color:#e9ebe2;padding:29px 17px 21px;display:flex;flex-direction:column;flex-shrink:0}.brand{color:#fff;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.8px;display:flex;align-items:center;gap:9px;padding:0 11px;margin-bottom:65px}.brand-mark{background:var(--lime);color:var(--ink);width:25px;height:25px;display:grid;place-items:center;font-size:15px;border-radius:50%;font-weight:700}.side-label{font-family:'DM Mono',monospace;color:#858a82;font-size:10px;letter-spacing:1.3px;padding:0 14px 13px}.nav-item{display:flex;align-items:center;gap:12px;color:#969b94;text-decoration:none;padding:12px 13px;margin:2px 0;border-radius:6px}.nav-item.active{background:#303530;color:#fff}.nav-icon{font-size:18px;line-height:0;width:17px;color:#a9aeaa}.active .nav-icon{color:var(--lime)}.nav-count{margin-left:auto;background:#454a44;border-radius:10px;font-size:10px;padding:2px 7px;color:#dfe2da}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #464b45;padding:14px 11px;display:flex;align-items:center;gap:9px;margin-bottom:20px}.help-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;align-self:flex-start;margin-top:4px}.help-card strong,.account strong{display:block;font-size:12px;color:#f2f4ed;font-weight:500}.help-card span,.account span{display:block;font-size:10px;color:#8d948b;margin-top:3px}.arrow{margin-left:auto;color:var(--lime);font-size:16px}.account{display:flex;align-items:center;gap:9px;padding:0 5px}.avatar{width:29px;height:29px;background:#d4d7ca;color:#4b4e47;border-radius:50%;font-size:9px;display:grid;place-items:center;font-weight:600}.more{margin-left:auto;color:#858a82!important;font-size:12px!important}.main-content{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,4.2vw,62px);background:rgba(255,254,250,.6)}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#a0a39d;font-size:12px}.breadcrumbs b{font-weight:400;color:#c6c8c1}.breadcrumbs strong{font-weight:500;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:22px}.status-pill{font-family:'DM Mono',monospace;font-size:10px;color:#747970;letter-spacing:.2px}.status-pill i,.live-dot{display:inline-block;width:6px;height:6px;background:#7ec445;border-radius:50%;margin-right:6px}.icon-button{border:0;background:none;font-size:21px;color:#70756e;position:relative}.notification{position:absolute;width:5px;height:5px;background:var(--coral);border:1px solid var(--paper);border-radius:50%;top:1px;right:1px}.content-wrap{max-width:1340px;margin:auto;padding:54px clamp(25px,4.2vw,62px) 23px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.7px;color:#999d95}.intro h1{font-size:clamp(34px,3.6vw,54px);letter-spacing:-2.8px;line-height:.97;margin:13px 0 0;font-weight:600}.intro h1 em{font-style:normal;color:#8d938b}.intro-note{display:flex;gap:14px;align-items:center;color:#81857e;line-height:1.5;font-size:12px;margin-bottom:2px}.note-line{height:33px;width:1px;background:var(--coral)}.intro-note p{margin:0}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px}.model-panel,.settings-panel{padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading>div{display:flex;gap:13px}.step-number{font-family:'DM Mono',monospace;color:#a6aaa1;font-size:10px;padding-top:4px}.panel h2{font-size:16px;margin:0 0 5px;letter-spacing:-.5px}.panel-heading p{font-size:11px;color:#999d95;margin:0}.format-tag{font-family:'DM Mono',monospace;border:1px solid var(--line);font-size:10px;color:#969b93;padding:5px 7px}.drop-zone{border:1px dashed #c6c9c0;background:#fafbf6;min-height:190px;margin-top:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.drop-zone.dragging{border-color:var(--coral);background:#fff4ef}.upload-orbit{height:43px;width:43px;border:1px solid #d5d8cf;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:12px}.orbit-dot{position:absolute;top:-3px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--coral)}.upload-icon{font-size:21px;color:#7f867b}.drop-zone h3{font-size:13px;font-weight:500;margin:0 0 5px}.drop-zone p{font-size:11px;color:#a0a49c;margin:0}.browse-button{border:0;background:none;color:#e45f4d;text-decoration:underline;padding:0}.file-meta{font-family:'DM Mono',monospace;color:#77816c;font-size:10px;margin-top:10px}.preview-wrap{margin-top:24px}.preview-toolbar{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:9px;color:#a1a69d;letter-spacing:.8px}.preview-title{color:#72786e}.live-dot{width:5px;height:5px;background:var(--coral);vertical-align:1px}.preview-stage{height:192px;background-color:#eceee7;background-image:linear-gradient(#dfe2d9 1px,transparent 1px),linear-gradient(90deg,#dfe2d9 1px,transparent 1px);background-size:25px 25px;margin-top:9px;display:grid;place-items:center;position:relative;overflow:hidden}.model-placeholder{text-align:center;color:#a5aaa1;font-size:10px;font-family:'DM Mono',monospace}.placeholder-shape{width:76px;height:85px;margin:0 auto 10px;background:#d8dbd3;clip-path:polygon(50% 0,91% 24%,82% 83%,50% 100%,16% 83%,8% 24%);opacity:.7}.settings-panel{padding-bottom:18px}.setting-block{border-top:1px solid var(--line);padding:19px 0}.settings-panel .setting-block:first-of-type{border-top:0;padding-top:26px}label{font-size:11px;font-weight:500}.info{display:inline-grid;place-items:center;border:1px solid #bec3b9;border-radius:50%;font-size:8px;color:#91968d;width:13px;height:13px;margin-left:4px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.material-card{min-width:0;background:#fafbf7;border:1px solid var(--line);display:grid;grid-template-columns:16px 1fr auto;gap:8px;text-align:left;align-items:center;padding:10px 8px;position:relative}.material-card.selected{border:1px solid var(--ink);background:#fff}.material-card.selected:after{content:'✓';position:absolute;right:4px;top:-7px;background:var(--lime);font-size:8px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center}.swatch{width:13px;height:13px;border-radius:50%;background:#e7a44c}.swatch.petg{background:#75bac8}.swatch.abs{background:#7a7e87}.swatch.resin{background:#b19ee5}.material-card b,.finish b{display:block;font-size:11px;font-weight:500}.material-card small,.finish small{display:block;color:#a0a49c;font-size:9px;margin-top:2px;white-space:nowrap}.material-card strong{font-family:'DM Mono',monospace;font-size:10px;font-weight:500;align-self:start}.material-card strong span{color:#a0a49c;font-size:8px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row output{font-family:'DM Mono',monospace;font-size:12px;color:#d9614f}input[type=range]{appearance:none;width:100%;height:3px;background:linear-gradient(90deg,var(--coral) 0 11%,#e3e5dc 11%);margin:18px 0 10px;outline:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:var(--panel);border:3px solid var(--coral);border-radius:50%}.range-labels{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:8px;color:#a6aaa1}.select-wrap{position:relative}.select-wrap select{border:0;background:var(--soft);padding:8px 26px 8px 10px;color:#535950;font-size:10px;appearance:none}.select-wrap:after{content:'⌄';position:absolute;right:8px;top:5px;color:#878d83}.finish-options{display:flex;gap:7px;margin-top:12px}.finish{flex:1;display:grid;grid-template-columns:20px 1fr 12px;gap:6px;align-items:center;text-align:left;background:#fafbf7;border:1px solid var(--line);padding:10px 8px}.finish.selected{border-color:var(--ink)}.finish i{font-style:normal;color:transparent;border:1px solid #c8ccc3;border-radius:50%;font-size:8px;text-align:center}.finish.selected i{background:var(--lime);color:var(--ink);border-color:var(--lime)}.finish-icon{font-size:16px;color:#8b9186}.rush-row{background:#f7f8f2;margin:0 -23px;padding:14px 23px;display:flex;justify-content:space-between;align-items:center}.rush-row>div{display:flex;align-items:center;gap:9px}.spark{font-size:18px;color:#d86856}.rush-row b,.rush-row small{display:block;font-size:11px;font-weight:500}.rush-row small{font-size:9px;color:#a0a49c;margin-top:3px}.toggle input{display:none}.toggle span{display:block;width:31px;height:17px;background:#d6d9d0;border-radius:12px;position:relative}.toggle span:after{content:'';position:absolute;width:13px;height:13px;background:#fff;left:2px;top:2px;border-radius:50%;transition:.2s}.toggle input:checked+span{background:var(--coral)}.toggle span:after{content:'';position:absolute;width:13px;height:13px;background:#fff;left:2px;top:2px;border-radius:50%;transition:.2s}.toggle input:checked+span:after{left:16px}.quote-panel{background:var(--ink);color:#f4f5ec;padding:24px 21px;min-height:475px}.quote-top{display:flex;justify-content:space-between;align-items:center}.quote-panel .eyebrow{color:#9ca29a}.secure{font-family:'DM Mono',monospace;font-size:8px;color:#7e857c}.price-line{display:flex;align-items:start;margin-top:30px}.price-line>span{font-family:'DM Mono',monospace;color:var(--lime);font-size:20px;margin:5px 3px 0 0}.price-line strong{font-size:48px;letter-spacing:0;line-height:1;font-weight:500}.price-line small{font-family:'DM Mono',monospace;font-size:9px;color:#9ca29a;margin:9px 0 0 7px}.price-caption{font-size:10px;color:#8e958c;margin:7px 0 24px}.quote-rule{height:1px;background:#3c413d}.breakdown{padding:19px 0}.breakdown div{display:flex;justify-content:space-between;margin:0 0 11px;font-size:10px;color:#929a90}.breakdown div:last-child{margin-bottom:0}.breakdown strong{font-family:'DM Mono',monospace;color:#e7ebe0;font-size:10px;font-weight:400}.delivery{display:flex;gap:10px;align-items:center;padding:18px 0}.delivery-icon{width:25px;height:25px;border:1px solid #596055;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:14px}.delivery b,.delivery small{display:block;font-size:10px;font-weight:500;color:#e7ebe0}.delivery small{font-size:9px;color:#8f978d;margin-top:4px}.primary-button{width:100%;border:0;background:var(--lime);color:var(--ink);padding:14px 13px;font-weight:600;font-size:11px;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.primary-button span{font-size:18px;line-height:10px}.quote-footnote{text-align:center;color:#747c71;font-size:8px;margin:13px 0 0}.footer{display:flex;justify-content:space-between;color:#9da198;font-family:'DM Mono',monospace;font-size:8px;padding-top:42px}.footer b{color:var(--coral);font-size:12px}.toast{position:fixed;bottom:23px;right:25px;background:var(--ink);color:#fff;padding:12px 16px;font-size:11px;transform:translateY(80px);opacity:0;transition:.25s;z-index:4}.toast.show{transform:translateY(0);opacity:1}canvas{width:100%;height:100%;display:block}
@media(max-width:1100px){.workspace-grid{grid-template-columns:1fr 1fr}.quote-panel{grid-column:1/-1;min-height:0}.quote-panel .breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quote-panel .breakdown div{display:block}.quote-panel .breakdown strong{display:block;margin-top:6px}.primary-button{max-width:320px;margin-left:auto;margin-right:auto}.quote-footnote{margin-bottom:0}}
@media(max-width:720px){.sidebar{width:62px;padding:22px 8px}.brand{padding:0 10px;margin-bottom:54px}.brand>span:last-child,.side-label,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px}.nav-icon{font-size:18px}.nav-count,.sidebar-bottom{display:none}.topbar{height:60px;padding:0 18px}.status-pill{display:none}.content-wrap{padding:33px 16px 20px}.intro{display:block;margin-bottom:30px}.intro h1{font-size:38px}.intro-note{margin-top:22px}.workspace-grid{display:block}.model-panel,.settings-panel,.quote-panel{margin-bottom:13px}.quote-panel .breakdown{display:block}.quote-panel .breakdown div{display:flex}.quote-panel .breakdown strong{display:block;margin-top:0}.footer{gap:12px;flex-wrap:wrap;padding-top:20px}.footer span:last-child{width:100%}.material-card small{white-space:normal}}
.modal-backdrop{position:fixed;inset:0;background:rgba(24,26,25,.68);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.modal-backdrop.open{opacity:1;pointer-events:auto}.checkout-modal{width:min(760px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--panel);padding:32px;position:relative;box-shadow:0 20px 70px rgba(0,0,0,.25)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;color:#777d74;font-size:26px;line-height:1}.checkout-modal h2{font-size:34px;line-height:1;letter-spacing:-1.8px;margin:12px 0 28px}.checkout-modal h2 em{font-style:normal;color:#8d938b}.checkout-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.checkout-modal form{display:grid;gap:15px}.checkout-modal label{display:grid;gap:7px;color:#5f655d}.checkout-modal input,.checkout-modal textarea{width:100%;border:1px solid var(--line);background:#fafbf7;padding:11px 12px;color:var(--ink);outline:0;resize:vertical}.checkout-modal input:focus,.checkout-modal textarea:focus{border-color:var(--coral)}.checkout-modal .primary-button{margin-top:4px;max-width:none}.order-review{background:#f0f1eb;padding:18px;align-self:start}.review-file{display:flex;gap:10px;align-items:center;border-top:1px solid #dfe1d9;border-bottom:1px solid #dfe1d9;padding:17px 0;margin:16px 0}.review-icon{width:30px;height:30px;border:1px solid #bdc2b8;display:grid;place-items:center;color:#878e83}.review-file b,.review-file small{display:block;font-size:11px}.review-file small{font-size:9px;color:#92998e;margin-top:4px}.review-total{display:flex;justify-content:space-between;align-items:end}.review-total span{font-size:10px;color:#888f84}.review-total strong{font-family:'DM Mono',monospace;font-size:22px;font-weight:500}.order-review p{font-size:10px;line-height:1.5;color:#90968c;margin:18px 0 0}@media(max-width:600px){.checkout-modal{padding:26px 20px}.checkout-layout{grid-template-columns:1fr;gap:22px}.checkout-modal h2{font-size:29px;margin-bottom:22px}}