.sw-trigger{width:28px;height:20px;padding:0;flex:none;cursor:pointer;border:1px solid var(--line-strong);border-radius:calc(var(--radius, 6px) - 2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--base-surface) 55%,transparent)}.sw-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sw-trigger.is-open{outline:2px solid var(--accent);outline-offset:1px}.sw-trigger:disabled{cursor:not-allowed;opacity:.5}.sw-popover{position:fixed;z-index:100000;box-sizing:border-box;background:var(--base-surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:calc(var(--radius, 6px) + 4px);box-shadow:0 14px 36px color-mix(in srgb,var(--scrim) 30%,transparent);font:500 12px var(--sans, system-ui)}.sw-sheet-scrim{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--scrim) 35%,transparent)}.sw-sheet{width:100%;max-width:420px;max-height:88vh;overflow-y:auto;box-sizing:border-box;background:var(--base-surface);color:var(--ink);font:500 12px var(--sans, system-ui);border-radius:16px 16px 0 0;border:1px solid var(--line-strong);border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}.sw-panel{padding:12px;display:flex;flex-direction:column;gap:8px}.sw-sheet .sw-panel{align-items:stretch}.sw-head{display:flex;align-items:center;gap:10px}.sw-chips{display:flex;flex:none}.sw-chip{width:34px;height:30px;display:block;border:1px solid var(--line-strong);border-radius:var(--radius, 6px) 0 0 var(--radius, 6px)}.sw-chip-prev{width:22px;padding:0;cursor:pointer;border-left:0;border-radius:0 var(--radius, 6px) var(--radius, 6px) 0;background:repeating-linear-gradient(45deg,var(--base-surface-2),var(--base-surface-2) 3px,var(--base-surface) 3px,var(--base-surface) 6px)}.sw-chip-prev:disabled{cursor:default}.sw-chip-prev:not(:disabled):hover{filter:brightness(1.06)}.sw-hex{font:500 12px var(--mono, ui-monospace, monospace);letter-spacing:.02em;color:var(--ink)}.sw-head-tools{margin-left:auto;display:flex;gap:4px}.sw-icon-btn{width:28px;height:28px;display:grid;place-items:center;padding:0;cursor:pointer;background:var(--base-surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius, 6px)}.sw-icon-btn:hover{background:var(--base-surface-2);border-color:var(--line-strong)}.sw-views,.sw-tabs{display:flex;gap:2px;padding:2px;background:var(--base-surface-2);border-radius:var(--radius, 6px)}.sw-view-tab,.sw-tab{flex:1;min-width:0;padding:5px 4px;cursor:pointer;font:inherit;font-size:11px;color:var(--muted);background:transparent;border:0;border-radius:calc(var(--radius, 6px) - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-view-tab.is-on,.sw-tab.is-on{background:var(--base-surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.sw-body{display:flex;justify-content:center;min-height:40px}.sw-disc{position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sw-disc-canvas{display:block;cursor:crosshair;touch-action:none}.sw-knob{position:absolute;width:18px;height:18px;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%);pointer-events:none;border:2px solid #ffffff;box-shadow:0 0 0 1px #00000073,0 1px 3px #0000004d}.sw-knob-ring,.sw-knob-disc{pointer-events:auto;cursor:grab}.sw-knob:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sw-knob-flat{width:14px;height:14px}.sw-classic{width:100%;display:flex;flex-direction:column;gap:10px}.sw-classic-square{position:relative;height:170px;border-radius:var(--radius, 6px);cursor:crosshair;touch-action:none;background-image:linear-gradient(to top,#000000,transparent),linear-gradient(to right,#ffffff,transparent)}.sw-hue-bar{position:relative;height:14px;border-radius:7px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.sw-classic-square:focus-visible,.sw-hue-bar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sw-value{width:100%;display:flex;flex-direction:column;gap:6px}.sw-value-row,.sw-hex-row{display:flex;align-items:center;gap:8px}.sw-value-label{width:26px;flex:none;font-size:11px;color:var(--muted)}.sw-value-range{flex:1;min-width:0;height:12px;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.sw-value-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--base-surface);border:2px solid var(--ink)}.sw-value-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--base-surface);border:2px solid var(--ink)}.sw-value-num{width:38px;flex:none;text-align:right;font:500 11px var(--mono, ui-monospace, monospace);color:var(--ink)}.sw-value-sep{height:1px;background:var(--line);margin:2px 0}.sw-hex-hash{color:var(--muted);font:500 12px var(--mono, ui-monospace, monospace)}.sw-hex-input{flex:1;min-width:0;height:28px;padding:0 8px;box-sizing:border-box;font:500 12px var(--mono, ui-monospace, monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--base-surface);border:1px solid var(--line-strong);border-radius:var(--radius, 6px)}.sw-section-label{font-size:11px;color:var(--muted);margin-top:2px}.sw-recents{display:flex;gap:4px;min-height:24px;align-items:center}.sw-recent{width:24px;height:24px;padding:0;flex:none;cursor:pointer;border:1px solid var(--line-strong);border-radius:5px}.sw-recent.is-current{box-shadow:0 0 0 2px var(--base-surface),0 0 0 3px var(--ink)}.sw-empty-note{font-size:11px;color:var(--muted)}.sw-grid{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.sw-slot{aspect-ratio:1;min-width:0;padding:0;cursor:pointer;touch-action:none;border:1px solid var(--line-strong);border-radius:5px;display:grid;place-items:center}.sw-slot.is-empty{background:transparent;border:1px dashed var(--line-strong);color:var(--muted)}.sw-slot.is-empty:hover{border-style:solid;color:var(--ink);background:var(--base-surface-2)}.sw-slot.is-current{box-shadow:0 0 0 2px var(--base-surface),0 0 0 3px var(--ink)}.sw-slot.is-dragging{opacity:.35}.sw-slot.is-target{box-shadow:0 0 0 2px var(--accent)}.sw-slot:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sw-slot-plus{font-size:13px;line-height:1;pointer-events:none}.sw-slot-menu{position:absolute;z-index:2;transform:translate(-50%);display:flex;flex-direction:column;min-width:150px;background:var(--base-surface);border:1px solid var(--line-strong);border-radius:var(--radius, 6px);box-shadow:0 8px 22px color-mix(in srgb,var(--scrim) 25%,transparent);padding:4px}.sw-slot-menu button{text-align:left;padding:6px 8px;font:inherit;color:var(--ink);background:transparent;border:0;border-radius:4px;cursor:pointer}.sw-slot-menu button:hover:not(:disabled){background:var(--base-surface-2)}.sw-slot-menu button:disabled{color:var(--muted);cursor:default}.sw-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;cursor:pointer;font:inherit;font-size:11px;color:var(--ink);background:var(--base-surface);border:1px solid var(--line-strong);border-radius:var(--radius, 6px)}.sw-btn:hover{background:var(--base-surface-2)}.sw-btn.is-danger{color:var(--red, var(--ink));border-color:var(--red, var(--line-strong))}.sw-import{align-self:flex-start}.sw-palettes{width:100%;display:flex;flex-direction:column;gap:8px}.sw-palettes-actions{display:flex;gap:6px;flex-wrap:wrap}.sw-palette-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.sw-palette-item{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:var(--radius, 6px)}.sw-palette-item.is-active{border-color:var(--ink)}.sw-palette-pick{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:2px;text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:transparent;border:0}.sw-palette-name{display:flex;align-items:center;gap:4px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-palette-strip{display:flex;gap:2px;height:12px}.sw-palette-strip span{width:12px;height:12px;border-radius:3px;border:1px solid var(--line)}.sw-palette-strip em{font-size:11px;color:var(--muted);font-style:normal}.sw-palette-tools{display:flex;gap:4px;flex:none}.sw-rename{flex:1;min-width:0;height:28px;padding:0 8px;font:inherit;color:var(--ink);background:var(--base-surface);border:1px solid var(--accent);border-radius:var(--radius, 6px)}.sw-note{margin:0;font-size:11px;color:var(--muted)}.sw-trigger.sw-trigger-wide{width:100%;height:32px}.sw-trigger-group{display:flex;align-items:stretch;width:100%;min-width:0}.sw-trigger-group .sw-trigger{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.sw-trigger-prev{width:22px;flex:none;padding:0;cursor:pointer;border:1px solid var(--line-strong);border-left:0;border-radius:0 calc(var(--radius, 6px) - 2px) calc(var(--radius, 6px) - 2px) 0;background:repeating-linear-gradient(45deg,var(--base-surface-2),var(--base-surface-2) 3px,var(--base-surface) 3px,var(--base-surface) 6px)}.sw-trigger-prev:disabled{cursor:default}.sw-trigger-prev:not(:disabled):hover{filter:brightness(1.08)}.sw-trigger-prev:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sw-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sw-row-label{font:700 9px/1 var(--sans, system-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-right:2px;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-dot{width:18px;height:18px;padding:0;flex:none;border-radius:4px;cursor:pointer;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.sw-dot.is-on{box-shadow:0 0 0 2px var(--base-surface),0 0 0 3.5px var(--accent-strong, var(--accent))}.sw-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sw-dot-add{border-radius:50%;display:grid;place-items:center;font:500 13px/1 var(--sans, system-ui);color:var(--muted);background:transparent;border:1px dashed var(--line-strong)}.sw-dot-add:hover{color:var(--ink);border-style:solid;background:var(--base-surface-2)}.sw-dot.sw-dot-pick{border:none}.sw-dot-drop{border-radius:50%;display:grid;place-items:center;color:var(--muted);background:transparent;border:1px solid var(--line-strong)}.sw-dot-drop:hover{color:var(--ink);background:var(--base-surface-2)}.sw-dot-drop.is-picking{color:var(--accent-strong, var(--accent));border-color:var(--accent-strong, var(--accent))}.sw-row-hint{font-size:10px;color:var(--muted)}.sw-recent-row{--sw-recent-size: var(--sw-recent-fine, 18px);flex:1 0 100%;grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0;width:100%;box-sizing:border-box;overflow:hidden;max-height:calc(var(--sw-recent-size, 18px) + 6px);padding:2px 0}.sw-recent-row.is-inline{flex:0 1 auto;width:auto;grid-column:auto;min-width:0;margin-left:3px;padding-left:6px;border-left:1px solid var(--line, color-mix(in srgb, var(--ink, #111) 14%, transparent))}.sw-recent-row[data-none-fit]{visibility:hidden;max-height:0;padding:0;margin:0}.sw-recent-row>[hidden]{display:none!important}.sw-recent-label{flex:none;font:700 9px/1 var(--sans, system-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-right:1px}.sw-rsw{flex:none;width:var(--sw-recent-size, 18px);height:var(--sw-recent-size, 18px);padding:0;cursor:pointer;border-radius:calc(var(--sw-recent-size, 18px) * .24);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--ink, #111) 22%,transparent)}.sw-rsw.is-on{box-shadow:0 0 0 2px var(--base-surface, #fff),0 0 0 3.5px var(--accent-strong, var(--accent, #3b82f6))}.sw-rsw:focus-visible{outline:2px solid var(--accent, #3b82f6);outline-offset:2px}.sw-rsw:disabled{cursor:not-allowed;opacity:.5}@media(pointer:coarse){.sw-recent-row{--sw-recent-size: max(26px, var(--sw-recent-fine, 18px));gap:7px}}.sw-trigger.sw-dot-trigger{width:100%;height:100%;display:block;border-radius:50%;border:0;box-shadow:inset 0 0 0 1px #00000024,0 1px 2px #0000001a}.sw-trigger.sw-dot-trigger.is-square{border-radius:5px}.sw-wheel{box-shadow:inset 0 0 0 1px #00000029;cursor:pointer;flex:none;overflow:visible}.sw-wheel-dot{position:absolute;inset:0;margin:auto;width:54%;height:54%;border-radius:50%;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00000024}.sw-wheel-icon .sw-wheel-dot{box-shadow:0 0 0 1px #fff}button.sw-wheel:not(:disabled):hover{filter:saturate(1.15) brightness(1.04)}button.sw-wheel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.sw-wheel.is-open{outline:2px solid var(--accent)!important;outline-offset:1px!important}button.sw-wheel:disabled{cursor:not-allowed;opacity:.5}.sw-legacy-trigger.is-open{outline:2px solid var(--accent)!important;outline-offset:1px!important}.sw-harmony{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.sw-harmony .sw-value-row{width:100%}.sw-knob-small{width:13px;height:13px}.sw-harmony-modes{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.sw-harmony-mode{padding:3px 7px;font:inherit;font-size:11px;cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px}.sw-harmony-mode.is-on{color:var(--ink);border-color:var(--ink);background:var(--base-surface-2)}.sw-harmony-swatches{display:flex;gap:6px}.sw-harmony-swatch{width:40px;height:26px;padding:0;cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--radius, 6px)}.sw-harmony-swatch.is-current{cursor:default;box-shadow:0 0 0 2px var(--base-surface),0 0 0 3px var(--ink)}.sw-pinned,.sw-float{position:fixed;z-index:3500;box-sizing:border-box;background:var(--base-surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:calc(var(--radius, 6px) + 4px);box-shadow:0 14px 36px color-mix(in srgb,var(--scrim) 30%,transparent)}.sw-pinned{font:500 12px var(--sans, system-ui)}.sw-pin-icon{flex:none;color:var(--ink)}.sw-pinned.is-collapsed .sw-pin-bar,.sw-float.is-collapsed .sw-pin-bar{padding-bottom:6px}.sw-pin-bar{display:flex;align-items:center;gap:6px;padding:6px 8px 0 10px;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;color:var(--muted)}.sw-pinned.is-dragging .sw-pin-bar{cursor:grabbing}.sw-pinned.is-dragging{box-shadow:0 20px 44px color-mix(in srgb,var(--scrim) 38%,transparent)}.sw-pin-grip{flex:none;opacity:.7}.sw-pin-label{flex:1;min-width:0;font-size:11px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-icon-btn.is-on{color:var(--accent);border-color:var(--line-strong);background:var(--base-surface-2)}.sw-pin-idle{margin:8px 12px 0;padding:6px 8px;font-size:11px;line-height:1.35;color:var(--muted);background:var(--base-surface-2);border-radius:var(--radius, 6px)}.sw-pinned.is-idle .sw-pin-body{opacity:.45}