[hidden] { display: none !important; }
.color-picker{display:flex;align-items:center;gap:5px;white-space:nowrap}.color-picker label{gap:3px}.picker-chip{position:relative;width:29px;height:29px;border:2px solid #fff;border-radius:50%;overflow:hidden;cursor:pointer}.picker-chip input{position:absolute;inset:-8px;width:45px;height:45px;border:0;padding:0;cursor:pointer}.picker-chip span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font-size:18px}.color-value,.rgb-value{background:#222;color:#fff;border:1px solid #555;padding:6px;width:70px;text-transform:uppercase}.rgb-value{width:43px}@media(max-width:950px){.color-picker label:not(.picker-chip){display:none}}
:root{--ink:#101010;--paper:#f1eee7;--acid:#d8ff00;--orange:#ff4b19;--line:#2a2a2a}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:#fff;font:700 13px/1.2 Arial,Helvetica,sans-serif;overscroll-behavior:none}button,input{font:inherit}button{border:1px solid #555;background:#181818;color:#fff;padding:10px 12px;cursor:pointer}button:hover,button.active{background:var(--acid);color:#000;border-color:var(--acid)}#app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden}header{display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;min-width:145px}.brand strong{font-size:20px;letter-spacing:-1px}.brand span{font-size:9px;color:#aaa;letter-spacing:1px}.brand span.live{color:var(--acid)}.tag{display:flex;align-items:center;gap:8px;flex:1}.tag input{width:min(180px,30vw);background:#222;color:#fff;border:1px solid #555;padding:9px;text-transform:uppercase}nav{display:flex;gap:6px}.stage{position:relative;overflow:hidden;background:var(--paper);touch-action:none}canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}#featured{position:absolute;top:14px;left:14px;background:var(--acid);color:#000;padding:8px 10px;pointer-events:none}#featured span{font-size:9px;display:block}#replayHud{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;background:#0009;font-size:20px}#toast{position:absolute;right:14px;top:14px;background:#111;color:#fff;padding:10px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}footer{display:flex;align-items:center;gap:12px;padding:10px 16px;overflow-x:auto;border-top:1px solid var(--line)}.tools,.colors,.zoom{display:flex;gap:5px;white-space:nowrap}.swatch{width:29px;height:29px;border-radius:50%;padding:0;border:2px solid #555}.swatch.active{outline:2px solid #fff;outline-offset:2px}footer label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}input[type=range]{accent-color:var(--acid);width:90px}.fineprint{margin:0;padding:5px 16px 8px;color:#777;font-size:9px;font-weight:400}.share-sheet{position:fixed;inset:0;background:#000d;display:grid;place-items:center;z-index:10}.share-card{background:#181818;padding:18px;width:min(92vw,420px)}.share-card img{width:100%;display:block}.share-card div{display:flex;gap:8px;margin-top:12px}.share-card button{flex:1}@media(max-width:760px){#app{grid-template-rows:auto 1fr auto}header{flex-wrap:wrap;padding:8px}.brand{min-width:110px}.brand strong{font-size:16px}nav{width:100%;order:3}nav button{flex:1;padding:8px}.tag{justify-content:flex-end}footer{flex-wrap:wrap;padding:8px;gap:8px}.fineprint{display:none}.tools{width:100%;overflow-x:auto}.tool{flex:1;padding:9px 7px}.colors{order:2}.zoom{margin-left:auto}.stage{min-height:300px}}