:root{--bg: #F6F4EB;--panel: #121212;--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62)}[data-astro-cid-j7pv25f6],[data-astro-cid-j7pv25f6]:before,[data-astro-cid-j7pv25f6]:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}main[data-astro-cid-j7pv25f6]{max-width:980px;margin:0 auto;padding:32px 40px 56px}header[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}h1[data-astro-cid-j7pv25f6]{margin:0;font-size:28px;letter-spacing:.2px}p[data-astro-cid-j7pv25f6]{margin:0;color:var(--muted);line-height:1.35}.panel[data-astro-cid-j7pv25f6]{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.visualizerPanel[data-astro-cid-j7pv25f6]{background:transparent;border:none;padding:0;width:calc(100% - 36px);margin-left:auto;margin-right:auto}.grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr;gap:14px;min-height:calc(100dvh - 88px);align-items:center}.paletteRow[data-astro-cid-j7pv25f6]{display:grid;gap:12px}.wheelStage[data-astro-cid-j7pv25f6]{--overlay-x: 40px;--overlay-bottom: 40px;--overlay-height: 94px;position:relative;width:100%;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;border:1px solid transparent;background:transparent}#colorWheel[data-astro-cid-j7pv25f6]{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.visualizerLayer[data-astro-cid-j7pv25f6]{position:absolute;inset:0;border-radius:14px;overflow:hidden;pointer-events:none;z-index:2}.visualizerCard[data-astro-cid-j7pv25f6]{position:absolute;left:var(--overlay-x);right:var(--overlay-x);bottom:var(--overlay-bottom);height:var(--overlay-height);border-radius:16px;background:#f6f4eb;box-shadow:0 18px 34px #00000047;pointer-events:none;z-index:2}.visualizerActions[data-astro-cid-j7pv25f6]{position:absolute;left:var(--overlay-x);right:var(--overlay-x);bottom:var(--overlay-bottom);height:var(--overlay-height);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding:11px 14px 12px;z-index:3;pointer-events:none}.overlayPaletteBar[data-astro-cid-j7pv25f6]{width:100%;height:12px;border-radius:999px;border:1px solid rgba(0,0,0,.16);overflow:hidden;display:flex;background:#0000000f}.overlayPaletteBar[data-astro-cid-j7pv25f6]>div[data-astro-cid-j7pv25f6]{height:100%;flex:0 0 auto}.overlayButtons[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:10px;pointer-events:none}.overlayControlsRow[data-astro-cid-j7pv25f6]{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.overlayEngineWrap[data-astro-cid-j7pv25f6]{justify-self:start;align-self:end;padding-bottom:0;transform:translateY(8px)}.overlayButtons[data-astro-cid-j7pv25f6]{justify-self:center}.overlayControlsRow[data-astro-cid-j7pv25f6] .engineBadge[data-astro-cid-j7pv25f6]{color:#111;border:none;background:transparent;border-radius:0;padding:0;font-size:9px}.overlayButtons[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]{pointer-events:auto;background:transparent;color:#111;border:none;border-radius:0;box-shadow:none;min-width:0;padding:6px 8px;font-size:28px;line-height:1}.overlayButtons[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]:hover{background:transparent;opacity:.72}.payloadToggleBtn[data-astro-cid-j7pv25f6]{position:absolute;right:calc(var(--overlay-x) + 0px);bottom:calc(var(--overlay-bottom) - 2px);pointer-events:auto;background:transparent;color:#111;border:none;border-radius:0;box-shadow:none;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;z-index:4}.payloadToggleBtn[data-astro-cid-j7pv25f6]:hover{background:transparent;opacity:.72}.payloadToggleBtn[data-astro-cid-j7pv25f6][aria-pressed=true]{opacity:.55}#visualizerCanvas[data-astro-cid-j7pv25f6]{width:100%;height:100%;display:block}.visualizerSpinner[data-astro-cid-j7pv25f6]{position:absolute;left:50%;top:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:999px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;opacity:0;pointer-events:none;z-index:5;animation:spin .75s linear infinite;transition:opacity .14s ease}.visualizerSpinner[data-astro-cid-j7pv25f6].on{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheelDot[data-astro-cid-j7pv25f6]{position:absolute;width:44px;height:44px;border-radius:999px;border:none;background:transparent;transform:translate(-50%,-50%);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:none;z-index:10}.wheelDot[data-astro-cid-j7pv25f6]:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:999px;border:2px solid #fff;background:var(--dot-color, #888888);transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.wheelDot[data-astro-cid-j7pv25f6]:active{cursor:grabbing}.wheelDot[data-astro-cid-j7pv25f6].off,.wheelDot[data-astro-cid-j7pv25f6].off .dotRole[data-astro-cid-j7pv25f6]{opacity:.35}.dotRole[data-astro-cid-j7pv25f6]{position:absolute;top:-4px;left:50%;transform:translate(-50%);font-size:9px;line-height:1;color:#0b0b0b;white-space:nowrap;pointer-events:none;background:#ffffffd9;border-radius:999px;padding:2px 5px}.hexPopup[data-astro-cid-j7pv25f6]{position:fixed;z-index:20;display:none;padding:0;border-radius:10px;background:#000000c7;border:none}.hexPopup[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]{width:116px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.hexPopup[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]:focus,.hexPopup[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]:focus-visible{outline:none;box-shadow:none}.controls[data-astro-cid-j7pv25f6]{display:grid;gap:14px;margin-top:14px}.actions[data-astro-cid-j7pv25f6]{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:center}button[data-astro-cid-j7pv25f6]{appearance:none;border:1px solid var(--border);background:#ffffff14;color:var(--text);border-radius:12px;padding:10px 14px;font-size:14px;cursor:pointer}button[data-astro-cid-j7pv25f6]:hover{background:#ffffff1f}button[data-astro-cid-j7pv25f6].primary{background:#ffffff29}audio[data-astro-cid-j7pv25f6]{width:100%;max-width:100%;display:block}.toggle[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;user-select:none}.status[data-astro-cid-j7pv25f6]{margin-top:10px;font-size:13px;color:var(--muted);min-height:18px}.notice[data-astro-cid-j7pv25f6]{display:none;margin-top:10px;border:1px solid rgba(255,120,120,.35);background:#ff787814;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.35;color:#ffd7d7}.notice[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:#fff;text-underline-offset:2px}.engineWrap[data-astro-cid-j7pv25f6]{margin-top:8px}.engineBadge[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--text);background:#ffffff0f}.hint[data-astro-cid-j7pv25f6]{font-size:13px;color:var(--muted);line-height:1.4}.preview[data-astro-cid-j7pv25f6]{display:grid;gap:12px;margin-top:14px;width:calc(100% - 36px);margin-left:auto;margin-right:auto}#payloadPanel[data-astro-cid-j7pv25f6][hidden]{display:none!important}.bar[data-astro-cid-j7pv25f6]{height:14px;border-radius:999px;border:1px solid var(--border);overflow:hidden;display:flex}.bar[data-astro-cid-j7pv25f6]>div[data-astro-cid-j7pv25f6]{height:100%;flex:0 0 auto}.mono[data-astro-cid-j7pv25f6]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--muted);line-height:1.35;word-break:break-word}.divider[data-astro-cid-j7pv25f6]{height:1px;background:var(--border);margin:14px 0}.hairline[data-astro-cid-j7pv25f6]{height:1px;background:var(--border);margin:8px 0}@media(max-width:700px){main[data-astro-cid-j7pv25f6]{padding:20px 16px 40px}.grid[data-astro-cid-j7pv25f6]{min-height:calc(100dvh - 60px)}.panel[data-astro-cid-j7pv25f6]{padding:14px}.visualizerPanel[data-astro-cid-j7pv25f6],.preview[data-astro-cid-j7pv25f6]{width:calc(100% - 28px)}.wheelStage[data-astro-cid-j7pv25f6]{--overlay-x: 16px;--overlay-bottom: 16px;--overlay-height: 86px}.visualizerActions[data-astro-cid-j7pv25f6]{gap:8px;padding:8px 10px 10px}.overlayEngineWrap[data-astro-cid-j7pv25f6]{padding-bottom:0;transform:translateY(6px)}.overlayButtons[data-astro-cid-j7pv25f6]{gap:8px}.overlayPaletteBar[data-astro-cid-j7pv25f6]{height:10px}.overlayButtons[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]{flex:1 1 0;min-width:0;padding:10px;font-size:13px}.payloadToggleBtn[data-astro-cid-j7pv25f6]{right:calc(var(--overlay-x) - 2px);bottom:calc(var(--overlay-bottom) - 4px)}}