:root{color-scheme:dark;--bg:#070707;--text:#f1eee7;--muted:#85827b;--line:rgba(255,255,255,.1);--accent:#d8ff72;--qr-paper:#f4f1e9;--qr-ink:#101010}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{height:70px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:600 11px ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.brand{color:var(--text);text-decoration:none}.topbar>span{color:#686762}main{display:grid;grid-template-columns:minmax(360px,530px) 1fr;min-height:calc(100dvh - 70px)}.editor{padding:54px 42px;border-right:1px solid var(--line)}.back{color:#85837d;text-decoration:none;font-size:12px}.kicker{margin:48px 0 18px;color:var(--accent);font:500 9px ui-monospace,monospace;letter-spacing:.14em}.editor h1{margin:0;font-size:clamp(48px,5vw,72px);line-height:.93;letter-spacing:-.065em}.editor h1 span{color:#66645f}.intro{max-width:500px;margin:28px 0 32px;color:#aaa7a0;font-size:14px;line-height:1.75}.field>span,label>span{display:block;margin-bottom:7px;color:#77746f;font:500 9px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}textarea,input,select{width:100%;border:1px solid var(--line);background:#0a0a0a;color:var(--text);outline:0;font:400 11px ui-monospace,monospace}textarea{min-height:130px;padding:13px;resize:vertical;line-height:1.55}input,select{height:42px;padding:0 10px}.grid2,.grid3{display:grid;gap:16px;margin-top:18px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.color-grid input{padding:2px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.actions button{min-height:44px;padding:0 15px;border:1px solid var(--line);background:#111;color:#aaa;cursor:pointer;font:600 9px ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}.actions .primary{background:var(--text);color:#090909}.status,.note{color:#77746f;font:400 10px/1.6 ui-monospace,monospace}.preview{padding:36px;overflow:auto}.preview-head{display:flex;justify-content:space-between;margin-bottom:22px;color:#77746f;font:500 9px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.paper{min-height:calc(100dvh - 155px);display:grid;place-items:center;background:#0b0b0b;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}.frame-card{width:min(72%,520px);padding:36px;background:var(--qr-paper);color:var(--qr-ink);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.28)}.frame-card.layout-sticker{padding:20px;border-radius:18px}.frame-card.layout-table{padding:44px 34px}.frame-card.layout-poster{width:min(82%,640px);padding:60px 48px}.cta{margin:0 0 20px;font:800 clamp(18px,3vw,34px)/1 ui-sans-serif,sans-serif;letter-spacing:.08em}.qr{width:min(100%,420px);margin:auto;aspect-ratio:1}.qr svg{display:block;width:100%;height:100%}.brand-note{min-height:1em;margin:18px 0 0;font:600 12px ui-monospace,monospace;letter-spacing:.05em}.frame-card.no-frame .cta,.frame-card.no-frame .brand-note{display:none}.frame-card.no-frame{padding:0;background:transparent;box-shadow:none}
@media(max-width:900px){main{grid-template-columns:1fr}.editor{padding:38px 22px;border-right:0;border-bottom:1px solid var(--line)}.preview{padding:22px}.paper{min-height:560px}}@media(max-width:520px){.topbar{height:60px;padding:0 18px}.editor h1{font-size:47px}.grid2,.grid3{grid-template-columns:1fr}.frame-card{width:92%;padding:26px}}
@media print{.topbar,.editor,.preview-head{display:none!important}body,.preview,.paper{background:#fff!important;padding:0!important;margin:0!important;min-height:0!important}.frame-card{box-shadow:none!important;margin:auto!important}}