:root{--bg:#f6f6f4;--surface:#fff;--text:#1d1d1b;--muted:#6b6b66;--line:#e3e3de;--accent:#0f766e;--on-accent:#fff;--danger:#b42318;--ok:#067647;--radius:8px;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}h1,h2,h3{line-height:1.2}h2{font-size:1.05rem;margin:0 0 12px}h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:20px 0 8px}input,select,textarea{font:inherit;width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{width:auto}input[type=color]{width:44px;height:34px;padding:2px}.muted{color:var(--muted)}.error{color:var(--danger);background:#fef3f2;border:1px solid #fecdca;padding:8px 10px;border-radius:6px}.error ul{margin:6px 0 0;padding-left:18px}.notice{color:var(--ok);background:#ecfdf3;border:1px solid #abefc6;padding:8px 10px;border-radius:6px}.btn{font:inherit;font-weight:600;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:6px;padding:7px 14px;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}a.btn{display:inline-block;text-decoration:none}.btn.small{padding:4px 10px;font-size:13px}.btn.ghost{background:transparent;color:var(--accent)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>input,.row>select{flex:1 1 120px;width:auto}.row>input.hex{flex:0 0 90px}.row>input[type=color]{flex:0 0 44px}.stack,.stack-sm{display:grid;grid-gap:12px;gap:12px}.stack-sm{gap:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.field{display:grid;grid-gap:4px;gap:4px}.field .label{font-weight:600;font-size:13px}.fields{display:grid;grid-gap:14px;gap:14px}.check{display:flex;gap:6px;align-items:center;font-weight:400}.checks{display:grid;grid-gap:4px;gap:4px;max-height:180px;overflow:auto}.group{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px 12px;margin:0 0 12px;background:var(--surface)}.group legend{font-weight:600;padding:0 4px}.tools{display:inline-flex;gap:2px;margin-left:auto}.tools button{border:0;background:transparent;cursor:pointer;padding:2px 6px;border-radius:4px;color:var(--muted)}.tools button:hover:not(:disabled){background:var(--bg);color:var(--text)}.tools button:disabled{opacity:.3;cursor:default}.login{max-width:380px;margin:12vh auto;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.login h1{font-size:1.3rem;margin-top:0}.signout{position:fixed;right:12px;bottom:12px;z-index:5}.editor{display:grid;grid-template:"top top top" auto "side panel preview" 1fr/260px 360px 1fr;height:100vh}.topbar{grid-area:top;display:flex;gap:14px;align-items:center;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.spacer{flex:1 1}.status.saved{color:var(--ok)}.status.error{color:var(--danger)}.status.saving,.status.unsaved{color:var(--muted)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.seg button{font:inherit;border:0;background:var(--surface);padding:5px 10px;cursor:pointer}.seg button.on{background:var(--text);color:#fff}.sidebar{grid-area:side;overflow:auto;padding:14px;border-right:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;align-content:start}.outline{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}.outline li{display:flex;align-items:center;border-radius:6px}.outline li>button{flex:1 1;text-align:left;font:inherit;border:0;background:transparent;padding:7px 8px;border-radius:6px;cursor:pointer}.outline li>button:hover{background:#ecece7}.outline li>button.sel{background:var(--text);color:#fff}.outline li.has-issue>button:after{content:" •";color:var(--danger);font-weight:700}.panel{grid-area:panel;border-right:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;align-content:start}.panel,.preview{overflow:auto;padding:16px}.preview{grid-area:preview;display:flex;justify-content:center;background:#e9e9e4}.preview iframe{border:0;background:#fff;width:100%;height:100%;min-height:600px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12)}.preview iframe.mobile{width:390px}.media-field img{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.thumb-empty{width:56px;height:56px;display:grid;place-items:center;font-size:11px;color:var(--muted);border:1px dashed var(--line);border-radius:6px;text-align:center}.nav-item{display:grid;grid-gap:6px;gap:6px;padding:8px 0;border-bottom:1px solid var(--line)}.template-list,.versions{display:grid;grid-gap:8px;gap:8px}.versions{list-style:none;padding:0;margin:0}.versions li{display:flex;justify-content:space-between;align-items:center;gap:8px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:grid;place-items:center;z-index:10;padding:16px}.modal{background:var(--surface);border-radius:12px;padding:16px;width:min(760px,100%);max-height:85vh;overflow:auto;display:grid;grid-gap:12px;gap:12px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.media-tile{border:1px solid var(--line);border-radius:8px;padding:0;background:#fff;cursor:pointer;overflow:hidden;text-align:left;font:inherit}.media-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.media-tile span{display:block;padding:4px 6px;font-size:12px;color:var(--muted)}.media-tile:hover{border-color:var(--accent)}@media (max-width:1100px){.editor{grid-template:"top" auto "side" auto "panel" auto "preview" 70vh/1fr;height:auto}.panel,.sidebar{border-right:0;border-bottom:1px solid var(--line);overflow:visible}.topbar{flex-wrap:wrap}}.app{min-height:100vh}.app-nav{display:flex;align-items:center;gap:4px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.app-nav.compact{padding:0;border:0;background:none}.app-nav .store-name{margin-right:12px}.app-nav a{color:var(--text);text-decoration:none;padding:5px 10px;border-radius:6px}.app-nav a:hover{background:var(--bg)}.app-nav a[aria-current=page]{background:var(--text);color:#fff}.page{max-width:960px;margin:0 auto;padding:20px 16px 60px;display:grid;grid-gap:16px;gap:16px}.page h1{margin:0;font-size:1.4rem}.card h2{margin:0}.grid-2,.grid-3{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}table.list,table.rates{width:100%;border-collapse:collapse}table.list th,table.rates th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:6px}table.list td,table.rates td{padding:6px;border-top:1px solid var(--line);vertical-align:middle}table.rates td.days{white-space:nowrap}table.rates td.days input{width:64px}table.list{background:var(--surface)}table.list .num,table.rates .num{text-align:right}td.thumb{width:56px}td.thumb img{object-fit:cover;border-radius:6px;display:block}td.thumb .thumb-empty,td.thumb img{width:44px;height:44px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--line)}.badge.published{background:#ecfdf3;border-color:#abefc6;color:var(--ok)}.badge.archived{color:var(--muted)}.photo-row{display:flex;flex-wrap:wrap;gap:10px}.photo{margin:0;width:120px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.photo img{width:120px;height:120px;object-fit:cover;display:block}.photo .tools{display:flex;justify-content:center;margin:0;padding:2px}.photo.add{height:120px;font:inherit;color:var(--accent);border-style:dashed;cursor:pointer}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}.app-nav{flex-wrap:wrap}table.rates thead{display:none}table.rates tr{display:grid;grid-gap:4px;gap:4px;padding:6px 0;border-top:1px solid var(--line)}table.rates td{border:0;padding:2px 0}}.page.wide{max-width:1100px}.tabs{display:flex;flex-wrap:wrap;gap:4px}.tabs a{padding:5px 10px;border-radius:999px;color:var(--text);text-decoration:none;border:1px solid var(--line);background:var(--surface)}.tabs a[aria-current=page]{background:var(--text);color:#fff;border-color:var(--text)}.two-col{display:grid;grid-gap:16px;gap:16px;grid-template-columns:3fr 2fr}li.late,td.late{color:var(--danger);font-weight:600}.timeline{margin:0;padding-left:18px;display:grid;grid-gap:4px;gap:4px}.badge.f-pending,.badge.r-accepted,.badge.r-requested,.badge.s-paid{background:#fffaeb;border-color:#fedf89;color:#93370d}.badge.f-delivered,.badge.f-shipped,.badge.p-succeeded,.badge.r-refunded,.badge.s-completed,.badge.s-shipped{background:#ecfdf3;border-color:#abefc6;color:var(--ok)}.badge.p-failed,.badge.r-rejected,.badge.s-cancelled,.badge.s-refunded{color:var(--muted)}@media (max-width:720px){.two-col{grid-template-columns:1fr}}progress{width:100%;height:8px;accent-color:var(--accent)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.steps li{display:grid;grid-template-columns:28px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius)}.steps li p{margin:2px 0 0}.steps li.next{border-color:var(--accent)}.steps li.done strong{color:var(--muted);text-decoration:line-through}.steps .tick{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:13px;color:#fff}.steps li.done .tick{background:var(--ok);border-color:var(--ok)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:720px){.steps li{grid-template-columns:28px 1fr}.steps li .btn{grid-column:2;justify-self:start}}