:root{--orange:#ff6600;--ink:#222;--muted:#687078;--line:#dfe2e5;--bg:#f4f5f6}*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}button,.button{border:0;border-radius:6px;background:var(--orange);color:#fff;padding:.65rem .9rem;font:inherit;font-weight:650;cursor:pointer;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1959d1;outline-offset:2px}.quiet{background:#fff;color:#333;border:1px solid var(--line)}.danger{background:#a92424}header{height:64px;background:#1d2023;color:#fff;display:flex;align-items:center;gap:1.5rem;padding:0 2rem}header h1{font-size:1.15rem;margin:0}.brand{font-weight:750;text-decoration:none}header nav{flex:1;color:#b9bec4}.status{white-space:nowrap}.status i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#c09a00}.status i.ok{background:#43c15b}.page{max-width:1200px;margin:auto;padding:2rem}.hero{display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:2rem;margin:.2rem 0}.eyebrow{color:var(--orange);font-weight:750}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.project-card{background:#fff;padding:1rem;border:1px solid var(--line);border-radius:10px}.project-card>a{text-decoration:none}.thumb{height:150px;background:#eee;display:grid;place-items:center;border-radius:6px;color:var(--muted)}.thumb img{width:100%;height:100%;object-fit:contain}.actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.actions form{margin:0}dialog{border:0;border-radius:10px;box-shadow:0 20px 70px #0005;min-width:min(90vw,450px)}dialog::backdrop{background:#0008}label{display:grid;gap:.3rem;font-weight:650;margin:.7rem 0}input,textarea{width:100%;padding:.65rem;border:1px solid #b9bec4;border-radius:5px;font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:#202326}.login-card{width:min(92vw,400px);padding:2rem;background:#fff;border-radius:12px}.login-card h1{font-size:1.45rem}.login-card h1 span{color:var(--orange)}.alert{padding:.8rem;background:#ffe6e6;color:#8a1010}.editor{height:calc(100vh - 64px);display:grid;grid-template-columns:240px minmax(400px,1fr) 360px;background:#fff}.areas-panel,.products-panel{padding:1rem;overflow:auto}.areas-panel{border-right:1px solid var(--line)}.products-panel{border-left:1px solid var(--line)}.areas-panel h2,.products-panel h2{font-size:1rem;text-transform:uppercase;letter-spacing:.04em}.back{display:block;margin-bottom:1rem;color:var(--muted)}#area-list{list-style:none;padding:0}.area-select{width:100%;text-align:left;background:#fff;color:#333;border:1px solid var(--line);margin:.2rem 0}.area-select.selected,[data-area].selected .area-select{border-color:var(--orange);background:#fff2e9}.handle{color:#999;margin-right:.5rem}.canvas-panel{padding:1rem;overflow:auto;background:#eceeef}.project-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.5rem;align-items:end;background:#fff;padding:.7rem;border-radius:8px;margin-bottom:1rem}.project-fields label{margin:0}.stage-wrap{max-width:1000px;margin:auto}.editor-stage{position:relative;line-height:0;user-select:none}.editor-stage>img{display:block;width:100%;height:auto}.overlay{position:absolute;border:2px solid #ff660080;background:#ff660020;line-height:1.2;color:#873600;cursor:move;touch-action:none}.overlay span{display:block;padding:3px;font-size:12px}.overlay.selected{border-color:var(--orange);background:#ff660055;z-index:2}.resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;background:var(--orange);cursor:nwse-resize}.target{position:absolute;width:16px;height:16px;border-radius:50%;border:3px solid #fff;background:var(--orange);box-shadow:0 0 0 2px #8c3800;transform:translate(-50%,-50%);cursor:crosshair;touch-action:none}.target.selected{z-index:3;box-shadow:0 0 0 3px #1959d1}.hint{text-align:center;color:var(--muted)}.empty-image{background:#fff;border:2px dashed #b9bec4;padding:4rem;text-align:center}.counts{font-size:.85rem;color:var(--muted)}.inline{display:flex;align-items:center}.inline input{width:auto}.product{display:grid;grid-template-columns:58px 1fr;gap:.7rem;border-bottom:1px solid var(--line);padding:.75rem 0}.product-img{width:58px;height:58px;background:#eee;display:grid;place-items:center}.product-img img{width:100%;height:100%;object-fit:contain}.product small{display:block;color:var(--muted)}.product button{font-size:.78rem;padding:.35rem;margin-top:.35rem}.suggested{display:inline-block;background:#fff0c8;color:#704a00;border-radius:10px;padding:2px 7px;font-size:.72rem}.assigned{position:sticky;bottom:0;background:#fff;border-top:3px solid var(--orange);padding-top:.5rem}.assigned>div>div{display:flex;justify-content:space-between;margin:.3rem}.preview-shell{margin:2rem auto;background:#fff;padding:1rem;transition:max-width .25s}.sizes{display:flex;gap:.5rem}.export-page{padding:2rem}.export-page textarea{height:65vh;font-family:monospace}.export-page dialog{width:95vw;height:90vh}.export-page iframe{width:100%;height:calc(100% - 50px);border:0}@media(max-width:1000px){.editor{grid-template-columns:200px 1fr}.products-panel{grid-column:1/-1;border:0;border-top:1px solid var(--line)}.project-fields{grid-template-columns:1fr 1fr}.editor{height:auto}.products-panel{max-height:none}}@media(max-width:650px){header{height:auto;min-height:60px;padding:1rem;flex-wrap:wrap}.editor{display:block}.areas-panel,.products-panel{border:0}.project-fields{grid-template-columns:1fr}.page{padding:1rem}.hero{align-items:flex-start}.project-grid{grid-template-columns:1fr}}