@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_framed{min-height:max(var(--tap-min), 2.25rem);padding:calc(var(--space-2) * var(--density)) calc(var(--space-3) * var(--density));background:var(--surface);border-color:var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-md);line-height:var(--leading-tight)}.color-input-module_5GI8YW_framed[aria-expanded=true]{background:var(--surface);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@media (any-hover:hover){.color-input-module_5GI8YW_framed:hover:not([aria-expanded=true]){background:var(--surface);border-color:var(--text-faint)}}.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);flex-shrink:0;width:18px;height:18px;position:relative;overflow:hidden}.color-input-module_5GI8YW_swatch:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border-strong);pointer-events:none;position:absolute;inset:0}.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,.color-input-module_5GI8YW_panel{gap:var(--space-2);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.color-input-module_5GI8YW_popover{z-index:70;width:232px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);opacity:0;transition:opacity var(--dur-fast) var(--ease), translate var(--dur-fast) var(--ease-out);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{--h:1.875rem;justify-content:center;align-items:center;gap:var(--space-1);box-sizing:border-box;min-height:max(var(--tap-min), var(--h));padding:0 calc(var(--space-2) * var(--density));border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;outline:none;margin:0;font-weight:500;display:inline-flex}@media (any-hover:hover){.SliderDropdown-module_KavfqG_control:hover{border-color:var(--border-strong);color:var(--text)}}.SliderDropdown-module_KavfqG_control:focus-visible{box-shadow:var(--focus-ring)}.SliderDropdown-module_KavfqG_control:disabled{cursor:not-allowed;opacity:.45}.SliderDropdown-module_KavfqG_controlSquare{width:max(var(--tap-min), var(--h));min-width:max(var(--tap-min), var(--h));flex:none;padding:0}.SliderDropdown-module_KavfqG_controlActive{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}@media (any-hover:hover){.SliderDropdown-module_KavfqG_controlActive:hover{border-color:var(--accent);color:var(--accent)}}.SliderDropdown-module_KavfqG_popup{z-index:1100;align-items:center;gap:var(--space-2);min-width:260px;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--overlay-radius);box-shadow:var(--shadow-2);display:flex}.SliderDropdown-module_KavfqG_popupColumn{align-items:stretch;gap:var(--space-3);width:340px;padding:var(--space-3);flex-direction:column}.SliderDropdown-module_KavfqG_popupMenu{padding:var(--space-1);flex-direction:column;align-items:stretch;gap:0;min-width:120px;max-height:260px;overflow-y:auto}.SliderDropdown-module_KavfqG_menuItem{min-height:max(var(--tap-min), 2rem);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;font-weight:500;display:flex}@media (any-hover:hover){.SliderDropdown-module_KavfqG_menuItem:hover{background:var(--hover-surface)}}.SliderDropdown-module_KavfqG_menuItemActive{background:var(--accent-soft);color:var(--accent)}@media (any-hover:hover){.SliderDropdown-module_KavfqG_menuItemActive:hover{background:var(--accent-soft)}}.SliderDropdown-module_KavfqG_sliderWrap{min-height:max(var(--tap-min), 1.875rem);flex:1;align-items:center;display:flex;position:relative}.SliderDropdown-module_KavfqG_trackArea{border-radius:var(--radius-full);pointer-events:none;height:6px;position:absolute;top:50%;left:.5625rem;right:.5625rem;transform:translateY(-50%)}.SliderDropdown-module_KavfqG_centerMarker{background:var(--text-faint);border-radius:var(--radius-full);pointer-events:none;z-index:1;width:2px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.SliderDropdown-module_KavfqG_slider{z-index:2;width:100%;height:max(var(--tap-min), 1.875rem);appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;outline:none;margin:0;position:relative}.SliderDropdown-module_KavfqG_slider::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:0 0;height:6px}.SliderDropdown-module_KavfqG_slider::-moz-range-track{border-radius:var(--radius-full);background:0 0;height:6px}.SliderDropdown-module_KavfqG_slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--surface);border:2px solid var(--accent);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-1);cursor:grab;transition:scale var(--dur-fast) var(--ease-out);margin-top:-.375rem}.SliderDropdown-module_KavfqG_slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--surface);border:2px solid var(--accent);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-1);cursor:grab}.SliderDropdown-module_KavfqG_slider:active::-webkit-slider-thumb{cursor:grabbing;scale:1.15}.SliderDropdown-module_KavfqG_slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.SliderDropdown-module_KavfqG_slider:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}.SliderDropdown-module_KavfqG_value{box-sizing:border-box;width:3.5rem;min-height:max(var(--tap-min), 1.875rem);margin-left:var(--space-2);padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:right;cursor:text;appearance:textfield;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);outline:none;flex:0 0 3.5rem;font-weight:500;line-height:1}.SliderDropdown-module_KavfqG_value::-webkit-outer-spin-button{appearance:none;margin:0}.SliderDropdown-module_KavfqG_value::-webkit-inner-spin-button{appearance:none;margin:0}@media (any-hover:hover){.SliderDropdown-module_KavfqG_value:hover{border-color:var(--text-faint)}}.SliderDropdown-module_KavfqG_value:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}