:root{color-scheme:dark;--bg:#070707;--text:#f1eee7;--muted:#8e8b84;--line:rgba(255,255,255,.1);--accent:#d8ff72;--paper:#f4f1e9;--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,540px) 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,74px);line-height:.93;letter-spacing:-.065em}.editor h1 span{color:#66645f}.intro{max-width:520px;margin:28px 0 34px;color:#aaa7a0;font-size:14px;line-height:1.75}.field>span,.settings label>span,.metric>span{display:block;margin-bottom:8px;color:#77746e;font:500 9px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}textarea,select{width:100%;border:1px solid var(--line);outline:0;background:#0a0a0a;color:var(--text);font:400 12px ui-monospace,monospace}textarea{min-height:270px;padding:15px;resize:vertical;line-height:1.65}select{height:44px;padding:0 10px}.settings{display:grid;grid-template-columns:1fr 140px;gap:18px;align-items:end;margin-top:22px}.metric strong{display:block;height:44px;padding-top:12px;border-bottom:1px solid var(--line);font:500 10px ui-monospace,monospace}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.actions button,.actions a{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;border:1px solid var(--line);background:#111;color:#aaa;text-decoration:none;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}.status{margin-top:18px}.note{margin-top:28px}.note code{color:#aaa}.preview{padding:38px;overflow:auto}.preview-head{display:flex;justify-content:space-between;margin-bottom:28px;color:#77746f;font:500 9px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{text-align:center;break-inside:avoid}.qr{width:100%;aspect-ratio:1;background:var(--paper);padding:9%;display:grid;place-items:center}.qr svg{width:100%;height:100%;display:block}.part{margin:10px 0 0;color:#bbb7af;font:600 10px ui-monospace,monospace}.badge{margin:4px 0 0;color:#83a23e;font:500 8px ui-monospace,monospace;text-transform:uppercase}.card.bad .badge{color:#d17169}
@media(max-width:950px){main{grid-template-columns:1fr}.editor{border-right:0;border-bottom:1px solid var(--line);padding:38px 22px}.preview{padding:28px 18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.topbar{height:60px;padding:0 18px}.editor h1{font-size:47px}.settings{grid-template-columns:1fr}.grid{gap:14px}.preview{padding-inline:14px}}
@media print{body{background:#fff}.topbar,.editor,.preview-head{display:none!important}main,.preview{display:block!important;padding:0!important}.grid{display:grid!important;grid-template-columns:repeat(3,55mm)!important;justify-content:center;gap:8mm!important}.qr{width:55mm!important;height:55mm!important;padding:5mm!important}.part{color:#111!important;font-size:9pt}.badge{display:none!important}}