.csx-scrim{position:fixed;inset:0;z-index:2147483100;background:rgb(14 22 34/.45)}.csx-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483101;display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:8px 18px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;color:#14243a;font:400 15px/1.4 DM Sans,system-ui,sans-serif;box-shadow:0 -18px 50px rgb(14 22 34/.25);outline:none;animation:csx-up .26s cubic-bezier(.2,.8,.2,1)}@keyframes csx-up{0%{transform:translateY(40px);opacity:.5}}.csx-sheet__grab{width:40px;height:5px;margin:0 auto;border-radius:99px;background:rgb(20 36 58/.18)}.csx-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.csx-head h3{margin:0;font:600 19px/1.2 Fraunces,Georgia,serif;letter-spacing:-.01em}.csx-compare{display:flex;flex:none;overflow:hidden;border-radius:12px;box-shadow:inset 0 0 0 1px rgb(20 36 58/.14),0 0 0 1px rgb(20 36 58/.1)}.csx-compare span{width:34px;height:34px}.csx-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;border-radius:12px;background:#eef2f7}.csx-tabs.csx-tabs button{min-height:40px;border:0;border-radius:9px;background:transparent;color:#4b5b70;font:600 14px DM Sans,system-ui,sans-serif;cursor:pointer}.csx-tabs button.is-on{background:#fff;color:#14243a;box-shadow:0 1px 3px rgb(20 36 58/.18)}.csx-tabs button:focus-visible{outline:3px solid #2b6fe0;outline-offset:1px}.csx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;border-radius:12px}.csx-grid__cell{position:relative;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:0;cursor:pointer;touch-action:manipulation}.csx-grid__cell--tl{border-top-left-radius:12px}.csx-grid__cell--tr{border-top-right-radius:12px}.csx-grid__cell--bl{border-bottom-left-radius:12px}.csx-grid__cell--br{border-bottom-right-radius:12px}.csx-grid__cell.is-on{z-index:1;border-radius:6px;box-shadow:0 0 0 3px #fff,0 0 0 5px #14243a}.csx-grid__cell:focus-visible{z-index:2;outline:3px solid #2b6fe0;outline-offset:2px}.csx-body{display:grid}.csx-wheel .cs-wheel__disc{width:min(232px,66vw);height:min(232px,66vw)}.csx-hex{display:grid;grid-gap:6px;gap:6px}.csx-hex label{font-weight:600;font-size:14px}.csx-hex small{color:#5b6b80;font-size:12.5px}.csx-hex__field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid #d5dde8;border-radius:12px;background:#fff}.csx-hex__field:focus-within{border-color:#2b6fe0;box-shadow:0 0 0 3px rgb(43 111 224/.18)}.csx-hex__chip{flex:none;width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1px rgb(20 36 58/.18)}.csx-hex.csx-hex input{flex:1 1;min-width:0;height:46px;border:0;outline:none;background:transparent;color:inherit;font:600 17px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase}.csx-hex input.is-bad{color:#b3261e}.csx-recent{display:grid;grid-gap:8px;gap:8px}.csx-recent>span{font-weight:600;font-size:14px}.csx-recent__list{display:flex;flex-wrap:wrap;gap:6px}.csx-recent__sw{width:44px;height:44px;padding:0;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgb(20 36 58/.22);cursor:pointer}.csx-recent__sw.is-on{box-shadow:0 0 0 2px #14243a}.csx-recent__sw:focus-visible{outline:3px solid #2b6fe0;outline-offset:2px}.csx-foot{position:-webkit-sticky;position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:0 -18px calc(-16px - env(safe-area-inset-bottom));padding:10px 18px calc(16px + env(safe-area-inset-bottom));background:inherit}.csx-btn.csx-btn{min-height:48px;border:1px solid #d5dde8;border-radius:999px;background:#fff;color:#14243a;font:600 15px DM Sans,system-ui,sans-serif;cursor:pointer}.csx-btn.csx-btn--primary{border-color:#14243a;background:#14243a;color:#fff}.csx-btn:focus-visible{outline:3px solid #2b6fe0;outline-offset:2px}@media (min-width:760px){.csx-sheet{left:50%;right:auto;bottom:auto;top:50%;width:420px;max-height:calc(100vh - 48px);padding-top:20px;border-radius:22px;transform:translate(-50%,-50%);animation:none}.csx-sheet__grab{display:none}}@media (prefers-reduced-motion:reduce){.csx-sheet{animation:none}}:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-sheet,:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-sheet .csx-btn,:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-sheet .csx-hex__field{background:#172333;color:#e8eef6;border-color:#2e3f57}:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-sheet .csx-tabs{background:#0f1926}:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-sheet .csx-tabs button{color:#a9b6c8}:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-sheet .csx-tabs button.is-on{background:#26364d;color:#fff}:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-sheet .csx-btn--primary{background:#e8eef6;border-color:#e8eef6;color:#14243a}:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-sheet .csx-hex small{color:#a9b6c8}:is(html,[data-dash-theme-root])[data-dash-theme=dark] .csx-grid__cell.is-on{box-shadow:0 0 0 3px #172333,0 0 0 5px #e8eef6}.rf-grid-pick{width:100%;max-width:440px}.rf .csx-tabs{margin-top:10px}.csx-grid{box-shadow:0 0 0 1px rgb(20 36 58/.14)}.rf .rf-undo{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;padding:6px 14px 6px 8px;border:1px solid var(--rf-line,#d5dde8);border-radius:999px;background:var(--rf-panel,#fff);color:var(--rf-ink,#14243a);font-weight:600;font-size:13.5px}.rf .rf-undo:before{content:"↶";font-size:17px;line-height:1}.rf-undo__sw{width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1px rgb(20 36 58/.18)}.rf .rf-contrast-hint{margin:0;color:var(--rf-muted,#5b6b80);font-size:12.5px;line-height:1.45}