.pixel-session{z-index:2147483647;color:var(--ink);position:fixed;inset:0;overflow:hidden}.pixel-noise-wrap{touch-action:none;max-width:100vw;max-height:100dvh;position:absolute}.pixel-noise{touch-action:none;cursor:move;width:100%;height:100%;position:absolute;inset:0}.pixel-noise:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.pixel-handle{background:var(--brand-500);touch-action:none;z-index:2;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 1px 5px #00000080}.pixel-handle-nw{cursor:nwse-resize;top:-7px;left:-7px}.pixel-handle-n{cursor:ns-resize;top:-7px;left:50%;transform:translate(-50%)}.pixel-handle-ne{cursor:nesw-resize;top:-7px;right:-7px}.pixel-handle-e{cursor:ew-resize;top:50%;right:-7px;transform:translateY(-50%)}.pixel-handle-se{cursor:nwse-resize;bottom:-7px;right:-7px}.pixel-handle-s{cursor:ns-resize;bottom:-7px;left:50%;transform:translate(-50%)}.pixel-handle-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.pixel-handle-w{cursor:ew-resize;top:50%;left:-7px;transform:translateY(-50%)}.pixel-panel{background:var(--glass-bg-strong);flex-direction:column;gap:12px;width:min(330px,100vw);max-height:100dvh;display:flex;position:absolute;overflow-y:auto}.pixel-panel[hidden]{display:none}.pixel-panel-header{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.pixel-colors{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.pixel-colors button{cursor:pointer;border:1px solid #888;border-radius:8px;height:32px}.pixel-colors button[aria-pressed=true]{outline:2px solid var(--brand-500);outline-offset:2px}.pixel-timer{text-align:center;color:var(--brand-500);font:700 28px ui-monospace,monospace}.pixel-restore{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.pixel-preview{border:1px solid var(--glass-ring);background:#09090b;border-radius:16px;place-items:center;height:160px;display:grid}.pixel-preview div{background:repeating-conic-gradient(#6b5cf6 0% 25%,#22c3e6 0% 50%) 0/12px 12px;border-radius:8px;width:84px;height:84px;box-shadow:0 0 45px #6b5cf644}