:root{color:#182d33;font-synthesis:none;--ink:#182d33;--muted:#5f7278;--line:#dce4e5;--accent:#dfff57;--teal:#194953;background:#f5f7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 13px}button:hover:not(:disabled){background:#f5f8f8;border-color:#8fa7ad}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #cbd7da;border-radius:7px;outline:none;padding:11px 12px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #99bfd4}input[type=checkbox]{accent-color:var(--teal);flex-shrink:0;width:18px;height:18px}input[type=range]{accent-color:var(--teal);border:0;padding:8px 0}label,.label{margin:0 0 16px;font-size:14px;font-weight:600;display:block}label input:not([type=checkbox]):not([type=range]),label select,label textarea{margin-top:7px}label small{color:var(--muted);font-weight:400}p{margin:8px 0 16px;font-size:16px;line-height:1.55}h1,h2{letter-spacing:-.035em;margin:0;line-height:1.1}h1{margin:10px 0 14px;font-size:clamp(30px,3.1vw,42px);font-weight:740}h2{font-size:21px}small{font-size:12px;line-height:1.4}.muted,.hint{color:var(--muted)}.hint{font-size:14px;line-height:1.55}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font:600 12px/1.4 ui-monospace,monospace}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 max(28px,50vw - 736px);display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:23px;font-weight:820;display:flex}.brand svg{width:30px;height:34px;color:var(--accent)}.brand>span{color:var(--accent);margin-left:5px;font-size:32px;font-weight:400}.header-actions{gap:8px;display:flex}.header-actions button{color:#fff;background:0 0;border-color:#42565b;align-items:center;gap:8px;padding:10px 13px;font-size:14px;display:flex}.header-actions button:hover:not(:disabled){background:#30484e;border-color:#72878d}.steps{align-items:center;gap:7px;max-width:1472px;margin:auto;padding:22px 28px;display:flex}.steps>button{color:var(--muted);background:0 0;border-color:#0000;align-items:center;gap:10px;padding:9px 15px;font-size:14px;display:flex}.steps>button>span{opacity:.7;font-family:ui-monospace,monospace;font-size:12px}.steps>button.active{color:var(--ink);border-color:var(--line);background:#fff;font-weight:700;box-shadow:0 2px 5px #19323b06}.steps>button.active>span{color:var(--teal);opacity:1}.save-status{color:var(--muted);text-align:right;margin-left:auto;font-size:12px}.workspace{grid-template-columns:minmax(380px,510px) minmax(0,1fr);align-items:start;gap:26px;max-width:1472px;margin:0 auto 50px;padding:0 28px;display:grid}.editor{border:1px solid var(--line);background:#fff;border-radius:15px;padding:30px 28px;box-shadow:0 5px 20px #18393d04}.heading p{color:var(--muted);margin-bottom:0}.subheading{justify-content:space-between;align-items:center;gap:12px;margin:26px 0 15px;display:flex}.subheading>span{color:var(--muted);font-size:12px}.subheading h2{letter-spacing:-.02em;font-size:19px}.preset-row{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.preset-row button{padding:11px 4px;font-size:14px}.item-list{gap:8px;display:grid}.item-entry{border:1px solid var(--line);border-radius:10px;overflow:hidden}.item-row{align-items:center;gap:5px;padding:9px 7px;display:flex}.item-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:7px;display:flex}.item-main>svg{color:var(--teal);flex-shrink:0}.item-main strong,.super-title strong{font-size:14px;font-weight:650;display:block}.item-main small,.super-title small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.item-main span{min-width:0}.item-main strong{overflow-wrap:anywhere}.quantity{border:1px solid var(--line);border-radius:7px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}.quantity button{border:0;border-radius:0;padding:7px 6px;line-height:0}.quantity>span{text-align:center;min-width:21px;font-size:14px}.icon-button{background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.item-details,.super-controls{border-top:1px solid var(--line);background:#f8fafa;padding:16px}.item-details label:last-child,.super-controls label:last-child{margin-bottom:0}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.fields label{min-width:0}.check-label{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:400;display:flex}.fields>.check-label{align-self:center}.add-library{border:1px dashed #acbfc3;border-radius:9px;margin-top:13px}.add-library>summary{cursor:pointer;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:600;display:flex}.add-library[open]>summary{border-bottom:1px dashed var(--line)}.item-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;display:grid}.item-library button{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:76px;padding:12px 6px;font-size:12px;display:flex}.item-library svg{color:var(--teal)}.layout-summary{margin:24px 0 10px}.layout-summary .subheading{margin-top:0}.lane-strip{border:1px solid var(--line);border-radius:8px;gap:3px;height:62px;margin-bottom:7px;padding:4px;display:flex;overflow:hidden}.lane-strip>div{color:var(--teal);background:#e4eef0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;min-width:12px;font-size:14px;display:flex;position:relative}.lane-strip small{opacity:.8;font-size:12px}.lane-strip.adjustable{height:48px}.drag-handle{touch-action:none;cursor:col-resize;background:#c9dde0;border:0;border-radius:0;padding:0 2px;position:absolute;top:0;bottom:0;right:0}.manual-lane{align-items:center;gap:8px;margin:8px 0;display:flex}.manual-lane>span{min-width:15px;font-size:12px}.manual-lane>input{width:50%;padding:8px}.manual-lane>label{align-items:center;gap:4px;max-width:100px;margin:0;font-size:12px;display:flex}.manual-lane>label>input{width:65px;padding:8px 4px;margin:0!important}.advanced{border-top:1px solid var(--line);margin:17px 0;padding-top:15px}.advanced>summary{cursor:pointer;padding-bottom:12px;font-size:14px;font-weight:600;list-style-position:inside}.advanced[open]>summary{margin-bottom:8px}.toggle-row{border-bottom:1px solid #edf1f2;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:16px 0;display:flex}.toggle-row span{font-size:14px;font-weight:500}.toggle-row strong{font-size:15px;font-weight:650;display:block}.toggle-row small{color:var(--muted);max-width:330px;margin-top:4px;font-size:13px;font-weight:400;line-height:1.45;display:block}.toggle-row input{appearance:none;background:#cdd8db;border:0;border-radius:20px;width:38px;height:22px;margin:0;padding:0;position:relative}.toggle-row input:checked{background:var(--teal)}.toggle-row input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle-row input:checked:after{transform:translate(16px)}.feature{margin:15px 0}.upgrade{background:#eef4f4;border:1px solid #d6e5e7;border-radius:10px;margin-bottom:20px;padding:16px}.super-library{grid-template-columns:1fr 1fr;gap:10px;display:grid}.super-library>button{text-align:left;flex-direction:column;align-items:flex-start;gap:7px;min-height:176px;padding:16px 13px;display:flex;position:relative}.super-library strong{font-size:15px;font-weight:650}.super-library small{color:var(--muted);font-size:13px;line-height:1.5}.super-icon{width:35px;height:35px;color:var(--teal);background:#eaf2f2;border-radius:8px;place-items:center;margin-bottom:4px;display:grid}.material-chip{color:var(--teal);margin-top:auto;padding-top:4px;font-size:12px}.add-plus{position:absolute;top:18px;right:13px}.super-entry{border:1px solid var(--line);border-radius:9px;margin:10px 0;position:relative;overflow:hidden}.super-title{text-align:left;border:0;border-radius:0;align-items:center;gap:10px;width:calc(100% - 33px);padding:14px;display:flex}.super-title>span{flex:1}.super-title>svg{color:var(--teal);flex-shrink:0}.remove-super{position:absolute;top:17px;right:3px}.palettes{grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 0;display:grid}.palettes button{background:0 0;border:1px solid #0000;min-width:0;padding:5px 3px}.palettes button.selected{border-color:var(--teal)}.palettes button>span{border:1px solid #00000015;border-radius:6px;width:100%;height:37px;display:block;position:relative;overflow:hidden}.palettes i{width:33%;height:65%;position:absolute;bottom:0;right:0;transform:skew(-25deg)translate(3px)}.palettes small{letter-spacing:-.02em;margin-top:6px;font-size:12px;display:block}.color-field{border:1px solid var(--line);background:#f6f8f8;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.color-field input{background:0 0;border:0;width:35px;height:32px;margin:0!important;padding:0!important}.inline-checks{gap:18px;margin:5px 0 20px;display:flex}.inline-checks label{align-items:center;gap:7px;margin:0;font-size:14px;font-weight:400;display:flex}.field-value{float:right;color:var(--muted);font-weight:400}.step-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:30px;padding-top:22px;display:flex}.button{justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 17px;font-size:14px;font-weight:650;display:inline-flex}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.primary:hover:not(:disabled){background:#28616c}.button.secondary{background:#fff}.button.quiet{background:0 0;border:0}.button.full{width:100%;margin-bottom:12px}.text-button{color:var(--teal);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:14px;display:inline-flex}.text-button:hover:not(:disabled){background:0 0;text-decoration:underline}.text-button small{color:var(--muted);font-size:12px}.preview-panel{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;position:sticky;top:20px;overflow:hidden}.preview-heading{justify-content:space-between;align-items:center;gap:12px;padding:24px 25px 18px;display:flex}.preview-heading h2{overflow-wrap:anywhere;margin-top:7px;font-size:20px}.grid-badge{color:var(--teal);border:1px solid #cbd9dc;border-radius:5px;flex-shrink:0;padding:7px 10px;font-family:ui-monospace,monospace;font-size:12px}.preview-surface{background:#eef1f2;height:clamp(320px,37vw,550px);position:relative}.canvas-wrap,.canvas-wrap canvas{width:100%;height:100%;display:block;position:relative}.canvas-top,.canvas-bottom{pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:17px;right:17px}.canvas-top{top:16px}.canvas-bottom{color:var(--muted);font-size:12px;bottom:10px}.canvas-bottom button{pointer-events:auto;background:#fffb;margin-left:3px}.canvas-bottom>span{margin-right:auto}.render-state{color:var(--muted);background:#fffd;border-radius:6px;padding:6px 9px;font-size:12px}.render-state.exact{color:#285a43}.canvas-error{color:var(--muted);text-align:center;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.view-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 19px;display:flex}.view-controls>div{flex-wrap:wrap;gap:4px;display:flex}.view-controls button{color:var(--muted);background:0 0;border:0;padding:7px 10px;font-size:13px}.view-controls button.active{color:var(--teal);background:#e9f1f2}.view-controls label{font-size:12px}.view-controls input{width:15px;height:15px}.dimension-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:17px 25px;display:flex}.dimension-strip>span{font-family:ui-monospace,monospace;font-size:16px}.dimension-strip small{color:var(--muted)}.dimension-strip button{font-size:12px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 25px 18px;display:grid}.stats-grid>div{border-left:1px solid var(--line);min-width:0;padding-left:18px}.stats-grid>div:first-child{border:0;padding-left:0}.stats-grid small{color:var(--muted);font-size:12px;display:block}.stats-grid strong{letter-spacing:-.055em;margin:8px 0;font-size:clamp(23px,2.4vw,34px);font-weight:630;display:block}.stats-grid strong>span{letter-spacing:0;color:var(--muted);margin-left:4px;font-size:15px;font-weight:450}.estimate-note{color:var(--muted);margin:0 0 18px;padding:0 25px;font-size:12px;line-height:1.6}.fit-notes{border-top:1px solid var(--line);font-size:13px}.fit-notes summary{cursor:pointer;color:#715d31;align-items:center;gap:7px;padding:14px 25px;display:flex}.fit-notes ul{color:var(--muted);margin:0;padding:0 30px 17px 45px}.fit-notes li{margin:7px 0;line-height:1.55}.validation-panel{color:#765924;background:#fff7e4;border-top:1px solid #ebdebf;align-items:flex-start;gap:10px;padding:15px 20px;font-size:14px;display:flex}.validation-panel>svg{flex-shrink:0;margin-top:5px}.validation-panel p{margin:4px 0;font-size:14px;line-height:1.5}.validation-panel.error{color:#943d29;background:#fff2ee;border-color:#efd7cf}.callout{background:#eff5dd;border-radius:9px;align-items:flex-start;gap:10px;margin:17px 0;padding:14px 16px;display:flex}.callout>svg{flex-shrink:0;margin-top:3px}.callout p{margin:0;font-size:14px}.parts-list{border-top:1px solid var(--line);margin:22px 0}.part-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 0;display:flex}.part-row>div{flex:1;min-width:0}.part-row strong{font-size:14px;display:block}.part-row small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.part-row>button{padding:7px 9px;font-size:12px}.part-icon{width:35px;height:39px;color:var(--teal);background:#edf3f3;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.summary-actions{grid-template-columns:1fr 1fr;gap:9px;margin:20px 0 25px;display:grid}.summary-actions button{text-align:left;align-items:center;gap:8px;padding:13px;font-size:14px;display:flex}.assembly-note{background:#f5f8f8;border-radius:9px;padding:18px}.assembly-note h2{margin-bottom:10px;font-size:17px}.assembly-note p{color:var(--muted);margin:7px 0;font-size:14px}.coupon-options{gap:7px;margin-bottom:13px;display:flex}.coupon-options button{flex:1;padding:10px 4px;font-size:12px}.coupon-options button.selected{border-color:var(--teal);background:#eef5f5}.export-progress{color:var(--teal);align-items:center;gap:9px;padding:12px 0;font-size:14px;display:flex}.export-progress>span{flex:1}.export-progress>button{padding:6px;font-size:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal{border:1px solid var(--line);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border-radius:15px;padding:28px;overflow-y:auto;box-shadow:0 20px 100px #0d2b3440}.modal.large{width:min(600px,100vw - 32px)}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#142c37aa}.modal-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-heading h2{font-size:24px}.modal textarea{overflow-wrap:anywhere;resize:vertical;font-size:13px}.modal>p{color:var(--muted)}.modal .fields{gap:14px}.mode-checks{gap:11px;margin:12px 0 20px;display:grid}.mode-checks label{font-size:14px}.form-error{font-size:14px;color:#943d29!important}.toast{background:var(--ink);color:#fff;z-index:30;border-radius:9px;align-items:center;gap:20px;max-width:calc(100vw - 28px);padding:13px 17px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #18363d33}.toast button{color:#fff}.maker-banner{background:#e4efc4;align-items:center;gap:13px;padding:15px max(28px,50vw - 708px);display:flex}.maker-banner>div{flex:1}.maker-banner strong{font-size:15px;display:block}.maker-banner span{color:#4e6543;margin-top:4px;font-size:12px;display:block}.maker-banner button{font-size:12px}@media (min-width:1550px){.workspace{grid-template-columns:510px minmax(0,1fr)}}@media (max-width:1100px){.workspace{grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:16px;padding:0 18px}.editor{padding:25px 21px}.steps{padding:18px}.preview-heading{padding:19px}.preview-surface{height:400px}.stats-grid{gap:7px;padding:10px 18px 15px}.stats-grid>div{padding-left:10px}.stats-grid strong{font-size:25px}.dimension-strip{padding:15px 18px}.save-status{max-width:130px}.palettes{grid-template-columns:repeat(3,1fr)}.palettes button>span{height:32px}.topbar{padding:0 22px}}@media (max-width:850px){.workspace{flex-direction:column;max-width:700px;padding:0 16px;display:flex}.preview-panel{order:-1;width:100%;position:static}.editor{width:100%;padding:26px 24px}.preview-heading{padding:16px 19px 12px}.preview-surface{height:330px}.preview-heading h2{font-size:18px}.preview-heading .eyebrow{display:none}.preview-panel .stats-grid{padding-top:0}.preview-panel .stats-grid strong{font-size:28px}.steps{grid-template-columns:repeat(4,1fr);gap:3px;max-width:700px;padding:16px;display:grid}.steps>button{white-space:nowrap;flex-direction:column;gap:5px;padding:8px 4px;font-size:13px}.save-status{text-align:center;grid-column:1/-1;max-width:100%;margin:6px 0 0;font-size:12px}.topbar{height:67px;padding:0 18px}.brand{font-size:20px}.brand svg{width:26px;height:30px}.header-actions{gap:4px}.header-actions button{padding:9px;font-size:12px}.header-actions button>span,.brand>span{display:none}.palettes{grid-template-columns:repeat(6,1fr)}.maker-banner{flex-wrap:wrap;padding:14px 18px}.maker-banner>.text-button{width:100%;margin-left:33px}.preview-panel .fit-notes summary{padding:10px 20px}.preview-panel .estimate-note{margin-bottom:13px;padding:0 18px;font-size:12px}.view-controls{padding:10px 12px}.dimension-strip{padding-top:12px;padding-bottom:12px}.canvas-top .eyebrow,.render-state{font-size:12px}.modal{padding:23px}.super-library>button{min-height:164px}}@media (max-width:430px){.workspace{gap:14px;padding:0 10px}.editor{padding:23px 17px}.preview-heading{padding:15px}.preview-surface{height:270px}.stats-grid{gap:5px;padding:6px 14px 13px}.stats-grid>div{padding-left:8px}.stats-grid strong{font-size:24px!important}.stats-grid small,.preset-row button{font-size:12px}.item-library{grid-template-columns:repeat(3,1fr)}.item-main{gap:7px;padding-left:3px}.item-row{gap:3px}.item-main>svg{width:17px}.item-main strong{font-size:14px}.quantity button{padding:7px 4px}.quantity>span{min-width:18px}.quantity,.palettes small{font-size:12px}.palettes{gap:2px}.summary-actions button{gap:6px;padding:12px 8px;font-size:13px}.super-library{gap:8px}.super-library>button{padding:13px 11px}.super-library strong{font-size:14px}.super-library small{font-size:13px}.step-footer{gap:6px}.step-footer>.text-button{font-size:13px}.step-footer>.text-button small{display:none}.part-row{gap:7px}.part-row>button{padding:7px;font-size:12px}.preview-heading .grid-badge{font-size:12px}.fields{gap:10px}.modal .fields{gap:9px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.grid-plan{background:#eef1f2;min-height:360px;padding:22px}.grid-scale,.grid-caption{justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;font-size:13px;display:flex}.grid-scale span{color:var(--muted);font-family:ui-monospace,monospace}.grid-board{background-color:#fbfcfc;background-image:linear-gradient(90deg,#d9e2e4 1px,#0000 1px),linear-gradient(#d9e2e4 1px,#0000 1px);background-size:calc(100% / var(--cols)) calc(100% / var(--rows));pointer-events:none;border:2px solid #849b9f;position:absolute;box-shadow:0 8px 22px #17303a12}.grid-workbench{--cell:8px;border:1px solid var(--line);background:#e7edef;max-height:560px;overflow:auto}.grid-stage{min-width:100%;min-height:260px;position:relative}.staging-label{color:#52676e;pointer-events:none;font-size:12px;position:absolute;top:7px;left:10px}.grid-module.invalid{background-image:repeating-linear-gradient(135deg,#0000,#0000 7px,#cf3e3014 7px 10px);border:2px solid #b84135}.grid-module.invalid.selected{outline-color:#b84135}.super-selector{margin:12px 20px}.view-controls{flex-wrap:wrap}.material-details{margin:0 20px 16px}.material-details dl{margin:12px 0;font-size:14px}.material-details dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:5px 0;display:flex}.material-details dd{font-variant-numeric:tabular-nums;margin:0}.expansion-card{background:#edf5f5;border:1px solid #a1bbbd;border-radius:8px;margin:16px 0;padding:16px}.part-row.not-requested{background:#f5f7f7}.part-row>input[type=checkbox]{flex:none;width:20px;height:20px}.part-qty{width:70px;font-size:12px}.part-qty input{min-height:32px;padding:5px}.part-actions{flex-wrap:wrap}.super-catalog button img{object-fit:contain;border-radius:4px;grid-column:1/-1;width:100%;height:96px}.super-catalog button{min-width:0}.grid-module{background:var(--module-tint);touch-action:none;cursor:grab;border:1px solid #6b898c;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;font-size:12px;line-height:1.1;display:flex;position:absolute;overflow:hidden}.grid-module:hover:not(:disabled){background:var(--module-tint);filter:brightness(.97);border-color:var(--teal)}.grid-module.selected{outline:2px solid var(--teal);outline-offset:-3px;z-index:1}.grid-module.dragging{opacity:.65;cursor:grabbing;z-index:2}.grid-module span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.grid-module small{font:10px ui-monospace,monospace}.grid-caption{color:var(--muted);flex-wrap:wrap;margin:14px 0}.grid-caption span,.grid-caption button{align-items:center;gap:6px;display:flex}.grid-space{border-top:1px solid var(--line);gap:20px;padding-top:18px;display:flex}.grid-space>div{flex:1}.grid-space strong{letter-spacing:-1px;font-size:25px;display:block}.grid-space span{color:var(--muted);font-size:12px}.module-badge{background:#e7eeee;border-radius:4px;margin-top:4px;padding:4px 7px;font:11px ui-monospace,monospace;display:inline-block}.module-card.selected{border-color:var(--teal)}.maker-live{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stock-list{gap:8px;margin:15px 0;display:grid}.stock-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:44px 1fr 100px 40px;align-items:center;gap:8px;padding:10px;display:grid}.stock-row input[type=color]{height:40px;padding:3px}.stock-row label{margin:0}.stock-row .stock-details{grid-column:2/4;align-items:center;gap:12px;display:flex}.quote{background:#ecf2ed;border-radius:10px;margin:16px 0;padding:16px}.quote strong{font-size:26px;display:block}.quote small{color:var(--muted)}.profile-status{margin:10px 0;font-size:13px}.profile-status.error{color:#92342a}.module-tools{align-items:center;gap:6px;display:flex}.selected-stock{align-items:center;gap:8px;display:flex}.color-chip{border:1px solid #0002;border-radius:3px;width:14px;height:14px;display:inline-block}.three-steps.steps>button{flex-shrink:0}.fit-warning{color:#96412f;margin:8px 0;font-size:12px}.repack-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inventory-size{color:var(--muted);margin-top:4px;font-size:12px;display:block}.preview-tabs{flex-wrap:wrap;gap:5px;display:flex}.preview-tabs button.active{background:var(--teal);color:#fff}.stock-empty{color:var(--muted);border:1px dashed #bcc9cc;border-radius:8px;padding:14px;font-size:14px}.maker-dialog{max-width:720px!important}.part-actions{gap:6px;display:flex}.part-actions button{padding:7px 9px;font-size:12px}@media (max-width:650px){.grid-plan{padding:16px}.stock-row{grid-template-columns:40px 1fr 80px 32px}.three-steps.steps{gap:0;padding:14px 8px}.three-steps.steps>button{padding:8px;font-size:12px}.three-steps.steps>button>span{display:none}.grid-space{gap:8px}.grid-space strong{font-size:22px}}.preview-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:20px 22px;display:flex}.preview-top strong{margin-top:5px;font:600 18px ui-monospace,monospace;display:block}.preview-tabs button{align-items:center;gap:5px;padding:8px 12px;font-size:13px;display:flex}.live-stats,.ready-summary{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 22px;display:grid}.live-stats strong,.ready-summary strong{letter-spacing:-.6px;font-size:23px;display:block}.live-stats span,.ready-summary span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.ready-summary{border:1px solid var(--line);background:#edf2f2;border-radius:10px;margin:20px 0 12px}.preview-note{color:var(--muted);align-items:center;gap:8px;padding:0 22px;font-size:12px;display:flex}.status-dot{background:#b79147;border-radius:50%;width:6px;height:6px}.status-dot.ready-dot{background:#327064}.preview-disclaimer,.content-toggle{margin-top:12px;padding:0 22px;font-size:12px}.super-catalog{grid-template-columns:1fr 1fr;gap:10px;padding:15px 0;display:grid}.super-catalog button{text-align:left;padding:14px 28px 14px 14px;position:relative}.super-catalog strong{font-size:14px;display:block}.super-catalog span{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.4;display:block}.super-catalog svg{position:absolute;top:15px;right:10px}button.primary{background:var(--teal);color:#fff;border-color:var(--teal);justify-content:center;align-items:center;gap:8px;display:inline-flex}button.primary:hover:not(:disabled){color:#fff;background:#123c46;border-color:#123c46}button.full{width:100%;margin:12px 0;display:flex}button.secondary{background:#e7efef;border-color:#bccdce}.step-footer{justify-content:space-between;gap:10px;margin:26px 0 0;display:flex}.step-footer button,.repack-row button,.text-button{align-items:center;gap:7px;display:inline-flex}.heading{margin-bottom:24px}.subheading{margin:26px 0 16px}.eco-card{background:#f3f6e7;border:1px solid #c6d59b;border-radius:10px;margin:26px 0;padding:20px}.eco-card h2{margin:7px 0}.view-controls{flex-wrap:wrap;gap:5px;display:flex}.validation{border:1px solid #d4dedf;border-radius:8px;margin:16px 0;padding:14px;font-size:13px}.validation strong{align-items:center;gap:7px;display:flex}.validation p{margin:8px 0;font-size:13px}.validation.errors{background:#fff1e9;border-color:#ebc6b3}.validation-banner{background:#fff1e9;gap:9px;padding:14px max(28px,50vw - 708px);font-size:13px;display:flex}.export-grid{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.export-grid button,.file-label{text-align:center;margin:0;padding:12px;font-size:13px}.file-label{border:1px dashed #bac8cb;border-radius:8px;display:block}.file-label input{margin-top:6px;padding:4px;font-size:12px}.dialog-head{justify-content:space-between;align-items:center;gap:18px;margin:6px 0 20px;display:flex}.dialog-head h2{line-height:1.2}.dialog-head .eyebrow{margin-bottom:7px;display:block}dialog .fields{margin-top:14px}dialog details{border-top:1px solid var(--line);padding:16px 0}dialog summary{cursor:pointer;font-weight:650}.external-link{justify-content:center;align-items:center;gap:7px;padding:12px;text-decoration:underline;display:flex}.checks{gap:5px;margin:12px 0;display:grid}.checks label{margin-bottom:8px}.toast{align-items:center;gap:15px;display:flex}.toast button{color:inherit;background:0 0;border:0;padding:4px}.part-row>.part-actions{flex-direction:row;flex-shrink:0;align-items:center}.part-row>div:first-child{min-width:0}.part-row strong{overflow-wrap:anywhere}.item-details details{margin-top:12px}.item-details summary{cursor:pointer;padding:10px 0;font-size:13px;font-weight:600}.item-details .fields{margin-top:12px}@media (max-width:650px){.live-stats{gap:8px;padding:16px}.live-stats strong{font-size:19px}.preview-top{padding:14px}.ready-summary{padding:16px}.super-catalog{gap:7px}.part-row{align-items:center}.part-row strong{font-size:13px}.part-actions button{padding:7px}.preview-tabs button{padding:7px 10px}}.case-size-choice{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.case-size-choice button{flex:1;min-width:145px}.case-size-choice button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
