.hsv-color-picker{display:flex;flex-direction:column;gap:.55em}.hsv-color-picker-sv{position:relative;width:100%;height:7.5em;border:1px solid var(--os-text-disabled);background:linear-gradient(to top,var(--os-bg-root),transparent),linear-gradient(to right,var(--os-accent),transparent),var(--hsv-picker-hue, #ff0000);cursor:crosshair;touch-action:none}.hsv-color-picker-sv-thumb{position:absolute;width:.72em;height:.72em;border:2px solid var(--os-accent);border-radius:50%;box-shadow:0 0 0 1px var(--os-inset-shadow);transform:translate(-50%,-50%);pointer-events:none}.hsv-color-picker-hue{position:relative;width:100%;height:.72em;border:1px solid var(--os-text-disabled);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:ew-resize;touch-action:none}.hsv-color-picker-hue-thumb{position:absolute;top:50%;width:.42em;height:calc(100% + .3em);border:2px solid var(--os-accent);box-shadow:0 0 0 1px var(--os-inset-shadow);transform:translate(-50%,-50%);pointer-events:none}.hsv-color-picker-meta{display:flex;align-items:center;gap:.5em}.hsv-color-picker-swatch{width:1.35em;height:1.35em;border:1px solid var(--os-border-soft);background:var(--hsv-picker-current, var(--os-accent));flex-shrink:0}.hsv-color-picker-hex{margin:0;font-size:.62em;letter-spacing:.06em;color:var(--os-text-muted);text-transform:lowercase}.color-picker-popover{position:relative;display:inline-flex}.color-picker-popover-trigger{width:1.35em;height:1.35em;padding:0;border:1px solid var(--os-accent-muted);background:var(--os-bg-elevated);cursor:pointer;box-shadow:1.5px 1.5px 0 0 var(--os-shadow-soft);display:inline-flex;align-items:center;justify-content:center}.color-picker-popover-trigger:hover{border-color:var(--os-text-faint)}.color-picker-popover-trigger:active{transform:translate(1px,1px);box-shadow:none}.color-picker-popover-swatch{width:.82em;height:.82em;border:1px solid var(--os-shadow-window);background:var(--color-picker-popover-value, var(--os-accent))}.color-picker-popover-panel{position:fixed;z-index:10050;font-size:calc(16px * var(--os-ui-scale, 1));width:min(14.5em,calc(100vw - 1.5em));padding:.55em;border:1px solid var(--os-scrollbar);background:#121212;box-shadow:2px 2px 0 0 var(--os-shadow-window);pointer-events:auto}.sketchbook-settings-panel{display:flex;flex-direction:column;gap:.55em;padding:.75em .85em .9em;max-height:min(62vh,28em);overflow-y:auto;font-family:Share Tech Mono,monospace;color:var(--os-text-muted)}.sketchbook-settings-section{display:flex;flex-direction:column;gap:.45em}.sketchbook-settings-section-title{margin:0;font-size:.62em;letter-spacing:.08em;text-transform:lowercase;color:var(--os-text-faint)}.sketchbook-settings-section-note{margin:0;font-size:.56em;line-height:1.4;letter-spacing:.03em;color:var(--os-text-dim)}.sketchbook-settings-field{display:grid;grid-template-columns:1fr auto;gap:.2em .45em;align-items:center}.sketchbook-settings-field label{font-size:.62em;letter-spacing:.04em;color:var(--os-text-muted);text-transform:lowercase}.sketchbook-settings-field output{font-size:.6em;color:var(--os-text-faint)}.sketchbook-settings-field--with-color{grid-template-columns:1fr auto}.sketchbook-settings-field-tools{display:inline-flex;align-items:center;gap:.35em}.sketchbook-settings-field .os-range-slider-wrap{grid-column:1 / -1}.sketchbook-settings-actions-group{display:flex;flex-direction:column;gap:.35em;margin-top:.5em;padding-top:.5em;border-top:1px dashed var(--os-border-soft)}.sketchbook-settings-action-row{display:flex;align-items:center;gap:.35em}.sketchbook-settings-action-label{font-size:.62em;color:var(--os-text-muted);letter-spacing:.04em;width:5.5em;text-transform:lowercase}.sketchbook-settings-btn{border:1px solid var(--os-border-soft);background:var(--os-bg-elevated);color:var(--os-text-muted);font:inherit;font-size:.65em;letter-spacing:.04em;padding:.42em .5em;cursor:pointer;box-shadow:1px 1px 0 0 var(--os-shadow-window);text-align:center;text-transform:lowercase}.sketchbook-settings-btn:hover{border-color:var(--os-border);background-color:var(--os-bg-elevated-hover)}.sketchbook-settings-btn:active{transform:translate(1px,1px);box-shadow:none}.sketchbook-settings-btn:focus-visible{outline:1px solid var(--os-border);outline-offset:1px}.sketchbook-settings-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.sketchbook-settings-action-row .sketchbook-settings-btn{flex:1;padding:.25em .4em}.sketchbook-settings-status{font-size:.62em;color:var(--os-text-muted);text-align:center;margin-top:.2em;letter-spacing:.04em}