.cr{--cr-bg:var(--c-bg,#14161f);--cr-surface:var(--c-surface,#1d2030);--cr-surface2:var(--c-surface-2,#272b40);--cr-surface3:var(--c-surface-3,#333857);--cr-border:var(--c-border,#3c4262);--cr-text:var(--c-text,#f4f1e8);--cr-muted:var(--c-text-muted,#b4b9d0);--cr-accent:var(--c-accent,#f2c14e);--cr-on-accent:var(--c-on-accent,#1a1a1a);--cr-focus:var(--c-focus,#8fd0ff);--cr-danger:var(--c-danger,#ff7b7b);--cr-radius:14px;--cr-gap:12px;--cr-hit:44px;--cr-font:16px;color:var(--cr-text);background:var(--cr-bg);font-size:var(--cr-font);box-sizing:border-box}.cr *,.cr :before,.cr :after{box-sizing:border-box}.cr--tv{--cr-hit:64px;--cr-font:26px;--cr-gap:22px;--cr-radius:22px}.cr button,.cr input,.cr select,.cr textarea{font:inherit;color:inherit}.cr :focus-visible{outline:3px solid var(--cr-focus);outline-offset:2px}.cr--tv :focus-visible{outline-width:5px}.cr [hidden]{display:none!important}.cr-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cr-btn{min-height:var(--cr-hit);min-width:var(--cr-hit);border-radius:calc(var(--cr-radius) * .8);border:1px solid var(--cr-border);background:var(--cr-surface2);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:.4em;padding:0 1em;display:inline-flex}.cr-btn:hover:not(:disabled){background:var(--cr-surface3)}.cr-btn:disabled{opacity:.4;cursor:not-allowed}.cr-btn[aria-pressed=true],.cr-btn[aria-selected=true],.cr-btn--primary{background:var(--cr-accent);color:var(--cr-on-accent);border-color:#0000;font-weight:700}.cr-chip-row{gap:calc(var(--cr-gap) * .6);flex-wrap:wrap;display:flex}.cr-field{gap:6px;display:grid}.cr-label{color:var(--cr-muted);letter-spacing:.02em;font-size:.85em}.cr-hint{color:var(--cr-muted);margin:0;font-size:.8em}.cr-input{min-height:var(--cr-hit);border-radius:calc(var(--cr-radius) * .7);border:1px solid var(--cr-border);background:var(--cr-surface);width:100%;padding:0 .8em}textarea.cr-input{min-height:5em;padding:.6em .8em;font-family:ui-monospace,monospace;font-size:.85em}.cr-range{width:100%;min-height:var(--cr-hit);accent-color:var(--cr-accent)}.cr-swatch{width:var(--cr-hit);height:var(--cr-hit);box-shadow:0 0 0 1px var(--cr-border);cursor:pointer;border:3px solid #0000;border-radius:50%;padding:0}.cr-swatch[aria-pressed=true]{border-color:var(--cr-text)}.cr-color{gap:var(--cr-gap);display:grid}.cr-plane{aspect-ratio:4/3;border-radius:var(--cr-radius);touch-action:none;cursor:crosshair;border:1px solid var(--cr-border);width:100%;max-height:46vh;position:relative;overflow:hidden}.cr-plane canvas{image-rendering:auto;width:100%;height:100%;display:block}.cr-plane-dot{pointer-events:none;border:3px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 1.5px #000,0 2px 6px #00000080}.cr-hue{appearance:none;width:100%;height:calc(var(--cr-hit) * .6);border:1px solid var(--cr-border);background:linear-gradient(90deg, var(--hue-stops));border-radius:999px}.cr-hue::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #000;border-radius:50%;width:26px;height:26px}.cr-hue::-moz-range-thumb{background:#fff;border:3px solid #000;border-radius:50%;width:22px;height:22px}.cr-contrast{flex-wrap:wrap;align-items:center;gap:.6em;font-size:.85em;display:flex}.cr-pill{background:var(--cr-surface3);border-radius:999px;padding:.15em .7em}.cr-pill--ok{color:#dcffe9;background:#1f5a3a}.cr-pill--bad{color:#ffe0e4;background:#6a2530}.cr-chip-sw{align-items:center;gap:4px;display:flex}.cr-chip-sw i{border-radius:50%;width:1.1em;height:1.1em;display:block;box-shadow:0 0 0 1px #ffffff59}.cr-root{gap:var(--cr-gap);min-height:100%;display:grid}.cr-root--tv{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;padding:32px 48px}.cr-stage{border-radius:var(--cr-radius);background:radial-gradient(circle at 50% 35%, var(--cr-surface3), var(--cr-surface));border:1px solid var(--cr-border);place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.cr-root--tv .cr-stage{min-height:62vh;position:sticky;top:24px}.cr-stage-bar{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex;position:absolute;inset:auto 8px 8px}.cr-panel{gap:var(--cr-gap);align-content:start;min-width:0;display:grid}.cr-tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.cr-tabs::-webkit-scrollbar{display:none}.cr-tabs .cr-btn{flex:none}.cr-section{gap:var(--cr-gap);display:grid}.cr-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--cr-hit) * 2.2), 1fr));gap:calc(var(--cr-gap) * .6);display:grid}.cr-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cr-root--mobile{grid-template-rows:auto 1fr;gap:0;height:100dvh;padding:0}.cr-root--mobile .cr-stage{border-radius:0 0 var(--cr-radius) var(--cr-radius);height:34dvh;min-height:0}.cr-sheet{background:var(--cr-surface);border-radius:calc(var(--cr-radius) * 1.4) calc(var(--cr-radius) * 1.4) 0 0;border:1px solid var(--cr-border);z-index:1;padding:10px 16px calc(16px + env(safe-area-inset-bottom));gap:var(--cr-gap);border-bottom:0;align-content:start;margin-top:-14px;display:grid;overflow-y:auto}.cr-sheet-grip{background:var(--cr-border);border-radius:3px;width:44px;height:5px;margin:0 auto}.cr-root--mobile[data-expanded=true] .cr-stage{height:18dvh}.cr-picker{gap:var(--cr-gap);text-align:center;justify-items:center;padding:16px;display:grid}.cr-picker--tv{gap:28px;padding:40px 64px}.cr-carousel{align-items:center;gap:var(--cr-gap);grid-template-columns:auto 1fr auto;width:100%;max-width:900px;display:grid}.cr-slot{border-radius:var(--cr-radius);background:radial-gradient(circle at 50% 35%, var(--cr-surface3), var(--cr-surface));border:1px solid var(--cr-border);place-items:center;width:100%;min-height:280px;display:grid;position:relative;overflow:hidden}.cr-picker--tv .cr-slot{min-height:52vh}.cr-slot--rolling{box-shadow:inset 0 0 0 3px var(--cr-accent)}.cr-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cr-dot{background:var(--cr-border);cursor:pointer;border:0;border-radius:50%;width:14px;height:14px;padding:0}.cr-dot[aria-current=true]{background:var(--cr-accent);transform:scale(1.25)}.cr-dot-hit{cursor:pointer;background:0 0;border:0;padding:15px 6px;display:grid}.cr-seed{letter-spacing:.25em;background:var(--cr-surface3);border-radius:10px;padding:.2em .6em;font-family:ui-monospace,monospace;font-size:1.3em}.cr-name{margin:0;font-size:1.6em}.cr-picker .cr-hint{max-width:56ch}.cr-status{min-height:1.4em;color:var(--cr-muted);font-size:.9em}@media (width<=720px){.cr-root--tv{grid-template-columns:1fr;padding:16px}.cr-root--tv .cr-stage{min-height:40vh;position:relative;top:0}}@media (prefers-reduced-motion:reduce){.cr *{transition:none!important;animation:none!important}}