:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#151922;font-synthesis:none;text-rendering:optimizelegibility;background:#edf0f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#edf0f3;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{letter-spacing:0;white-space:nowrap;align-items:center;gap:10px;font-weight:850;display:inline-flex}.primary-button,.secondary-button,.danger-button{letter-spacing:0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:750;display:inline-flex}.primary-button{color:#fff;background:#0969da;box-shadow:0 7px 20px #0969da38}.secondary-button{color:#1f2937;background:#fff;border:1px solid #d8dee8}.danger-button{color:#b42318;background:#fff1f0;border:1px solid #ffdad6;width:100%}.icon-button{color:#1f2937;background:#fff;border:1px solid #d7dde7;border-radius:8px;grid-template-rows:22px auto;place-items:center;gap:3px;min-block-size:60px;inline-size:52px;padding:6px 4px;display:grid}.icon-button.active{color:#065f46;background:#dff8ef;border-color:#a7f3d0}.icon-button-label{text-align:center;white-space:normal;letter-spacing:0;max-inline-size:48px;font-size:9px;font-weight:850;line-height:1.08;overflow:visible}.segmented{background:#f7f8fa;border:1px solid #d7dde7;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;display:grid}.segmented.compact{grid-template-columns:repeat(2,minmax(84px,1fr));max-inline-size:230px;display:inline-grid}.segmented button{color:#384152;text-transform:capitalize;background:0 0;border:0;border-radius:6px;min-height:34px;font-weight:750}.segmented button.selected{color:#fff;background:#111827}.muted{color:#667085}.eyebrow{color:#0f766e;text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:850}.field-label{color:#344054;margin:18px 0 8px;font-size:13px;font-weight:800;display:block}.panel-title,.json-title{color:#242b38;letter-spacing:0;align-items:center;gap:8px;font-size:14px;font-weight:850;display:flex}.host-shell{grid-template-rows:auto 1fr;gap:18px;min-height:100vh;padding:18px;display:grid}.host-product,.integration-panel,.debug-stack,.product-panel,.json-box,.inspector-section{background:#fff;border:1px solid #d9dee7;border-radius:8px;box-shadow:0 10px 30px #0f172a0f}.host-topbar,.designer-topbar{border-bottom:1px solid #e6e9ef;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:0 18px;display:flex}.host-actions,.topbar-actions,.action-row,.status-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-grid{grid-template-columns:minmax(320px,1fr) 360px;gap:18px;padding:18px;display:grid}.product-stage{background-color:#f7f8fb;background-image:linear-gradient(90deg,#1118270a 1px,#0000 1px),linear-gradient(#1118270a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #e5e7ef;border-radius:8px;place-items:center;min-height:360px;display:grid}.shirt-preview{aspect-ratio:1;color:#202632;place-items:center;inline-size:min(420px,82vw);display:grid;position:relative}.shirt-preview span{color:#596173;text-transform:uppercase;font-weight:800;position:absolute;bottom:46px}.product-panel{padding:22px}.product-panel h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.1}.host-note{color:#475467;background:#f0fdf7;border:1px solid #d7f4e8;border-radius:8px;grid-template-columns:22px 1fr;gap:10px;margin-top:20px;padding:13px;font-size:13px;line-height:1.45;display:grid}.integration-grid{grid-template-columns:minmax(520px,1fr) minmax(330px,430px);gap:18px;min-height:620px;display:grid}.integration-panel{grid-template-rows:48px 1fr;min-height:620px;display:grid;overflow:hidden}.integration-panel .panel-title{border-bottom:1px solid #e6e9ef;padding:0 14px}.integration-panel iframe{background:#f4f6f8;border:0;block-size:100%;inline-size:100%}.empty-iframe{color:#667085;align-content:center;place-items:center;gap:10px;min-height:520px;display:grid}.debug-stack{background:#f9fafb;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:620px;padding:10px;display:grid}.json-box{grid-template-rows:40px 1fr;min-width:0;min-height:0;display:grid;overflow:hidden}.json-title{border-bottom:1px solid #e6e9ef;padding:0 12px}.json-box pre{color:#19202d;background:#fbfcfd;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.designer-loading{color:#475467;background:#f5f6f8;align-content:center;place-items:center;gap:12px;min-height:100vh;font-weight:800;display:grid}.designer-shell{background:#edf0f3;grid-template-rows:58px auto auto minmax(0,1fr) auto;min-height:100vh;display:grid}.designer-topbar{z-index:4;background:#fff;position:sticky;top:0}.topbar-center{color:#536073;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:750;display:flex}.workflow-strip{background:#f8fafc;border-bottom:1px solid #d9dee7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.workflow-track{grid-template-columns:repeat(7,minmax(108px,1fr));gap:8px;min-width:0;display:grid}.workflow-step{background:#fff;border:1px solid #dbe2ec;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:54px;padding:7px 9px;display:grid}.workflow-step.done{background:#f0fdf4;border-color:#bbf7d0}.workflow-step.active{background:#eff6ff;border-color:#93c5fd;box-shadow:inset 0 0 0 1px #2563eb29}.workflow-step.pending{color:#667085;background:#f3f4f6}.workflow-step.blocked{background:#fff1f2;border-color:#fecaca}.workflow-index{color:#344054;background:#eef2f7;border-radius:999px;place-items:center;block-size:28px;inline-size:28px;font-size:12px;font-weight:900;display:grid}.workflow-step.done .workflow-index{color:#05603a;background:#dcfae6}.workflow-step.active .workflow-index{color:#fff;background:#0969da}.workflow-step span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;display:block;overflow:hidden}.workflow-step small{text-overflow:ellipsis;white-space:nowrap;color:#667085;font-size:11px;font-weight:750;display:block;overflow:hidden}.workflow-next{color:#065f46;white-space:nowrap;background:#ecfdf3;border:1px solid #d7f4e8;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.action-dock{background:#fff;border-bottom:1px solid #d9dee7;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 12px;display:grid}.action-dock-item{background:#f8fafc;border:1px solid #dbe2ec;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:58px;padding:8px 10px;display:grid}.action-dock-item.done{background:#f0fdf4;border-color:#bbf7d0}.action-dock-item.active{background:#eff6ff;border-color:#93c5fd}.action-dock-item.pending{color:#667085}.action-dock-icon{color:#334155;background:#fff;border-radius:8px;place-items:center;block-size:34px;inline-size:34px;display:grid}.action-dock-item.done .action-dock-icon{color:#05603a}.action-dock-item.active .action-dock-icon{color:#0969da}.action-dock-copy{min-width:0}.action-dock-copy strong,.action-dock-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.action-dock-copy strong{color:#202939;font-size:13px;font-weight:900}.action-dock-copy span{color:#667085;font-size:12px;font-weight:750}.designer-layout{grid-template-columns:336px minmax(520px,1fr);gap:12px;min-height:0;padding:12px;display:grid}.tool-rail{background:#f9fafb;border:1px solid #d9dee7;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.tool-rail-horizontal{background:#fff;flex-direction:row;justify-content:flex-start;min-width:0;min-height:54px;padding:6px;overflow-x:auto}.tool-rail-horizontal .icon-button{grid-template-rows:1fr;min-block-size:40px;inline-size:42px;min-inline-size:42px;padding:0}.tool-rail-horizontal .icon-button-label{display:none}.side-panel-shell{grid-template-columns:64px minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid}.panel-switcher{background:#f9fafb;border:1px solid #d9dee7;border-radius:8px;align-content:start;gap:8px;min-width:0;min-height:0;padding:8px;display:grid}.panel-switch-button{color:#344054;background:#fff;border:1px solid #d7dde7;border-radius:8px;place-items:center;min-block-size:46px;inline-size:46px;padding:5px 3px;display:grid}.panel-switch-button.active,.panel-switch-button:hover{color:#065f46;background:#dff8ef;border-color:#a7f3d0}.panel-switch-button span{display:none}.side-panel-content{min-width:0;min-height:0;display:grid}.side-panel-content>.layers-sidebar,.side-panel-content>.inspector-section{min-height:100%}.layers-sidebar{background:#fff;border:1px solid #d9dee7;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:10px;min-width:0;min-height:0;padding:12px;display:grid;box-shadow:0 10px 30px #0f172a0d}.sidebar-title{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-title small{color:#475467;background:#f1f3f6;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.sidebar-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sidebar-meta span{text-overflow:ellipsis;white-space:nowrap;color:#475467;background:#f8fafc;border:1px solid #e4e9f1;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:28px;font-size:11px;font-weight:850;display:inline-flex;overflow:hidden}.canvas-column{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;gap:10px;min-width:0;display:grid}.canvas-toolbar{background:#fff;border:1px solid #d9dee7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.view-controls{background:#f8fafc;border:1px solid #d7dde7;border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.view-controls button{color:#475467;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:30px;font-size:12px;font-weight:900;display:inline-flex}.view-controls button.selected,.view-controls button:hover{color:#0f766e;background:#e6f6f1}.view-controls .view-zoom{color:#202939;background:#fff;border:1px solid #d7dde7;min-width:54px}.status-pill{color:#475467;background:#f1f3f6;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.good{color:#05603a;background:#dcfae6}.status-pill.warn{color:#93370d;background:#fff4d6}.canvas-frame{background:#fff;border:1px solid #d9dee7;border-radius:8px;place-items:start center;min-height:0;padding:16px;display:grid;overflow:auto}.canvas-frame.mockup-worn{background:radial-gradient(circle at 28% 18%,#0ea5e914,#0000 26%),linear-gradient(135deg,#fff 0%,#f3f6fa 100%)}.canvas-frame.mockup-folded .designer-canvas{transform:perspective(900px) rotateX(4deg) scale(var(--canvas-scale,1));box-shadow:0 22px 55px #0f172a2e}.designer-canvas{aspect-ratio:1000/720;touch-action:none;max-block-size:min(620px,100vh - 330px);inline-size:min(100%,930px);transform:scale(var(--canvas-scale,1));transform-origin:top;background:#f6f7f8;border:1px solid #ccd3df;border-radius:8px;box-shadow:0 18px 50px #0f172a1f}.layer-group{cursor:grab}.layer-group:active{cursor:grabbing}.layer-group.locked{cursor:default}.inspector{align-content:start;gap:12px;min-width:0;display:grid}.inspector-section{padding:12px}.product-options-panel{background:#fffdf7;border-color:#f2dfaa}.option-defaults{gap:6px;margin-top:10px;display:grid}.option-default-row{color:#475467;background:#fff;border:1px solid #f0dfb3;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:8px;min-height:30px;padding:7px 8px;font-size:12px;display:grid}.option-default-row span,.option-default-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.option-default-row strong{color:#111827;text-align:end}.option-group{gap:7px;margin-top:12px;display:grid}.option-group label{color:#475467;font-size:12px;font-weight:900}.color-swatches{grid-template-columns:repeat(3,38px);gap:8px;display:grid}.swatch{background:var(--swatch);border:2px solid #d0d5dd;border-radius:8px;block-size:32px;inline-size:38px}.swatch.selected{border-color:#0969da;box-shadow:0 0 0 3px #0969da26}.option-buttons{gap:6px;display:grid}.option-buttons.two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-buttons.four{grid-template-columns:repeat(4,minmax(0,1fr))}.option-buttons button{color:#384152;text-transform:capitalize;background:#fff;border:1px solid #d6dbe5;border-radius:8px;min-height:34px;font-weight:850}.option-buttons button.selected{color:#fff;background:#111827;border-color:#111827}.constraint-list{gap:6px;margin-top:12px;display:grid}.constraint-list span{color:#5f4b1b;background:#fff7d6;border-radius:8px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;font-weight:800;display:flex}.production-strip{grid-template-columns:minmax(190px,1.1fr) minmax(190px,1fr) minmax(190px,1fr) auto;align-items:stretch;gap:8px;display:grid}.production-card,.mockup-switcher{background:#fff;border:1px solid #d9dee7;border-radius:8px;align-items:center;min-width:0;min-height:56px;display:grid}.production-card{color:#334155;grid-template-columns:26px minmax(0,1fr);gap:9px;padding:9px 11px}.production-card.strong{background:#f1fbf7;border-color:#c7eadf}.production-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;display:block;overflow:hidden}.production-card span{text-overflow:ellipsis;white-space:nowrap;color:#667085;font-size:12px;font-weight:750;display:block;overflow:hidden}.mockup-switcher{background:#f8fafc;grid-template-columns:repeat(3,minmax(64px,1fr));padding:5px}.mockup-switcher button{color:#475467;text-transform:capitalize;background:0 0;border:0;border-radius:6px;min-height:34px;font-size:12px;font-weight:900}.mockup-switcher button.selected{color:#fff;background:#0f766e}.next-action-card{background:#f0f9ff;border-color:#b9e6fe}.next-action-card p{color:#345066;margin:10px 0 12px;font-size:13px;line-height:1.45}.next-action-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.next-action-row span{text-overflow:ellipsis;white-space:nowrap;color:#075985;font-size:13px;font-weight:900;overflow:hidden}.layer-list{gap:7px;margin-top:12px;display:grid}.platform-layer-list{align-content:start;min-height:0;margin-top:0;padding-right:2px;overflow:auto}.platform-layer-row{background:#fbfcfd;border:1px solid #dde4ee;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:7px;min-width:0;padding:8px;display:grid}.platform-layer-row.selected{background:#eff8ff;border-color:#84caff;box-shadow:inset 0 0 0 1px #0969da1f}.platform-layer-row.hidden{opacity:.62}.layer-drag-handle,.layer-main-button,.layer-mini-actions button{background:0 0;border:0;border-radius:7px}.layer-drag-handle{color:#98a2b3;place-items:center;min-block-size:38px;display:grid}.layer-main-button{text-align:left;color:#202939;grid-template-rows:auto auto;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;min-height:38px;padding:0;display:grid}.layer-main-button svg{grid-row:1/3}.layer-main-button span,.layer-main-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-main-button span{font-size:13px;font-weight:900}.layer-main-button small{color:#667085;font-size:11px;font-weight:750}.layer-mini-actions{grid-column:2;grid-template-columns:repeat(5,28px);gap:4px;display:grid}.layer-mini-actions button{color:#475467;background:#fff;border:1px solid #e1e7ef;place-items:center;block-size:28px;inline-size:28px;display:grid}.layer-mini-actions button:hover{color:#0969da;background:#eff6ff;border-color:#bfdbfe}.layer-mini-actions button:disabled{color:#a3aab7;background:#f3f4f6}.layer-mini-actions .muted-action{color:#98a2b3;background:#f3f4f6}.layer-mini-actions .locked-action{color:#93370d;background:#fffbeb;border-color:#fedf89}.layers-empty{color:#667085;text-align:center;background:#f8fafc;border:1px dashed #cfd6e1;border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:170px;padding:18px;display:grid}.layers-empty span{color:#344054;font-size:13px;font-weight:900}.layers-empty small{color:#667085;font-size:12px;line-height:1.35}.layer-row{color:#344054;text-align:left;background:#fff;border:1px solid #dde2eb;border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0 10px;display:grid}.layer-row.selected{background:#eff8ff;border-color:#84caff}.layer-row span{text-transform:capitalize;font-weight:800}.layer-row small{color:#667085;font-weight:800}.form-grid{grid-template-columns:82px 1fr;align-items:center;gap:10px;margin-top:14px;display:grid}.form-grid label{color:#475467;font-size:13px;font-weight:800}.form-grid input{background:#fff;border:1px solid #d0d7e2;border-radius:8px;min-width:0;min-height:36px;padding:0 10px}.form-grid input[type=color]{padding:3px}.form-grid input:disabled{color:#667085;background:#f3f4f6}.locked-note{color:#7a2e0e;background:#fffbeb;border:1px solid #fedf89;border-radius:8px;grid-column:1/-1;margin:0;padding:9px 10px;font-size:12px;font-weight:800}.form-grid .danger-button{grid-column:1/-1;margin-top:4px}.compact-text{margin:12px 0 0;font-size:13px}.validation-stack{gap:8px;margin-top:12px;display:grid}.validation-line{color:#475467;background:#fbfcfd;border:1px solid #e2e7ef;border-radius:8px;grid-template-columns:20px 1fr;align-items:center;gap:8px;min-height:38px;padding:0 10px;font-size:13px;font-weight:800;display:grid}.validation-line.good{color:#05603a;background:#f0fdf4;border-color:#bbf7d0}.validation-line.warn{color:#93370d;background:#fffbeb;border-color:#fedf89}.review-warning-banner{color:#7a2e0e;background:#fffbeb;border:1px solid #fedf89;border-radius:8px;grid-template-columns:minmax(240px,.36fr) minmax(0,1fr);gap:12px;margin:12px 12px 0;padding:12px;display:grid;box-shadow:0 10px 30px #b4530914}.review-warning-heading{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;min-width:0;display:grid}.review-warning-heading strong,.review-warning-chip strong{color:#7a2e0e;font-size:13px;font-weight:950;display:block}.review-warning-heading span,.review-warning-chip small{color:#93370d;margin-top:3px;font-size:12px;font-weight:800;line-height:1.35;display:block}.review-warning-list{gap:8px;min-width:0;display:grid}.review-warning-chip{background:#fff;border:1px solid #fdb022;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.review-warning-chip.external{color:#991b1b;background:#fff1f2;border-color:#fecaca}.review-warning-chip p{color:inherit;margin:3px 0 0;font-size:13px;font-weight:800;line-height:1.35}.action-row{margin-top:12px}.warning-box{gap:8px;margin-top:12px;display:grid}.warning-item{color:#7a2e0e;background:#fffbeb;border:1px solid #fedf89;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px;display:grid}.warning-item.external{color:#991b1b;background:#fff1f2;border-color:#fecaca}.warning-item strong{font-size:12px;font-weight:900;display:block}.warning-item p{color:inherit;margin:3px 0;font-size:12px;line-height:1.35}.warning-item small{color:#6941c6;font-size:11px;font-weight:800}.accept-button{color:#93370d;background:#fff;border:1px solid #fdb022;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.accept-button.accepted{color:#05603a;background:#ecfdf3;border-color:#86efac}.external-pill{color:#991b1b;background:#fee2e2;border-radius:999px;align-items:center;min-height:28px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.debug-drawer{background:#fff;border:1px solid #d9dee7;border-radius:8px 8px 0 0;margin:22px 12px 0;position:relative}.debug-toggle{color:#344054;background:#fff;border:1px solid #cfd6e1;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-weight:800;display:inline-flex;position:absolute;top:-48px;right:14px}.debug-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:260px;padding:10px;display:grid}@media (width<=1180px){.action-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-strip{grid-template-columns:1fr}.workflow-track{grid-template-columns:repeat(4,minmax(130px,1fr))}.review-warning-banner{grid-template-columns:1fr}.designer-layout{grid-template-columns:316px minmax(360px,1fr)}.production-strip{grid-template-columns:1fr 1fr}.debug-grid,.integration-grid,.product-grid{grid-template-columns:1fr}}@media (width<=720px){.host-shell,.designer-layout{padding:8px}.host-topbar,.designer-topbar{flex-direction:column;align-items:stretch;min-height:auto;padding:12px}.topbar-center{flex-wrap:wrap}.designer-layout,.side-panel-shell{grid-template-columns:1fr}.panel-switcher{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-switch-button{min-block-size:48px;inline-size:100%}.workflow-track,.action-dock{grid-template-columns:1fr}.review-warning-banner{margin-inline:8px}.review-warning-chip{grid-template-columns:1fr;align-items:stretch}.tool-rail{flex-direction:row;overflow-x:auto}.layers-sidebar{min-height:240px}.canvas-toolbar{flex-direction:column;align-items:stretch}.inspector,.production-strip{grid-template-columns:1fr}.debug-stack{grid-template-rows:none}}