/* Hallmark continuation: warm workbench, named tokens, real controls; no decorative filler. */
@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-Regular.ttf');font-weight:400}@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-SemiBold.ttf');font-weight:600}
:root{--paper:#eeeae4;--ink:#0f2939;--brand:#c84417;--line:#c7c1b8;--white:#fff;--muted:#56636b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px Kanit,sans-serif}header{display:flex;gap:24px;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line)}header a:first-child{font-size:24px;font-weight:600}header a:last-child{margin-left:auto}a{color:var(--brand)}main{display:grid;grid-template-columns:minmax(340px,390px) minmax(0,1fr)}main[hidden]{display:none}aside{background:#faf8f4;border-right:1px solid var(--line);padding:20px}fieldset{padding:0;border:0;min-width:0}legend,h2{font-size:18px;font-weight:600;margin:20px 0 10px}label{display:block;margin:10px 0 0;font-size:14px}input,textarea,select,button{font:inherit}input:not([type=checkbox]),textarea,select{width:100%;padding:9px;border:1px solid #8c969b;border-radius:4px;background:white;color:var(--ink)}input[type=color]{height:42px;padding:3px!important}button{padding:9px 12px;min-height:44px;cursor:pointer;border:1px solid #8c969b;border-radius:4px;background:white;color:var(--ink);margin-top:8px}button:hover{background:#f6e3d9}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.row{display:flex;gap:8px;align-items:flex-end}.row>*{min-width:0;flex:1}.hint{font-size:13px;color:var(--muted);line-height:1.5}.check{display:flex;align-items:center;gap:8px}.stage{padding:20px 28px;min-width:0;align-self:start;position:sticky;top:0}.stage-head{display:flex;align-items:center;justify-content:space-between}h1{font-size:24px;margin:0}#preview-shell{position:relative;background:white;overflow:hidden;width:100%;aspect-ratio:1;box-shadow:0 5px 20px #0f29391a}iframe{position:absolute;inset:0;border:0;transform-origin:top left}#message{margin:0;padding:10px 28px;background:#fff5dc;min-height:44px}#checks{font-size:14px}#downloads a{display:inline-block;padding:12px;margin-right:12px;background:white;border:1px solid var(--brand)}#box-list{margin-top:10px}#products{padding-left:20px;font-size:13px}#dirty{font-size:13px;color:var(--muted)}@media(max-width:900px){main{grid-template-columns:1fr}.stage{position:static}aside{border:0}header{flex-wrap:wrap;gap:12px}header span{display:none}.stage{padding:16px}header a:last-child{font-size:14px}}

/* Phone mode keeps the saved-post chooser and preview/downloads in view. */
@media(max-width:900px){#controls{display:none}}