.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:where(.pqc-root){--pqc-_surface: var(--pqc-surface, #ffffff);--pqc-_bg: var(--pqc-bg, #f1f2f4);--pqc-_text: var(--pqc-text, #1a1d21);--pqc-_muted: var(--pqc-muted, #6b7280);--pqc-_border: var(--pqc-border, #d4d7dd);--pqc-_accent: var(--pqc-accent, #f97316);--pqc-_thumb-ring: var(--pqc-thumb-ring, #ffffff);--pqc-_font-mono: var(--pqc-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace);--pqc-_radius: var(--pqc-radius, .5rem);--pqc-_radius-sm: var(--pqc-radius-sm, .375rem);--pqc-_gap: var(--pqc-gap, .625rem);--pqc-_font-size: var(--pqc-font-size, .75rem);--pqc-_sv-height: var(--pqc-sv-height, 120px);--pqc-_hue-height: var(--pqc-hue-height, .75rem);--pqc-_track-height: var(--pqc-track-height, .5rem);--pqc-_thumb-size: var(--pqc-thumb-size, .875rem);--pqc-_swatch-size: var(--pqc-swatch-size, 1.25rem);--pqc-_focus-width: var(--pqc-focus-width, 2px);--pqc-_checker: var(--pqc-checker, #c9ccd1);display:flex;flex-direction:column;gap:var(--pqc-_gap);user-select:none;-webkit-user-select:none}.pqc-root *,.pqc-root *:before,.pqc-root *:after{box-sizing:border-box}.pqc-sv{position:relative;width:100%;height:var(--pqc-_sv-height);border-radius:var(--pqc-_radius-sm);overflow:hidden;cursor:crosshair;touch-action:none;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--pqc-_hue))}.pqc-sv:focus-visible,.pqc-hue:focus-visible,.pqc-alpha:focus-visible,.pqc-slider:focus-visible{outline:var(--pqc-_focus-width) solid var(--pqc-_accent);outline-offset:2px}.pqc-tab:focus-visible{outline:var(--pqc-_focus-width) solid var(--pqc-_accent);outline-offset:-2px}.pqc-sv-thumb{position:absolute;left:var(--pqc-_x);top:var(--pqc-_y);width:var(--pqc-_thumb-size);height:var(--pqc-_thumb-size);transform:translate(-50%,-50%);border-radius:9999px;border:2px solid var(--pqc-_thumb-ring);box-shadow:0 0 0 1px #00000059;pointer-events:none}.pqc-hue{position:relative;width:100%;height:var(--pqc-_hue-height);border-radius:9999px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pqc-hue-thumb{position:absolute;left:var(--pqc-_x);top:50%;width:calc(var(--pqc-_thumb-size) + .125rem);height:calc(var(--pqc-_thumb-size) + .125rem);transform:translate(-50%,-50%);border-radius:9999px;border:2px solid var(--pqc-_thumb-ring);box-shadow:0 0 0 1px #00000059;background:var(--pqc-_hue);pointer-events:none}.pqc-alpha{background-color:var(--pqc-_surface);background-image:linear-gradient(45deg,var(--pqc-_checker) 25%,transparent 25%,transparent 75%,var(--pqc-_checker) 75%),linear-gradient(45deg,var(--pqc-_checker) 25%,transparent 25%,transparent 75%,var(--pqc-_checker) 75%);background-size:8px 8px;background-position:0 0,4px 4px}.pqc-swatch-checker,.pqc-hex-swatch-checker{position:absolute;inset:0;width:100%;height:100%;background-color:var(--pqc-_surface);background-image:linear-gradient(45deg,var(--pqc-_checker) 25%,transparent 25%,transparent 75%,var(--pqc-_checker) 75%),linear-gradient(45deg,var(--pqc-_checker) 25%,transparent 25%,transparent 75%,var(--pqc-_checker) 75%);background-size:8px 8px;background-position:0 0,4px 4px}.pqc-alpha{position:relative;width:100%;height:var(--pqc-_hue-height);border-radius:9999px;cursor:pointer;touch-action:none}.pqc-alpha-fill{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to right,rgb(var(--pqc-_rgb) / 0),rgb(var(--pqc-_rgb)))}.pqc-alpha-thumb{position:absolute;left:var(--pqc-_x);top:50%;width:calc(var(--pqc-_thumb-size) + .125rem);height:calc(var(--pqc-_thumb-size) + .125rem);transform:translate(-50%,-50%);border-radius:9999px;border:2px solid var(--pqc-_thumb-ring);box-shadow:0 0 0 1px #00000059;pointer-events:none}.pqc-tabs{display:flex;gap:.125rem;padding:.125rem;background:var(--pqc-_bg);border:1px solid var(--pqc-_border);border-radius:var(--pqc-_radius)}.pqc-tab{flex:1 1 0%;padding:.25rem 0;border:none;background:transparent;border-radius:var(--pqc-_radius-sm);color:var(--pqc-_muted);font-family:var(--pqc-_font-mono);font-size:var(--pqc-_font-size);line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;transition:color .12s ease,background-color .12s ease}.pqc-tab:hover{color:var(--pqc-_text)}.pqc-tab--active{background:var(--pqc-_surface);color:var(--pqc-_text);box-shadow:0 1px 2px #0000000f}.pqc-mode{display:flex;flex-direction:column;gap:.5rem}.pqc-hex-row{display:flex;align-items:center;gap:.5rem}.pqc-hex-swatch{position:relative;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:var(--pqc-_radius-sm);border:2px solid var(--pqc-_border);overflow:hidden}.pqc-hex-swatch-fill{position:absolute;inset:0;width:100%;height:100%;background:var(--pqc-_fill)}.pqc-hex-opacity{font-family:var(--pqc-_font-mono);font-size:var(--pqc-_font-size);color:var(--pqc-_muted);flex-shrink:0;min-width:2.5rem;text-align:right}.pqc-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--pqc-_border);border-radius:var(--pqc-_radius-sm);background:var(--pqc-_bg);color:var(--pqc-_muted);cursor:pointer;transition:color .12s ease}.pqc-icon-btn:hover{color:var(--pqc-_text)}.pqc-icon-btn:focus-visible{outline:var(--pqc-_focus-width) solid var(--pqc-_accent);outline-offset:1px}.pqc-hex-field{display:flex;align-items:center;flex:1 1 0%;min-width:0;gap:.25rem;padding:.375rem .625rem;background:var(--pqc-_bg);border:1px solid var(--pqc-_border);border-radius:var(--pqc-_radius)}.pqc-hex-hash{font-family:var(--pqc-_font-mono);font-size:var(--pqc-_font-size);color:var(--pqc-_muted)}.pqc-hex-input{flex:1 1 0%;min-width:0;background:transparent;border:none;outline:none;font-family:var(--pqc-_font-mono);font-size:var(--pqc-_font-size);color:var(--pqc-_text)}.pqc-channel-row{display:flex;align-items:center;gap:.5rem}.pqc-channel-label{width:1rem;text-align:center;font-family:var(--pqc-_font-mono);font-size:var(--pqc-_font-size);font-weight:700;-webkit-user-select:none;user-select:none}.pqc-channel-input{width:2.25rem;text-align:right;background:transparent;border:none;outline:none;font-family:var(--pqc-_font-mono);font-size:var(--pqc-_font-size);color:var(--pqc-_text)}.pqc-slider{position:relative;flex:1 1 0%;height:var(--pqc-_track-height);border-radius:9999px;cursor:pointer;touch-action:none;background:var(--pqc-_grad)}.pqc-slider-thumb{position:absolute;left:var(--pqc-_x);top:50%;width:var(--pqc-_thumb-size);height:var(--pqc-_thumb-size);transform:translate(-50%,-50%);border-radius:9999px;border:2px solid var(--pqc-_thumb-ring);box-shadow:0 0 0 1px #0000004d;pointer-events:none}.pqc-swatches{display:flex;flex-direction:column;gap:.375rem}.pqc-swatches-label{font-family:var(--pqc-_font-mono);font-size:.6875rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--pqc-_muted)}.pqc-swatch-grid{display:flex;flex-wrap:wrap;gap:.25rem}.pqc-swatch{position:relative;width:var(--pqc-_swatch-size);height:var(--pqc-_swatch-size);padding:0;flex-shrink:0;border-radius:var(--pqc-_radius-sm);border:2px solid var(--pqc-_border);overflow:hidden;cursor:pointer;transition:transform .1s ease}.pqc-swatch-fill{position:absolute;inset:0;width:100%;height:100%;background:var(--pqc-_fill)}.pqc-swatch:hover{transform:scale(1.12)}.pqc-swatch:focus-visible{outline:var(--pqc-_focus-width) solid var(--pqc-_accent);outline-offset:1px}.pqc-swatch--selected{box-shadow:0 0 0 1px var(--pqc-_surface),0 0 0 3px var(--pqc-_accent)}.pqc-dark{--pqc-surface: #2a2d31;--pqc-bg: #1a1d21;--pqc-text: #e6e8eb;--pqc-muted: #9aa0a6;--pqc-border: #3a3d42;--pqc-thumb-ring: #e6e8eb;--pqc-checker: #3f434a}:where(.paw-window){--paw-_surface: var(--paw-surface, #fff);--paw-_body-bg: var(--paw-body-bg, #f7f7f8);--paw-_border: var(--paw-border, #e2e2e2);--paw-_text: var(--paw-text, #1a1a1a);--paw-_muted: var(--paw-muted, #6b7280);--paw-_accent: var(--paw-accent, #f97316);--paw-_radius: var(--paw-radius, 12px);--paw-_radius-sm: var(--paw-radius-sm, 6px);--paw-_shadow: var(--paw-shadow, 0 18px 48px rgba(0, 0, 0, .34));--paw-_z: var(--paw-z, 9000);--paw-_font: var(--paw-font, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);--paw-_animation: var(--paw-animation, paw-window-in .13s ease-out both);--paw-_close-hover: var(--paw-close-hover, rgba(0, 0, 0, .06));--paw-_grip: var(--paw-grip, var(--paw-_border));--paw-_dim-opacity: var(--paw-dim-opacity, .6)}.paw-window{position:fixed;z-index:var(--paw-_z);box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--paw-_border);border-radius:var(--paw-_radius);background:var(--paw-_surface);box-shadow:var(--paw-_shadow);color:var(--paw-_text);overflow:hidden;animation:var(--paw-_animation);transition:opacity .12s ease}.paw-window:focus{outline:none}.paw-window-no-anim{animation:none}.paw-window-dimmed{opacity:var(--paw-_dim-opacity)}.paw-window-titlebar{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.5rem .55rem .5rem .75rem;border-bottom:1px solid var(--paw-_border);background:var(--paw-_surface);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.paw-window-titlebar:active{cursor:grabbing}.paw-window-icon{display:inline-flex;flex:0 0 auto;color:var(--paw-_accent)}.paw-window-title{flex:1 1 auto;min-width:0;font-family:var(--paw-_font);font-size:.82rem;font-weight:600;color:var(--paw-_text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paw-window-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border-radius:var(--paw-_radius-sm);border:none;background:transparent;color:var(--paw-_muted);cursor:pointer;transition:background .12s,color .12s}.paw-window-close:hover{background:var(--paw-_close-hover);color:var(--paw-_text)}.paw-window-body{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-gutter:stable both-edges;padding:.85rem .95rem;background:var(--paw-_body-bg)}.paw-window-resize{position:absolute;right:2px;bottom:2px;width:16px;height:16px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 0 45%,var(--paw-_grip) 45% 55%,transparent 55% 68%,var(--paw-_grip) 68% 78%,transparent 78%)}.paw-window-sheet{top:3vh;left:3vw;width:94vw;height:94vh}.paw-window-sheet .paw-window-titlebar{cursor:default}@keyframes paw-window-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.paw-window{animation:none}}.paw-dark{--paw-surface: #1e1e22;--paw-body-bg: #17171a;--paw-border: #34343a;--paw-text: #f2f2f3;--paw-muted: #9a9aa2;--paw-accent: #f97316;--paw-shadow: 0 18px 48px rgba(0, 0, 0, .6);--paw-close-hover: rgba(255, 255, 255, .08)}