.studio{background:var(--bg)}.center{min-height:100vh;padding:24px var(--gutter);place-items:center;display:grid}.narrow{gap:12px;width:100%;max-width:420px;display:grid}.narrow h1{margin:0}.brand-line{color:var(--accent);font:600 1rem/1 var(--font-display);margin:0}.studio-bar{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.studio-bar-row{max-width:var(--max);padding:8px var(--gutter);flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto;display:flex}.studio-brand{font:600 1.2rem/1 var(--font-display);color:var(--accent);margin-right:auto;text-decoration:none}.tabs{order:3;gap:4px;width:100%;display:flex}.tabs a{text-align:center;color:var(--text);border-radius:999px;flex:1;padding:10px 12px;font-weight:600;text-decoration:none}.tabs a[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}@media (width>=720px){.tabs{order:0;width:auto;margin-right:auto}.tabs a{flex:none}.studio-brand{margin-right:12px}}.studio-main{max-width:var(--max);padding:24px var(--gutter) 64px;margin:0 auto}.studio-main h1{font-size:clamp(1.8rem,5vw,2.4rem)}.tab{gap:20px;display:grid}.tab>h1{margin:0}.tiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=720px){.tiles{grid-template-columns:repeat(4,1fr)}}.tiles.compact{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:16px;display:grid}.tile-label{color:var(--muted);font-size:.9rem}.tile-value{font:600 1.9rem/1.1 var(--font-display);font-variant-numeric:tabular-nums}.filters{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=720px){.filters{grid-template-columns:2fr 1fr 1fr}}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row{text-align:left;cursor:pointer;background:var(--surface);width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.row:hover{border-color:var(--accent)}.row-main{gap:2px;min-width:0;display:grid}.row-main strong,.row-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-side{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;display:flex}.badge,.tag{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge{background:var(--surface-2);color:var(--muted)}.badge.subscribed,.badge.sent{background:color-mix(in srgb, var(--ok) 8%, transparent);color:var(--ok)}.badge.pending,.badge.draft,.badge.sending{background:color-mix(in srgb, var(--warn) 8%, transparent);color:var(--warn)}.badge.bounced,.badge.complained,.badge.failed{background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger)}.tag{background:var(--accent-soft);color:var(--accent-text)}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head h1,.panel-head h2{overflow-wrap:anywhere;margin:0}.stack{gap:16px;display:grid}.actions{flex-wrap:wrap;gap:8px;display:flex}.history{color:var(--muted);margin:0;padding-left:1.2em}.editor{gap:20px;display:grid}@media (width>=960px){.editor{grid-template-columns:1.1fr 1fr;align-items:start}}.preview-wrap p{margin:0 0 6px}.preview{color:#2b2320;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.preview-subject{border-bottom:1px solid #e6dbcf;margin-bottom:16px;padding-bottom:12px;font-weight:700}.preview-body h1,.preview-body h2{font-family:var(--font-display)}.preview-body h1{font-size:1.6rem}.preview-body h2{font-size:1.25rem}.preview-body a{color:#b5523b}.preview-body img{border-radius:10px}.preview-body .button{color:#fff;background:#b5523b;border-radius:999px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.preview-body .muted{color:#6e615a}.preview-foot{color:#6e615a;border-top:1px solid #e6dbcf;margin:16px 0 0;padding-top:12px;font-size:.8rem}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.9em}details summary{cursor:pointer;margin-top:6px}dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);max-width:min(440px,100vw - 32px);padding:24px}dialog::backdrop{background:#0006}dialog h2{margin:0}@media (width<=719px){.tabs{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a{flex:none;padding:10px 14px}}.tiles-head{font:700 1rem/1.3 var(--font-body);color:var(--muted);margin:4px 0 -8px}.publish-bar{gap:12px;padding:18px 20px;display:grid}.publish-summary{margin:0;font-weight:650}.problems{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);margin:0;padding:12px 16px 12px 32px}.product-row{justify-content:flex-start}.product-row .thumb{border-radius:var(--radius-xs);object-fit:cover;background:var(--surface-2);flex:none;width:52px;height:52px}.product-row .row-main{flex:1}.badge.live{background:color-mix(in srgb, var(--ok) 8%, transparent);color:var(--ok)}.badge.hidden-status{background:var(--surface-2);color:var(--muted)}.badge.changed{background:var(--accent-soft);color:var(--accent-text)}.badge.refunded,.badge.partly_refunded{background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger)}.badge.paid{background:color-mix(in srgb, var(--ok) 8%, transparent);color:var(--ok)}.badge.toship{background:color-mix(in srgb, var(--warn) 8%, transparent);color:var(--warn)}.product-editor fieldset{border:1px solid var(--line);border-radius:var(--radius-sm);gap:12px;margin:0;padding:14px 16px 16px;display:grid}.product-editor legend{padding:0 6px;font-weight:700}.grid-2,.grid-3{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=720px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}textarea.short{min-height:96px}.checks{align-content:end;gap:8px;display:grid}.checks.row{flex-wrap:wrap;gap:8px 20px;display:flex}.checks label,.inline-check,.pack-picker label{align-items:center;gap:8px;min-height:32px;margin:0;font-weight:500;display:flex}.checks input,.inline-check input,.pack-picker input{width:20px;height:20px;min-height:0;accent-color:var(--accent);flex:none}.pack-picker{border:1px solid var(--line);border-radius:var(--radius-xs);max-height:260px;margin:0;padding:4px 8px;list-style:none;overflow-y:auto}.pack-picker label span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.pack-total{margin:0;font-weight:650}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.photo-grid li{gap:4px;display:grid}.photo-grid img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-2);width:100%}.photo-grid .photo-actions{gap:4px;display:flex}.photo-grid button{flex:1;min-height:36px;padding:4px;font-size:.85rem}.file-btn{justify-self:start;position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;min-height:0;position:absolute;inset:0}.file-btn:focus-within{outline:3px solid var(--accent);outline-offset:3px}.file-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.file-list li{background:var(--surface-2);border-radius:var(--radius-xs);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.order-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);gap:6px;padding:14px 16px;display:grid}.order-card p{margin:0}.order-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.order-items{color:var(--muted);margin:0;padding-left:1.2em}