:root{--ink: #1f2328;--muted: #74777c;--line: #e2e2e0;--soft-line: #ededeb;--paper: #f6f6f4;--surface: #ffffff;--accent: #ef442f;--accent-soft: #fde7e2;--teal: #299b92;--green: #16843b;--gold: #ffb323;--shadow: 0 18px 45px rgba(31, 35, 40, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#fbfbfa;color:var(--ink)}.studio-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;background:#f4f5f7}.studio-sidebar{position:sticky;top:0;display:grid;grid-template-rows:auto 1fr;height:100vh;background:#fff;border-right:1px solid #dfe3e8;box-shadow:4px 0 18px #1f29370d}.studio-logo{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 16px;border-bottom:1px solid #e5e7eb}.studio-logo span{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:#8e5aa6;color:#fff;font-weight:950}.studio-logo strong{color:#1f2937;font-size:15px;font-weight:900}.studio-sidebar nav{display:grid;align-content:start;gap:4px;padding:14px 10px}.studio-sidebar a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:6px;color:#334155;font-size:14px;font-weight:750;text-decoration:none}.studio-sidebar a:hover,.studio-sidebar a.active{background:#8e5aa6;color:#fff}.studio-main{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:14px 16px 16px}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:0 2px 10px}.studio-top h1{color:#1f2937;font-size:24px;font-weight:900}.studio-top p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:700}.studio-primary-link{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:6px;background:#8e5aa6;color:#fff;font-size:13px;font-weight:900;text-decoration:none}.studio-content{min-height:0;overflow:auto;border:1px solid #dfe3e8;border-radius:8px;background:#fff;padding:16px;box-shadow:0 14px 30px #1f29370a}.studio-stack{display:grid;gap:16px}.studio-stack>*,.studio-dashboard>*,.studio-grid>*,.studio-settings-grid>*,.form-builder-grid>*{min-width:0}.studio-action-bar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px 18px;padding:16px;border:1px solid #dde3ea;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfafc);box-shadow:0 10px 24px #1f29370d;min-width:0}.studio-action-copy{min-width:0}.studio-action-copy h2{margin:0;color:#1f2937;font-size:18px;font-weight:950}.studio-action-copy p{max-width:760px;margin:5px 0 0;color:#667085;font-size:13px;font-weight:700;line-height:1.45}.studio-action-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-content:start}.studio-action-controls a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:950;text-decoration:none;white-space:nowrap}.studio-action-primary{border:1px solid #8e5aa6;background:#8e5aa6;color:#fff}.studio-action-secondary{border:1px solid #d8dfe8;background:#fff;color:#704187}.studio-metric-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #e4e8ee;border-radius:7px;background:#fff;overflow:hidden}.studio-metric-strip div{display:grid;gap:3px;min-width:0;padding:12px 14px;border-right:1px solid #edf0f4}.studio-metric-strip div:last-child{border-right:0}.studio-metric-strip strong{color:#8e5aa6;font-size:22px;font-weight:950;line-height:1}.studio-metric-strip span{overflow:hidden;color:#667085;font-size:11px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.studio-action-bar .studio-filters{grid-column:1 / -1;margin-top:0}.studio-filters{display:grid;grid-template-columns:minmax(220px,1fr) 190px 150px;gap:10px;padding:12px;border:1px solid #dde3ea;border-radius:8px;background:#fff}.studio-filters label{display:grid;gap:5px;min-width:0;color:#566273;font-size:11px;font-weight:850;text-transform:uppercase}.studio-filters input,.studio-filters select{width:100%;min-height:36px;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#18202c;font:inherit;font-size:13px;font-weight:750}.studio-filters input{padding:0 10px}.studio-filters select{padding:0 8px}.studio-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.studio-dashboard .studio-filters{grid-column:1 / -1}.home-command-card{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:16px;padding:18px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.home-command-card h2{margin:0;color:#1f2937;font-size:18px}.home-command-card p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.5}.home-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-command-grid a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 10px;border:1px solid #d7dde6;border-radius:7px;color:#704187;font-size:13px;font-weight:850;text-decoration:none}.home-command-grid a:hover{border-color:#8f59a5;background:#f7f1fa}.studio-stat,.studio-tile,.studio-table-card,.studio-settings-grid section{border:1px solid #e2e8f0;border-radius:8px;background:#fff}.studio-stat{display:grid;gap:4px;padding:18px}.studio-stat strong{color:#8f59a5;font-size:30px;line-height:1}.studio-stat span,.studio-tile span,.studio-tile small,.studio-settings-grid p{color:#64748b;font-size:13px}.studio-table-card{grid-column:1 / -1;min-width:0;overflow:hidden}.studio-table-head{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e2e8f0}.studio-table-head h2{font-size:16px}.studio-table-head span{color:#64748b;font-size:13px;font-weight:800}.studio-table-card table{width:100%;border-collapse:collapse}.studio-table-card th,.studio-table-card td{max-width:420px;padding:11px 16px;border-bottom:1px solid #edf2f7;color:#334155;font-size:13px;text-align:left;vertical-align:top}.studio-table-card th{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.table-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:260px}.table-actions button,.table-actions a{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #d7dde6;border-radius:6px;background:#fff;color:#704187;font-size:12px;font-weight:850;text-decoration:none}.table-actions button:hover,.table-actions a:hover{border-color:#8f59a5;background:#f7f1fa}.command-cell{display:block;max-width:360px;overflow-wrap:anywhere;padding:7px 8px;border:1px solid #e4e8ef;border-radius:6px;background:#f8fafc;color:#273243;font-size:11px;line-height:1.35}.studio-grid,.studio-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-tile,.studio-settings-grid section{display:grid;gap:8px;padding:16px}.studio-library-meta{display:flex;flex-wrap:wrap;gap:5px}.studio-library-meta em{padding:3px 7px;border-radius:999px;background:#f0edf6;color:#704187;font-size:11px;font-style:normal;font-weight:850}.campaign-tile{align-content:start;min-height:150px}.campaign-tile strong{font-size:17px}.campaign-handoff-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1f29370f}.campaign-handoff-card h2{margin:0 0 5px;color:#1f2937;font-size:16px}.campaign-handoff-card p{margin:0;color:#64748b;font-size:13px;font-weight:750}.campaign-handoff-card>strong{padding:8px 12px;border-radius:999px;background:#f0edf6;color:#704187;font-size:13px;font-weight:950;white-space:nowrap}.shopify-feed-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1f29370f}.shopify-feed-card h2{margin:0 0 5px;color:#1f2937;font-size:16px}.shopify-feed-card p{margin:0;color:#64748b;font-size:13px;font-weight:750}.shopify-feed-card>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.shopify-feed-card a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #704187;border-radius:6px;background:#704187;color:#fff;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}.shopify-feed-card a+a{border-color:#d8dfe8;background:#fff;color:#704187}.shopify-media-strip{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1f29370f}.shopify-media-strip h2{margin:0 0 5px;color:#1f2937;font-size:16px}.shopify-media-strip p{margin:0;color:#64748b;font-size:13px;font-weight:750;line-height:1.45}.shopify-media-samples{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.shopify-media-samples a{display:grid;gap:6px;min-width:0;padding:8px;border:1px solid #e1e7ef;border-radius:7px;color:#334155;font-size:11px;font-weight:850;text-align:center;text-decoration:none}.shopify-media-samples a:hover{border-color:#8f59a5;background:#fbf8fd}.shopify-media-samples span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-media-thumb{display:block;width:54px;height:54px;margin:0 auto;border:1px solid #dfe4ea;border-radius:7px;background:#fff;object-fit:cover}.form-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.form-builder-grid section{display:grid;gap:8px;min-height:116px;padding:16px;border:1px solid #dde3ea;border-radius:8px;background:#fff}.form-builder-grid h2{margin:0;color:#1f2937;font-size:15px}.form-builder-grid p{margin:0;color:#647082;line-height:1.5}.form-builder-grid div{display:flex;flex-wrap:wrap;gap:6px}.form-builder-grid span{padding:5px 8px;border:1px solid #d9d0e7;border-radius:6px;color:#704187;font-size:12px;font-weight:850}.resolver-simulator{display:grid;gap:14px;padding:16px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1f29370f}.resolver-head,.resolver-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.resolver-head h2{margin:0 0 4px;color:#1f2937;font-size:16px}.resolver-head p{margin:0;color:#64748b;font-size:13px;font-weight:750}.resolver-status{padding:6px 10px;border-radius:999px;background:#fff7f5;color:#c2412f;font-size:12px;font-weight:950;white-space:nowrap}.resolver-status.ready{background:#eef9f2;color:#167d3f}.resolver-grid,.resolver-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.resolver-grid label,.resolver-result div{display:grid;gap:5px;min-width:0}.resolver-grid label:first-child{grid-column:span 2}.resolver-grid span,.resolver-result span{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.resolver-grid input{min-height:36px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:6px;color:#1f2937;font-size:13px;font-weight:800}.resolver-result div{padding:11px;border:1px solid #edf1f5;border-radius:7px;background:#fbfcfd}.resolver-result strong{overflow:hidden;color:#1f2937;font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.resolver-result small{overflow:hidden;color:#64748b;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.resolver-actions{justify-content:flex-start;flex-wrap:wrap}.resolver-actions a,.resolver-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid #d8dfe8;border-radius:6px;background:#fff;color:#704187;font-size:12px;font-weight:900;text-decoration:none}.resolver-actions a:first-child{border-color:#704187;background:#704187;color:#fff}.mockup-family-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px}.mockup-family-grid a{display:grid;justify-items:center;gap:7px;min-height:128px;padding:12px 8px;border:1px solid #e1e7ef;border-radius:8px;color:#1f2937;text-align:center;text-decoration:none}.mockup-family-grid a:hover{border-color:#8f59a5;background:#fbf8fd}.mockup-family-grid .mini-product{width:48px;height:48px}.mockup-family-grid strong{font-size:13px;text-transform:capitalize}.mockup-family-grid small{color:#64748b;font-size:12px}.studio-tile strong,.studio-settings-grid h2{color:#1f2937;font-size:16px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:76px;padding:10px 30px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.back-link,.ghost,.save-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;color:var(--ink);font-size:14px;font-weight:850;text-decoration:none}.brand{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0}.brand span{color:var(--accent);font-size:31px;font-weight:950;letter-spacing:0}.brand strong{font-size:17px;font-weight:900}.brand small{padding:3px 6px;border-radius:4px;background:var(--teal);color:#fff;font-size:11px;font-weight:950;text-transform:uppercase}.top-actions{justify-self:end;display:grid;grid-template-columns:auto auto;gap:8px 12px;align-items:center}.top-actions span{grid-column:1 / -1;color:var(--muted);font-size:12px;text-align:center}.ghost,.save-primary{padding:0 18px;border-radius:7px}.ghost{border:1px solid #d1d1d0;background:#fff}.save-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.workspace{display:grid;grid-template-columns:minmax(560px,1.28fr) minmax(440px,.9fr);gap:18px;width:min(1780px,calc(100% - 40px));margin:16px auto 28px;align-items:start}.preview-pane,.studio-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.preview-pane{display:grid;gap:14px;padding:14px;background:#f4f4f2;align-self:start}.canvas-shell{position:relative;display:grid;place-items:center;min-height:650px;border:1px solid #dededc;border-radius:8px;background:radial-gradient(circle at 50% 22%,#fffffff2,#fff0 36%),linear-gradient(135deg,#f1f1ef,#fafafa 46%,#eef8f6);overflow:hidden}canvas{width:min(80%,690px);max-height:70vh;height:auto}.floating-tools{position:absolute;left:18px;top:50%;z-index:2;display:grid;gap:0;width:76px;overflow:hidden;border:1px solid #d9d9d6;border-radius:8px;background:#fffffff0;box-shadow:0 12px 26px #00000014;transform:translateY(-50%)}.floating-tools button{display:grid;justify-items:center;gap:6px;min-height:80px;padding:11px 7px;border:0;border-bottom:1px solid var(--soft-line);background:transparent;color:#30343a;font-size:12px;font-weight:750}.floating-tools button:last-child{border-bottom:0}.thumbs{position:absolute;left:18px;bottom:22px;display:flex;gap:12px}.thumbs button{display:grid;justify-items:center;gap:7px;width:92px;min-height:112px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:12px;font-weight:900}.selected{border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px #ef442f59}.mini-pants{position:relative;display:block;width:44px;height:62px;border:1px solid #d8d1c7;border-radius:10px 10px 6px 6px;background:radial-gradient(circle at 32% 24%,#ef442f 0 4px,transparent 5px),radial-gradient(circle at 68% 54%,#ef442f 0 4px,transparent 5px),radial-gradient(circle at 44% 76%,#ef442f 0 4px,transparent 5px),#fffdf8}.mini-pants:after{content:"";position:absolute;left:50%;top:16px;width:1px;height:43px;background:#d8d1c7}.mini-product{position:relative;display:block;width:46px;height:54px;border:1px solid #d8d1c7;background:#fffdf8}.mini-cap{height:30px;margin-top:14px;border-radius:24px 24px 10px 10px}.mini-cap:after{content:"";position:absolute;right:-10px;bottom:-5px;width:30px;height:10px;border:1px solid #d8d1c7;border-radius:50%;background:#f2f2ef}.mini-shirt,.mini-hoodie{clip-path:polygon(28% 0,72% 0,100% 20%,86% 45%,74% 36%,72% 100%,28% 100%,26% 36%,14% 45%,0 20%)}.mini-mug,.mini-tumbler{border-radius:8px}.mini-mug:after{content:"";position:absolute;right:-12px;top:16px;width:16px;height:20px;border:2px solid #d8d1c7;border-left:0;border-radius:0 16px 16px 0}.mini-ornament{border-radius:50%}.mini-phone{height:62px;border-radius:10px}.mini-blanket,.mini-pillow,.mini-canvas,.mini-rectangle,.mini-flag,.mini-bag{border-radius:7px}.preview-status{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:#fff}.preview-status>div{position:relative;display:grid;gap:5px;min-height:64px;padding:2px 20px;border-right:1px solid var(--soft-line)}.preview-status>div:last-child{border-right:0}.preview-status span{color:var(--muted);font-size:13px}.preview-status strong{display:inline-flex;align-items:center;gap:7px;font-size:15px}.preview-status small{color:var(--muted)}.preview-status button{position:absolute;right:14px;bottom:16px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:6px;background:#fff}.good{color:var(--green)}.studio-card{position:sticky;top:92px;overflow:hidden}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:10px 28px 9px;border-bottom:1px solid var(--line)}.progress div{position:relative;display:grid;justify-items:center;gap:6px;color:#9b9ca0;font-size:12px;font-weight:800}.progress div:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:#e0e0df;z-index:0}.progress div:first-child:before{display:none}.progress span{z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#b5b6b8;color:#fff;font-size:12px;font-weight:950}.progress .done,.progress .active{color:var(--teal)}.progress .active{color:var(--accent)}.progress .done span{background:var(--teal)}.progress .active span{background:var(--accent)}.product-strip{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.product-thumb{display:grid;place-items:center;width:58px;height:58px;border-radius:8px;background:#f2f2f1}h1,h2{margin:0;letter-spacing:0}.product-strip h1{max-width:420px;font-size:15px;line-height:1.25}.product-strip p{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;color:var(--muted);font-size:13px}.product-strip p svg{color:var(--gold);fill:currentColor}.product-strip>strong{color:var(--accent);font-size:22px}.option-block{display:grid;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}.block-title{display:flex;align-items:center;gap:8px}.block-title span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111827;color:#fff;font-size:12px;font-weight:950}.block-title strong{font-size:16px}.block-title em{margin-left:auto;padding:3px 7px;border-radius:999px;background:#fff1f0;color:var(--accent);font-size:11px;font-style:normal;font-weight:900;text-transform:uppercase}.field-helper{margin:-5px 0 0 32px;color:#6b7280;font-size:12px;font-weight:700}.size-heading a{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:var(--teal);font-size:12px;font-weight:800;text-decoration:none}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.style-grid button,.size-grid button,.edit-tools button{min-height:44px;border:1px solid #d8d8d6;border-radius:7px;background:#fff;color:var(--ink);font-size:13px;font-weight:850}.style-grid button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:46px;padding:0 12px;text-align:left}.style-grid span{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#f4f4f2;color:#3b3f45;font-size:12px}.size-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.color-grid,.select-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-grid button,.select-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid #d8d8d6;border-radius:7px;background:#fff;color:var(--ink);font-size:13px;font-weight:850}.color-grid i{width:22px;height:22px;border:1px solid #c7c7c5;border-radius:50%}.upload-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.upload-box{position:relative;display:grid;justify-items:center;align-content:center;gap:8px;min-height:112px;padding:14px;border:1.5px dashed #bebeba;border-radius:8px;background:#fff;text-align:center}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box img{width:62px;height:62px;border-radius:10px;object-fit:cover}.upload-box strong{color:var(--teal)}.upload-box small,.secure{color:var(--muted);font-size:12px}.remove-dot{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff}.guidelines{display:grid;align-content:center;gap:7px;margin:0;padding:0;list-style:none;color:#31363c;font-size:13px;font-weight:650}.guidelines li,.review-card li{display:flex;align-items:center;gap:7px}.guidelines svg,.review-card svg{color:var(--green);flex:0 0 auto}.edit-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.edit-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#f6f6f5;min-height:40px}.edit-tools .hot{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--accent)}.slider-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--accent)}.text-grid{display:grid;grid-template-columns:1fr .55fr;gap:10px 14px}.text-grid.single{grid-template-columns:minmax(0,1fr) 170px}label{position:relative;display:grid;gap:5px;color:#606368;font-size:12px;font-weight:800}label input{min-height:36px;padding:7px 12px;border:1px solid #d8d8d6;border-radius:6px;background:#fff;color:var(--ink);font-size:14px;font-weight:700}label em{position:absolute;right:10px;bottom:9px;color:#8c8e92;font-style:normal;font-size:11px}label svg{position:absolute;right:10px;bottom:9px;color:#76797f}.review-block{border-bottom:0}.review-card{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px}.review-card ul{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:13px;font-weight:800}.review-card button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:13px;font-weight:850}.validation-card{display:grid;gap:6px;padding:11px 12px;border:1px solid #ffd2cc;border-radius:8px;background:#fff7f5}.validation-card.ready{border-color:#bde8cf;background:#f2fbf5}.validation-card strong{color:#1f2937;font-size:13px}.validation-card p,.validation-card ul{margin:0;color:#6b7280;font-size:12px;font-weight:750}.validation-card ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.validation-card li{padding:3px 7px;border-radius:999px;background:#fff;color:var(--accent)}.payload-card{display:grid;gap:11px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.payload-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.payload-card header div{display:grid;gap:2px}.payload-card header strong,.payload-grid strong{color:#111827;font-size:13px;font-weight:900}.payload-card header span,.payload-grid span,.payload-card small{color:#6b7280;font-size:11px;font-weight:800}.payload-card button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#f8f8f6;color:#222;font-size:12px;font-weight:900;white-space:nowrap}.payload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payload-grid div{display:grid;gap:3px;min-width:0;padding:9px;border:1px solid var(--soft-line);border-radius:7px;background:#fafafa}.payload-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payload-card details{border:1px solid var(--soft-line);border-radius:7px;background:#fbfbfa}.payload-card summary{min-height:36px;padding:10px;color:#333;cursor:pointer;font-size:12px;font-weight:900}.payload-card pre{max-height:180px;margin:0;overflow:auto;padding:10px;border-top:1px solid var(--soft-line);color:#374151;font-size:11px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);min-height:48px;margin:0 16px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-size:16px;font-weight:950}.secure{display:flex;justify-content:center;align-items:center;gap:7px;margin:8px 0 12px}@media(max-width:1200px){.workspace{grid-template-columns:1fr}.studio-card{position:static}.studio-dashboard,.studio-grid,.studio-settings-grid,.form-builder-grid,.studio-action-bar,.studio-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-action-copy,.studio-action-controls,.studio-action-bar .studio-filters{grid-column:1 / -1}.studio-action-controls{justify-content:flex-start}.mockup-family-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-command-card,.home-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:static;height:auto}.studio-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-top,.studio-filters,.studio-action-bar,.studio-metric-strip{grid-template-columns:1fr}.studio-action-copy,.studio-action-controls,.studio-action-bar .studio-filters{grid-column:auto}.studio-metric-strip div{border-right:0;border-bottom:1px solid #edf0f4}.studio-metric-strip div:last-child{border-bottom:0}.studio-top{display:grid}.studio-dashboard,.studio-grid,.studio-settings-grid,.form-builder-grid{grid-template-columns:1fr}.mockup-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-command-card,.home-command-grid{grid-template-columns:1fr}.studio-content{padding:12px}.studio-table-card{overflow-x:auto}.studio-table-card table{min-width:720px}.topbar{grid-template-columns:1fr;justify-items:stretch;padding:12px 16px}.brand{justify-content:flex-start}.top-actions{justify-self:stretch;grid-template-columns:1fr 1fr}.workspace{width:min(100% - 18px,1780px)}.canvas-shell{min-height:520px}canvas{width:min(100%,520px)}.floating-tools{position:static;grid-template-columns:repeat(3,1fr);width:100%;margin:8px 8px 0;transform:none}.floating-tools button{min-height:54px;border-bottom:0;border-right:1px solid var(--soft-line)}.floating-tools button:last-child{border-right:0}.thumbs{position:static;justify-self:start;margin:0 8px 8px}.preview-status,.product-strip,.upload-layout,.text-grid,.review-card{grid-template-columns:1fr}.preview-status>div{border-right:0;border-bottom:1px solid var(--soft-line);padding:12px 4px}.preview-status>div:last-child{border-bottom:0}.style-grid,.edit-tools,.color-grid,.select-row{grid-template-columns:repeat(2,1fr)}.size-grid{grid-template-columns:repeat(3,1fr)}}.admin-shell{display:grid;grid-template-columns:288px minmax(0,1fr) 330px;width:100vw;min-height:100vh;overflow-x:hidden;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-color:#fafafa;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.admin-left,.admin-right{height:100vh;overflow:auto;background:#fff;border-right:1px solid #d6dce3}.admin-right{border-right:0;border-left:1px solid #d6dce3}.admin-title{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;padding:16px;border-bottom:1px solid #d6dce3}.admin-title a{display:grid;place-items:center;color:#243140}.admin-title strong{font-size:16px}.admin-title input,.settings-block input,.settings-block select{min-height:32px;padding:6px 8px;border:1px solid #c7d0da;border-radius:4px;background:#fff;color:#263445}.admin-panel{padding:14px 16px;border-bottom:1px solid #dfe4ea}.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.admin-panel-head strong{color:#263445}.admin-panel-head small{max-width:150px;color:#667180;font-size:11px;font-weight:750;line-height:1.25;text-align:right}.admin-panel-head button,.admin-toolbar button{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:5px;background:#704187;color:#fff}.product-type-list,.template-list,.layer-list{display:grid;gap:6px}.create-product-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;margin-bottom:8px;border:1px solid #d8dfe8;border-radius:6px;background:#fff;color:#704187;font-size:12px;font-weight:900}.create-product-card{display:grid;gap:4px;margin-bottom:8px;padding:10px;border:1px solid #e1e7ef;border-radius:7px;background:#fbfbfd}.create-product-card strong{color:#263244;font-size:12px;font-weight:950}.create-product-card span{color:#704187;font-size:12px;font-weight:900}.create-product-card small{color:#7b8492;font-size:11px;line-height:1.35}.admin-list-search{display:grid;gap:5px;margin:8px 0}.admin-list-search span,.admin-list-note{color:#7b8492;font-size:11px;font-weight:850}.admin-list-search input{min-height:32px;padding:6px 8px;border:1px solid #c7d0da;border-radius:5px;background:#fff;color:#263445;font-size:12px}.admin-list-note{display:block;margin-top:7px}.product-type-list button,.template-list button,.layer-list button{border:0;border-radius:4px;background:transparent;color:#344255;text-align:left}.product-type-list button{display:grid;gap:2px;padding:9px 10px}.product-type-list small,.template-list small,.layer-list small{color:#87909d}.template-list button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:8px 9px}.template-list span{color:#fff}.product-type-list .selected,.template-list .selected,.layer-list .selected{background:#8f59a5;color:#fff;box-shadow:none}.product-type-list .selected small,.template-list .selected small,.layer-list .selected small{color:#ffffffc7}.layer-panel{border-bottom:0}.layer-list button{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:6px;align-items:center;padding:6px;border-bottom:1px solid #e5e9ee}.layer-list i{display:grid;place-items:center;width:18px;height:18px;color:#536273;font-style:normal}.layer-list .selected i{color:#fff}.admin-stage{position:relative;display:grid;grid-template-rows:70px auto minmax(560px,1fr) 78px;min-width:0;height:100vh;overflow:hidden}.admin-steps{display:flex;justify-content:center;gap:42px;align-items:center;height:70px;color:#87909d}.admin-steps div{display:grid;justify-items:center;gap:6px;font-size:13px;font-weight:800}.admin-steps span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c5b0ce;color:#fff}.admin-steps .active span{background:#a67ab7}.factory-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(860px,calc(100% - 56px));margin:0 auto;padding:10px 14px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;box-shadow:0 10px 24px #1f29370f;position:relative;z-index:3}.factory-strip>div:first-child{display:grid;gap:3px;min-width:0}.factory-strip strong{color:#263445;font-size:13px;font-weight:950}.factory-strip span{overflow:hidden;color:#667180;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.factory-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.factory-actions button,.factory-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #d8dfe8;border-radius:6px;background:#fff;color:#704187;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}.factory-actions button:first-child{border-color:#704187;background:#704187;color:#fff}.artboard-wrap{position:relative;inset:auto;display:grid;place-items:center;min-height:560px;padding:14px 24px;pointer-events:none;z-index:2}.artboard{position:relative;display:grid;place-items:center;width:min(54vw,640px);min-width:430px;aspect-ratio:1;background:linear-gradient(45deg,rgba(245,245,245,.95) 25%,transparent 25%),linear-gradient(-45deg,rgba(245,245,245,.95) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(245,245,245,.95) 75%),linear-gradient(-45deg,transparent 75%,rgba(245,245,245,.95) 75%);background-color:#fff;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:2px solid rgba(112,65,135,.28);box-shadow:0 24px 70px #1f293738;pointer-events:auto}.artboard:before,.artboard:after{content:"";position:absolute;inset:56px;border:1px dashed rgba(112,65,135,.24);pointer-events:none}.artboard:after{inset:104px;border-color:#ef442f57;border-radius:50%}.admin-mockup{display:grid;justify-items:center;gap:10px}.mockup-shape{position:relative;display:grid;place-items:center;width:clamp(330px,36vw,460px);height:clamp(330px,36vw,460px);border:22px solid #4d6546;border-radius:50%;background:radial-gradient(circle at 48% 30%,#ffd463 0 48px,transparent 49px),linear-gradient(#f8fbf3,#fff);box-shadow:0 12px 36px #1f29372e;overflow:hidden}.product-pajama-pants .mockup-shape{width:clamp(240px,26vw,320px);height:clamp(380px,40vw,500px);border:2px solid #d2cbc0;border-radius:100px 100px 36px 36px}.product-mug .mockup-shape,.product-tumbler .mockup-shape{width:clamp(320px,38vw,440px);height:clamp(160px,18vw,210px);border:10px solid #d8d8d5;border-radius:24px}.product-blanket .mockup-shape,.product-canvas .mockup-shape{width:clamp(340px,40vw,470px);height:clamp(240px,28vw,330px);border:8px solid #d8d8d5;border-radius:10px}.product-shirt .mockup-shape{width:360px;height:430px;border:4px solid #d8d8d5;border-radius:70px 70px 32px 32px}.product-t-shirt .mockup-shape,.product-hoodie .mockup-shape,.product-sweatshirt .mockup-shape{width:360px;height:430px;border:4px solid #d8d8d5;border-radius:70px 70px 32px 32px;clip-path:polygon(28% 0,72% 0,100% 20%,86% 44%,74% 36%,72% 100%,28% 100%,26% 36%,14% 44%,0 20%)}.product-classic-cap .mockup-shape{width:min(520px,44vw);height:min(290px,25vw);border:6px solid #d8d8d5;border-radius:180px 180px 64px 64px}.product-phone-case .mockup-shape,.product-tote-bag .mockup-shape,.product-doormat .mockup-shape,.product-flag .mockup-shape{width:330px;height:430px;border:4px solid #d8d8d5;border-radius:28px}.product-pillow .mockup-shape{width:360px;height:360px;border:8px solid #d8d8d5;border-radius:28px}.mock-dot{position:absolute;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#1f2328;color:#fff;font-weight:900}.dot-0{left:42%;top:62%}.dot-1{left:28%;top:52%}.dot-2{left:56%;top:50%}.dot-3{left:36%;top:38%}.dot-4{left:50%;top:38%}.dot-5{left:44%;top:72%}.dot-6{left:62%;top:66%}.dot-7{left:24%;top:66%}.mock-text{position:absolute;color:#111827;font-weight:950;text-align:center}.text-0{top:72px;font-size:30px;transform:rotate(-10deg)}.text-1{top:112px;font-size:22px}.text-2{bottom:36px;font-size:20px}.admin-mockup small{color:#667180;font-weight:800}.admin-mockup.compact .mockup-shape{width:120px;height:120px;border-width:6px}.admin-toolbar{align-self:center;justify-self:center;position:relative;left:auto;bottom:auto;transform:none;display:flex;gap:8px;padding:8px;border-radius:8px;background:#fff;box-shadow:0 8px 22px #00000024;z-index:4}.admin-toolbar button{width:38px;height:38px;background:#8f59a5;color:#fff}.settings-head{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;background:#8f59a5;color:#fff}.settings-block{display:grid;gap:10px;padding:16px;border-bottom:1px solid #dfe4ea}.settings-block h2{margin:0;color:#2f3b4b;font-size:16px}.settings-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-title-row div{display:flex;gap:5px}.settings-title-row button,.delete-field-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:0 7px;border:1px solid #d4dbe4;border-radius:5px;background:#fff;color:#704187;font-size:11px;font-weight:850}.field-list{display:grid;gap:8px}.field-editor-list{display:grid;gap:10px}.field-editor-row{display:grid;grid-template-columns:24px minmax(0,1fr) 92px 86px 30px;gap:8px;padding:10px;border:1px solid #dfe4ea;border-radius:6px;background:#fff}.field-editor-row>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1f2a37;color:#fff;font-size:12px;font-weight:900}.field-editor-row label{display:grid;gap:4px;min-width:0;color:#344255;font-size:11px;font-weight:800}.field-editor-row .wide{grid-column:2 / -1}.field-editor-row .field-toggle{align-content:end;grid-template-columns:auto 1fr;gap:6px;min-height:52px}.field-editor-row .field-toggle input{width:16px;height:16px;accent-color:#8f59a5}.field-editor-row textarea{min-height:70px;resize:vertical;padding:7px 8px;border:1px solid #c7d0da;border-radius:4px;font:inherit}.delete-field-btn{align-self:end;grid-column:5;width:30px;min-width:30px;padding:0;color:#e44858}.field-list div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 8px;padding:8px;border:1px solid #dfe4ea;border-radius:6px;background:#fff}.field-list span{grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1f2a37;color:#fff;font-size:12px;font-weight:900}.field-list strong{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.field-list small{color:#667180;font-size:12px}.settings-block label{color:#344255}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.background-preview{display:grid;place-items:center;min-height:126px;border:1px solid #c7d0da;border-radius:4px}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px}.admin-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:0;border-radius:6px;color:#fff;font-weight:900}.export-btn{background:#536273}.save-template{background:#8f59a5}.admin-actions small{grid-column:1 / -1;color:#667180}@media(max-width:1100px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:static;height:auto}.studio-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-filters,.studio-action-bar,.studio-dashboard,.studio-grid,.studio-settings-grid,.home-command-card,.shopify-feed-card,.shopify-media-strip,.resolver-grid,.resolver-result{grid-template-columns:1fr}.studio-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-action-copy,.studio-action-controls,.studio-action-bar .studio-filters{grid-column:1 / -1}.studio-action-controls{justify-content:flex-start}.shopify-feed-card,.campaign-handoff-card{align-items:stretch;flex-direction:column}.shopify-feed-card>div:last-child{justify-content:flex-start}.shopify-media-samples,.mockup-family-grid,.home-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:1fr}.admin-left,.admin-right{border:0}.admin-stage{min-height:760px}}@media(max-width:760px){body,#root,.studio-shell{max-width:100vw;overflow-x:hidden}.studio-main{padding:12px 8px;width:100%;max-width:100vw;min-width:0}.studio-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-sidebar a{min-width:0}.studio-sidebar a span,.studio-action-copy p,.studio-table-card td,.studio-table-card th{overflow-wrap:anywhere}.studio-top,.studio-action-controls{display:grid;grid-template-columns:1fr}.studio-primary-link,.studio-action-controls a{width:100%}.studio-action-bar,.studio-filters,.studio-stack,.studio-content{width:100%;max-width:100%;min-width:0}.studio-stack,.studio-action-bar{overflow:hidden}.studio-action-bar{grid-template-columns:minmax(0,1fr)!important}.studio-action-copy{max-width:100%}.studio-table-card{overflow-x:auto}.studio-action-copy p{display:none}.studio-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}