: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,0.5rem);--pqc-_radius-sm:var(--pqc-radius-sm,0.375rem);--pqc-_gap:var(--pqc-gap,0.625rem);--pqc-_font-size:var(--pqc-font-size,0.75rem);--pqc-_sv-height:var(--pqc-sv-height,120px);--pqc-_hue-height:var(--pqc-hue-height,0.75rem);--pqc-_track-height:var(--pqc-track-height,0.5rem);--pqc-_thumb-size:var(--pqc-thumb-size,0.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 :after,.pqc-root :before{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-alpha:focus-visible,.pqc-hue:focus-visible,.pqc-slider:focus-visible,.pqc-sv: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 rgba(0,0,0,.35);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(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.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 rgba(0,0,0,.35);background:var(--pqc-_hue);pointer-events:none}.pqc-alpha,.pqc-hex-swatch-checker,.pqc-swatch-checker{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-hex-swatch-checker,.pqc-swatch-checker{position:absolute;inset:0;width:100%;height:100%}.pqc-alpha{position:relative;width:100%;height:var(--pqc-_hue-height);border-radius:9999px;cursor:pointer;touch-action:none}.pqc-alpha-fill{inset:0;border-radius:inherit;background:linear-gradient(to right,rgb(var(--pqc-_rgb)/0),rgb(var(--pqc-_rgb)))}.pqc-alpha-fill,.pqc-alpha-thumb{position:absolute;pointer-events:none}.pqc-alpha-thumb{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 rgba(0,0,0,.35)}.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--active,.pqc-tab:hover{color:var(--pqc-_text)}.pqc-tab--active{background:var(--pqc-_surface);box-shadow:0 1px 2px rgba(0,0,0,.06)}.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);min-width:2.5rem;text-align:right}.pqc-hex-opacity,.pqc-icon-btn{color:var(--pqc-_muted);flex-shrink:0}.pqc-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--pqc-_border);border-radius:var(--pqc-_radius-sm);background:var(--pqc-_bg);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{color:var(--pqc-_muted)}.pqc-hex-hash,.pqc-hex-input{font-family:var(--pqc-_font-mono);font-size:var(--pqc-_font-size)}.pqc-hex-input{flex:1 1 0%;min-width:0;background:transparent;border:none;outline:none;color:var(--pqc-_text)}.pqc-channel-row{display:flex;align-items:center;gap:.5rem}.pqc-channel-label{width:1rem;text-align:center;font-weight:700;user-select:none}.pqc-channel-input,.pqc-channel-label{font-family:var(--pqc-_font-mono);font-size:var(--pqc-_font-size)}.pqc-channel-input{width:2.25rem;text-align:right;background:transparent;border:none;outline:none;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 rgba(0,0,0,.3);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,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 130ms ease-out both);--paw-_close-hover:var(--paw-close-hover,rgba(0,0,0,0.06));--paw-_grip:var(--paw-grip,var(--paw-_border));--paw-_dim-opacity:var(--paw-dim-opacity,0.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;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,0.6);--paw-close-hover:rgba(255,255,255,0.08)}