@layer components{.color-input-module_5GI8YW_trigger{align-items:center;gap:var(--space-2);width:100%;min-width:0;min-height:var(--tap-min);padding-inline:var(--space-1) calc(var(--space-2) * var(--density));background:var(--hover-surface);color:var(--text);border-radius:var(--radius-sm);font:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:1px solid #0000;flex:1;display:flex}.color-input-module_5GI8YW_trigger[aria-expanded=true]{background:var(--surface-2);border-color:var(--accent)}@media (any-hover:hover){.color-input-module_5GI8YW_trigger:hover{background:var(--surface-2)}}@media (forced-colors:active){.color-input-module_5GI8YW_trigger{border-color:buttontext}}.color-input-module_5GI8YW_label{color:var(--text-muted);font-size:var(--text-2xs);flex-shrink:0;font-weight:500;line-height:1}.color-input-module_5GI8YW_checkerboard{background-color:var(--media-fg);background-image:linear-gradient(45deg, var(--text-faint) 25%, transparent 25%), linear-gradient(-45deg, var(--text-faint) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--text-faint) 75%), linear-gradient(-45deg, transparent 75%, var(--text-faint) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.color-input-module_5GI8YW_swatch{border-radius:var(--radius-sm);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--border);flex-shrink:0;position:relative;overflow:hidden}.color-input-module_5GI8YW_swatchFill{position:absolute;inset:0}.color-input-module_5GI8YW_code{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);text-align:start;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;line-height:1;overflow:hidden}.color-input-module_5GI8YW_alphaValue{color:var(--text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;flex-shrink:0;line-height:1}.color-input-module_5GI8YW_popover{z-index:70;gap:var(--space-2);width:232px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--dur-fast) var(--ease), translate var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;translate:0 -4px}.color-input-module_5GI8YW_popover[data-enter]{opacity:1;translate:0}.color-input-module_5GI8YW_plane{border-radius:var(--radius-sm);background-image:linear-gradient(to bottom, transparent, var(--media-bg)), linear-gradient(to right, var(--media-fg), transparent);cursor:crosshair;touch-action:none;height:150px;position:relative}.color-input-module_5GI8YW_thumb{border:2px solid var(--media-fg);border-radius:var(--radius-full);width:16px;height:16px;box-shadow:0 0 0 1px var(--media-scrim);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.color-input-module_5GI8YW_strip{border-radius:var(--radius-sm);cursor:pointer;touch-action:none;height:14px;position:relative}.color-input-module_5GI8YW_alphaFill{border-radius:inherit;position:absolute;inset:0}.color-input-module_5GI8YW_stripThumb{background:var(--media-fg);border-radius:var(--radius-full);width:16px;height:16px;box-shadow:0 0 0 1px var(--media-scrim);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.color-input-module_5GI8YW_stopBar{height:16px;margin-inline:var(--space-2);border-radius:var(--radius-sm);cursor:copy;touch-action:none;position:relative}.color-input-module_5GI8YW_stopBarFill{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border);position:absolute;inset:0}.color-input-module_5GI8YW_stopHandle{border:2px solid var(--media-fg);border-radius:var(--radius-sm);width:12px;height:20px;box-shadow:0 0 0 1px var(--media-scrim);cursor:ew-resize;position:absolute;top:50%;transform:translate(-50%,-50%)}.color-input-module_5GI8YW_stopHandleActive{box-shadow:var(--focus-ring)}@media (forced-colors:active){.color-input-module_5GI8YW_stopHandleActive{outline:2px solid highlight}}.color-input-module_5GI8YW_stopActions{justify-content:flex-end;display:flex}.color-input-module_5GI8YW_presets{gap:var(--space-1);flex-wrap:wrap;display:flex}.color-input-module_5GI8YW_preset{border-radius:var(--radius-full);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;transition:border-color var(--dur-fast) var(--ease);border:2px solid #0000;flex-shrink:0;padding:0}@media (any-hover:hover){.color-input-module_5GI8YW_preset:hover{border-color:var(--border-strong)}}.color-input-module_5GI8YW_presetActive{border-color:var(--accent)}}.SliderDropdown-module_KavfqG_control{box-sizing:border-box;height:30px;min-height:30px;max-height:30px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-family:inherit;font-size:var(--text-xs);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;margin:0;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.SliderDropdown-module_KavfqG_control:hover{background:var(--hover-surface);color:var(--text)}.SliderDropdown-module_KavfqG_control:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}.SliderDropdown-module_KavfqG_controlSquare{flex:0 0 30px;width:30px;min-width:30px;max-width:30px;padding:0}.SliderDropdown-module_KavfqG_controlActive{background:var(--accent);color:var(--accent-fg);border-color:#0000}.SliderDropdown-module_KavfqG_controlActive:hover{background:var(--accent-hover);color:var(--accent-fg)}.SliderDropdown-module_KavfqG_popup{z-index:1100;padding:var(--space-2) var(--space-4);background:color-mix(in srgb, var(--surface-2) 95%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--bg) 50%, transparent), 0 4px 12px -6px color-mix(in srgb, var(--bg) 35%, transparent);align-items:center;gap:var(--space-2);min-width:260px;display:flex}.SliderDropdown-module_KavfqG_popupColumn{align-items:stretch;gap:var(--space-4);width:340px;padding:var(--space-4) var(--space-4);flex-direction:column}.SliderDropdown-module_KavfqG_popupMenu{align-items:stretch;gap:var(--space-1);padding:var(--space-1);flex-direction:column;min-width:120px;max-height:260px;overflow-y:auto}.SliderDropdown-module_KavfqG_menuItem{padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;font-size:var(--text-xs);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;transition:all .12s;display:flex}.SliderDropdown-module_KavfqG_menuItem:hover{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}.SliderDropdown-module_KavfqG_menuItemActive{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent)}.SliderDropdown-module_KavfqG_menuItemActive:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.SliderDropdown-module_KavfqG_sliderWrap{flex:1;align-items:center;height:20px;display:flex;position:relative}.SliderDropdown-module_KavfqG_trackArea{left:var(--space-1);right:var(--space-1);border-radius:var(--radius-full);pointer-events:none;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.SliderDropdown-module_KavfqG_centerMarker{background:var(--border);border-radius:var(--radius-sm);pointer-events:none;z-index:1;width:1px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.SliderDropdown-module_KavfqG_slider{z-index:2;appearance:none;border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:3px;margin:0;position:relative;background:0 0!important}.SliderDropdown-module_KavfqG_slider::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:0 0;height:3px}.SliderDropdown-module_KavfqG_slider::-moz-range-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--text) 8%, transparent);height:3px}.SliderDropdown-module_KavfqG_slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--text);width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--bg) 35%, transparent), 0 1px 4px color-mix(in srgb, var(--bg) 50%, transparent);cursor:grab;margin-top:calc(-1 * var(--space-1));border:none;transition:transform .12s,background .12s}.SliderDropdown-module_KavfqG_slider::-webkit-slider-thumb:hover{background:var(--accent);transform:scale(1.15)}.SliderDropdown-module_KavfqG_slider::-webkit-slider-thumb:active{cursor:grabbing;background:var(--accent);transform:scale(1.1)}.SliderDropdown-module_KavfqG_slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--text);width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--bg) 35%, transparent), 0 1px 4px color-mix(in srgb, var(--bg) 50%, transparent);cursor:grab;border:none}.SliderDropdown-module_KavfqG_value{box-sizing:border-box;height:30px;font-size:var(--text-xs);color:var(--text);width:60px;margin-left:var(--space-2);text-align:right;font-variant-numeric:tabular-nums;background:var(--hover-surface);border-radius:var(--radius-sm);padding:0 var(--space-2);cursor:text;appearance:textfield;border:1px solid #0000;outline:none;flex:0 0 60px;font-family:inherit;font-weight:600;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s}.SliderDropdown-module_KavfqG_value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.SliderDropdown-module_KavfqG_value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.SliderDropdown-module_KavfqG_value:hover{background:var(--surface-2)}.SliderDropdown-module_KavfqG_value:focus{background:var(--surface-2);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}