@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap";@font-face{font-family:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/colorwalk/assets/doto-latin-wght-normal-DtlIPefW.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.lineage-propagation-layer,.node-propagation-cue{pointer-events:none}.lineage-propagation-label{fill:var(--cw-ink-strong);font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:-.02em;paint-order:stroke;stroke:#fffffff0;stroke-linejoin:round;stroke-width:4px}.node-propagation-cue{fill:none;opacity:0;stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.color-canvas.is-lineage-propagating .color-node.is-propagation-unrelated{opacity:.1}.color-canvas.is-lineage-propagating .color-link:not(.is-propagation-edge),.color-canvas.is-lineage-propagating .color-link-direction:not(.is-propagation-edge),.color-canvas.is-lineage-propagating .color-link-selection{opacity:.08}.canvas-surface.is-color-map .color-canvas.is-lineage-propagating .color-link.is-propagation-edge{opacity:.94;stroke-width:2.5px;filter:drop-shadow(0 1px 2px rgb(23 23 20 / 20%))}.canvas-surface.is-color-map .color-canvas.is-lineage-propagating .color-link-direction.is-propagation-edge{fill:#171714d1;opacity:1;stroke:#fff;stroke-width:1.25px}.color-canvas.is-lineage-propagating :is(.is-propagation-source,.is-propagation-descendant) .node-propagation-cue{opacity:.58}.color-canvas.is-lineage-propagating .is-propagation-source .node-propagation-cue{opacity:.92;stroke-width:2px}.color-canvas.is-lineage-settling .color-node.is-propagation-settling .node-propagation-cue{animation:lineage-node-settle var(--cw-duration-spatial) var(--cw-ease-ui) both;animation-delay:calc(var(--lineage-depth, 0) * var(--cw-duration-press))}.color-canvas.is-lineage-settling .color-link.is-propagation-edge,.color-canvas.is-lineage-settling .color-link-direction.is-propagation-edge{animation:lineage-edge-settle var(--cw-duration-spatial) var(--cw-ease-ui) both;animation-delay:calc(var(--lineage-depth, 0) * var(--cw-duration-press))}.lineage-propagation-label.is-settling{animation:lineage-label-settle var(--cw-duration-spatial) var(--cw-ease-fade) both;animation-delay:calc(var(--lineage-depth, 0) * var(--cw-duration-press))}@keyframes lineage-node-settle{0%{opacity:0;r:11px}38%{opacity:.82}to{opacity:0;r:18px}}@keyframes lineage-edge-settle{0%,to{filter:none}38%{filter:drop-shadow(0 0 3px rgb(255 255 255 / 84%))}}@keyframes lineage-label-settle{0%,44%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.color-canvas.is-lineage-propagating .color-node,.color-canvas.is-lineage-propagating .color-link,.color-canvas.is-lineage-propagating .color-link-direction,.node-propagation-cue,.lineage-propagation-label{transition:none;animation:none}}.relationship-empty-state{display:grid;place-content:center;justify-items:center;gap:16px;min-height:0;padding:clamp(24px,8vw,72px);text-align:center}.relationship-empty-swatch{position:relative;width:88px;height:56px}.relationship-empty-swatch span{position:absolute;inset:0 auto auto 0;width:56px;height:56px;box-sizing:border-box;border:1px solid rgb(0 0 0 / 10%);border-radius:50%}.relationship-empty-swatch span:last-child{inset:0 0 auto auto;border-style:dashed;border-color:#3131303d;background:transparent}.relationship-empty-state>div:nth-child(2){display:grid;gap:6px;max-width:330px}.relationship-empty-state strong{font:700 14px Doto Variable,IBM Plex Mono,monospace}.relationship-empty-state p{margin:0;color:#313130a8;font-size:10px;line-height:1.55}.relationship-empty-state code{color:#31313094;font:9px IBM Plex Mono,monospace}.relationship-pair-specimen{display:grid;grid-template-rows:auto minmax(96px,1fr) auto;gap:clamp(14px,3vw,28px);min-width:0;min-height:0;padding:clamp(18px,4vw,44px);overflow:auto}.relationship-pair-colors{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}.relationship-pair-colors>span{color:#3131306b;font-size:12px}.relationship-pair-colors .relationship-color-header{grid-template-columns:12px auto 1fr;height:auto;padding:0}.relationship-pair-colors .relationship-color-header:last-child{direction:rtl}.relationship-pair-colors .relationship-color-header:last-child>*{direction:ltr}.relationship-pair-colors .relationship-color-header code{grid-column:auto;color:#313130ad;font-size:9px}.relationship-pair-blend{display:grid;grid-template-rows:minmax(80px,1fr) auto;gap:6px;min-height:0}.relationship-pair-gradient{position:relative;min-height:80px;border:1px solid rgb(0 0 0 / 9%);border-radius:8px}.relationship-pair-midpoint-marker{position:absolute;left:50%;bottom:-5px;width:13px;height:13px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000003d;transform:translate(-50%)}.relationship-pair-scale{display:grid;grid-template-columns:1fr 1fr 1fr;color:#31313085;font-size:8px;font-variant-numeric:tabular-nums}.relationship-pair-scale span:nth-child(2){text-align:center}.relationship-pair-scale span:last-child{text-align:right}.relationship-pair-measures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid rgb(0 0 0 / 10%);border-bottom:1px solid rgb(0 0 0 / 10%)}.relationship-pair-measures>div{min-width:0;padding:11px 12px 12px;border-right:1px solid rgb(0 0 0 / 8%)}.relationship-pair-measures>div:first-child{padding-left:0}.relationship-pair-measures>div:last-child{padding-right:0;border-right:0}.relationship-pair-measures dt{margin-bottom:8px;color:#31313094;font-size:8px}.relationship-pair-measures dd{display:flex;align-items:center;gap:6px;margin:0;font-size:clamp(11px,1.5vw,16px);font-variant-numeric:tabular-nums;font-weight:560;white-space:nowrap}.relationship-pair-measures dd span{width:11px;height:11px;flex:0 0 auto;border:1px solid rgb(0 0 0 / 12%);border-radius:50%}.relationship-pair-measures code{overflow:hidden;font:inherit;text-overflow:ellipsis}.relationship-pair-measures small{display:block;margin-top:3px;color:#3131309e;font-size:8px}@media(max-width:620px){.relationship-pair-specimen{grid-template-rows:auto minmax(92px,1fr) auto;gap:14px;padding:14px}.relationship-pair-colors .relationship-color-header{grid-template-columns:12px auto}.relationship-pair-colors .relationship-color-header code{grid-column:1 / -1}.relationship-pair-measures{grid-template-columns:repeat(2,minmax(0,1fr))}.relationship-pair-measures>div,.relationship-pair-measures>div:first-child,.relationship-pair-measures>div:last-child{padding:9px 10px 10px;border-right:1px solid rgb(0 0 0 / 8%);border-bottom:1px solid rgb(0 0 0 / 8%)}.relationship-pair-measures>div:nth-child(2n){border-right:0}.relationship-pair-measures>div:nth-last-child(-n+2){border-bottom:0}}:root{--cw-surface-app: #ececea;--cw-surface-canvas: #fff;--cw-surface-window: #f7f7f4;--cw-surface-chrome: #dededb;--cw-surface-panel: #f4f4f1;--cw-surface-raised: #fff;--cw-ink-strong: #171714;--cw-ink: #313130;--cw-ink-muted: rgb(49 49 48 / 72%);--cw-ink-subtle: rgb(49 49 48 / 52%);--cw-ink-placeholder: rgb(49 49 48 / 34%);--cw-line-soft: rgb(0 0 0 / 8%);--cw-line: rgb(0 0 0 / 12%);--cw-line-strong: rgb(0 0 0 / 18%);--cw-danger: #94362e;--cw-radius-inner: 4px;--cw-radius-control: 6px;--cw-radius-panel: 8px;--cw-radius-window: 12px;--cw-control-height: 31px;--cw-control-hit-touch: 44px;--cw-shadow-control: 0 1px 3px rgb(0 0 0 / 10%);--cw-shadow-popover: 0 8px 24px rgb(0 0 0 / 14%);--cw-shadow-window: 0 22px 54px rgb(0 0 0 / 13%), 0 2px 7px rgb(0 0 0 / 8%);--cw-duration-press: .11s;--cw-duration-fast: .16s;--cw-duration-ui: .22s;--cw-duration-spatial: .32s;--cw-duration-entrance: .48s;--cw-duration-ambient: .76s;--cw-ease-ui: cubic-bezier(.32, 0, .2, 1);--cw-ease-fade: cubic-bezier(.2, 0, 0, 1);--warm-shadow: 76 35 42}@font-face{font-family:Colorwalk Heavy Data;src:local("HeavyData Nerd Font"),local("HeavyDataNerdFont-Regular"),local("HeavyData Nerd Font Propo");font-display:swap}:root{color:var(--cw-ink-strong);background:var(--cw-surface-canvas);font-family:IBM Plex Mono,ui-monospace,monospace;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}main{position:relative;isolation:isolate}.doto-pixel-shape{fill:var(--doto-shape-fill, currentcolor);rx:var(--doto-shape-radius, 0px);ry:var(--doto-shape-radius, 0px);shape-rendering:geometricPrecision;transition:fill var(--cw-duration-fast) var(--cw-ease-fade),rx var(--cw-duration-ui) var(--cw-ease-ui),ry var(--cw-duration-ui) var(--cw-ease-ui)}.doto-pixel-text.is-hover-reactive{display:block;overflow:visible}.doto-brand-wordmark{display:flex;flex:0 0 auto;align-items:center;font-family:Doto Variable,monospace;font-weight:700;line-height:1;white-space:nowrap}.doto-brand-wordmark.is-landing{width:78px;height:18px;font-size:15px}.doto-brand-wordmark.is-toolbar{width:66px;height:16px;font-size:13px}.doto-study-title{width:min(100%,390px);height:auto;overflow:visible}.colorwalk-app{overflow:hidden;background:#fff}body{background:#fff;overscroll-behavior:none}.flat-color-map{position:absolute;top:calc(50% - 27px);left:50%;z-index:0;width:min(68vw,calc((100vh - 54px)*.68));min-width:144px;aspect-ratio:1;background:radial-gradient(circle,#fff 0 4%,#ffffffeb 10%,#ffffffb3 20%,#ffffff57 32%,#fff0 46%),conic-gradient(from 90deg,#ff1744,#ff7138,#ffd83d,#aee83d,#38e64d,#2ee69b,#2ce4ee,#3298f4,#3d54ff,#8548f2,#c544ed,#ef3ca3,#ff1744);border-radius:50%;filter:saturate(1.04);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.84);transition:opacity var(--cw-duration-ambient) var(--cw-ease-fade),transform var(--cw-duration-entrance) var(--cw-ease-ui);-webkit-mask-image:radial-gradient(circle,#000 0 62%,rgb(0 0 0 / 94%) 74%,transparent 100%);mask-image:radial-gradient(circle,#000 0 62%,rgb(0 0 0 / 94%) 74%,transparent 100%)}.color-space-3d{position:absolute;inset:0;z-index:4;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgb(0 0 0 / 2.5%),transparent 45%),#fff;outline:none;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.color-space-3d:active{cursor:grabbing}.color-space-3d:focus-visible{box-shadow:inset 0 0 0 1px #0000002e}.color-space-3d>svg{display:block;width:100%;height:100%;overflow:visible}.color-space-3d-header{display:grid;position:absolute;top:13px;left:14px;z-index:2;gap:3px;pointer-events:none}.color-space-3d-header span{font-family:Doto Variable,IBM Plex Mono,monospace;font-size:11px;font-weight:700}.color-space-3d-header small{color:#0000006b;font-family:IBM Plex Mono,monospace;font-size:8px}.color-space-3d-reset{display:grid;position:absolute;top:11px;right:12px;z-index:3;width:28px;height:28px;padding:0;place-items:center;color:#252522;background:#ffffffc2;border:1px solid rgb(0 0 0 / 10%);border-radius:6px;cursor:pointer}.color-space-3d-reset svg{width:13px;height:13px;stroke-width:1.6}.gamut-edge-layer path{fill:none;stroke:#1c1c191f;stroke-width:.75;vector-effect:non-scaling-stroke}.gamut-edge-layer{opacity:.34}.gamut-surface-layer circle{vector-effect:non-scaling-stroke}.gamut-surface-layer{opacity:.25;pointer-events:none}.gamut-axis-layer line{stroke:#1c1c192e;stroke-dasharray:2 3;stroke-width:.7;vector-effect:non-scaling-stroke}.gamut-axis-layer text,.gamut-palette-layer text,.palette-shadow-layer text{fill:#1c1c197a;font-family:IBM Plex Mono,monospace;font-size:8px;paint-order:stroke;stroke:#ffffffe0;stroke-width:2.5px}.palette-shadow-layer .palette-shadow-hull{fill:none;stroke:#18181652;stroke-width:1.15;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgb(255 255 255 / 95%))}.palette-shadow-mesh path{opacity:.24;stroke-width:.65px;vector-effect:non-scaling-stroke}.palette-shadow-layer,.gamut-axis-layer,.gamut-edge-layer{pointer-events:none}.palette-shadow-layer circle{stroke:#ffffffe5;stroke-width:1px;vector-effect:non-scaling-stroke}.palette-shadow-layer text{fill:#1818168a;font-size:7px}.palette-body-layer path{stroke-width:.65px;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:crosshair}.palette-body-layer.is-membrane path{opacity:.84}.palette-body-layer.is-volume path{opacity:.48}.palette-body-layer>line:not(.palette-body-edge){stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.palette-body-layer .palette-body-edge{stroke:#1414123d;stroke-width:.9px;vector-effect:non-scaling-stroke}.palette-body-layer .palette-body-edge,.palette-body-layer>line{pointer-events:none}.palette-mix-probe{display:flex;position:absolute;z-index:5;align-items:center;gap:5px;padding:5px 7px;color:#fff;background:#20201e;border-radius:5px;font-family:IBM Plex Mono,monospace;font-size:8px;font-variant-numeric:tabular-nums;pointer-events:none;transform:translate(9px,calc(-100% - 8px));white-space:nowrap}.palette-mix-probe i{width:8px;height:8px;border:1px solid rgb(255 255 255 / 42%);border-radius:50%}.palette-mix-probe small{color:#ffffff85;font:inherit}.gamut-palette-layer circle{stroke:#ffffffeb;stroke-width:2px;vector-effect:non-scaling-stroke}.canvas-surface.is-inspect-view>:is(.color-field-canvas,.color-canvas,.flat-color-map){opacity:0;pointer-events:none}.canvas-surface:is(.is-space-view,.is-data-view)>.color-canvas{visibility:hidden}.canvas-surface.is-color-map .flat-color-map{opacity:.92;transform:translate(-50%,-50%) scale(1)}.css-export-list button{border:0;color:inherit;cursor:pointer;font:inherit}.css-export-list button:focus-visible{outline:1px solid #171714;outline-offset:1px}.css-export-list{display:grid;gap:8px;max-height:calc(min(58vh,480px) - 37px);overflow-y:auto;scrollbar-width:thin}.css-export-section{display:grid;gap:4px}.css-export-section+.css-export-section{padding-top:7px;border-top:1px solid rgb(0 0 0 / 8%)}.css-export-section>header{display:flex;align-items:center;justify-content:space-between;padding:0 2px;color:#31313085;font-size:8px}.css-export-section>header strong{font:inherit}.css-export-section>header span{font-variant-numeric:tabular-nums}.css-export-list article{min-width:0;padding:6px;background:#ffffff7a;border-radius:6px}.css-export-list article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:5px}.css-export-list article>header>span{display:grid;gap:2px}.css-export-list strong{font-weight:500}.css-export-list small{color:#3131307a;font:inherit;font-size:8px}.css-export-list button{display:grid;width:26px;height:24px;padding:0;place-items:center;background:#ffffffb3;border-radius:4px}.css-export-list button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.css-export-list pre{max-height:94px;margin:0;padding:6px;overflow:auto;background:#0000000a;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.css-export-list pre code{color:#313130c2;font-size:8px;line-height:1.35}.css-export-list>p,.css-export-section>p{margin:0;padding:10px 7px;color:#3131307a;line-height:1.35}.node-color-swatch{flex:0 0 15px;width:15px;height:15px;border:1px solid rgb(0 0 0 / 12%);border-radius:50%}@media(max-width:640px){.css-export-list{max-height:183px}}.color-canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none}.color-field-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;opacity:0;background:transparent;pointer-events:none;transition:opacity var(--cw-duration-entrance) var(--cw-ease-fade)}.color-field-canvas.is-visible{opacity:1}.canvas-surface.is-color-map .color-field-canvas{opacity:0}.color-link,.color-link-selection,.ghost-link{fill:none;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}.color-link-selection{opacity:0;stroke:#171714;stroke-width:5px;transition:opacity var(--cw-duration-fast) var(--cw-ease-fade)}.color-link-selection.is-active{opacity:.34}.color-link{opacity:1;transition:opacity var(--cw-duration-ui) var(--cw-ease-ui),stroke var(--cw-duration-ui) var(--cw-ease-ui),stroke-width var(--cw-duration-ui) var(--cw-ease-ui),filter var(--cw-duration-ui) var(--cw-ease-ui)}.color-link.is-active{opacity:1;stroke-width:3;filter:none}.color-link-direction{opacity:.92;stroke:#ffffffd1;stroke-linejoin:round;stroke-width:1.1px;vector-effect:non-scaling-stroke;pointer-events:none;transition:fill var(--cw-duration-ui) var(--cw-ease-ui),opacity var(--cw-duration-fast) var(--cw-ease-fade),stroke var(--cw-duration-fast) var(--cw-ease-fade)}.color-link-direction.is-active{stroke:#171714;stroke-width:1.35px}.canvas-surface.is-color-map .color-link{opacity:.46;stroke:#171714b8!important;stroke-width:1.5}.canvas-surface.is-color-map .color-link.is-selected-bridge{opacity:.92;stroke:#ffffffeb!important;stroke-width:2}.canvas-surface.is-color-map .color-link.is-active{opacity:1;stroke-width:1.5;filter:none}.canvas-surface.is-color-map .color-link-selection{stroke-width:3.5px}.canvas-surface.is-color-map .color-link-direction{fill:#171714b8;opacity:.72;stroke:#ffffffc7}.canvas-surface.is-color-map .color-link-direction.is-selected-bridge{fill:#ffffffeb;opacity:1;stroke:#1717148a}.color-link-hit{fill:none;pointer-events:stroke;stroke:transparent;stroke-width:18;vector-effect:non-scaling-stroke}.color-link-hit:focus-visible{outline:none;stroke:#1717145c;stroke-width:7}.relationship-tooltip-layer{pointer-events:none}.relationship-tooltip{opacity:0;filter:blur(3px);transition:opacity var(--cw-duration-ui) var(--cw-ease-ui),filter var(--cw-duration-ui) var(--cw-ease-ui)}.relationship-tooltip.is-visible{opacity:1;filter:blur(0);transition-duration:var(--cw-duration-fast)}.relationship-tooltip rect{fill:#171714;filter:drop-shadow(0 3px 8px rgb(0 0 0 / 18%))}.relationship-tooltip text{fill:#fff;font-family:IBM Plex Mono,monospace;font-size:9px}.relationship-tooltip-values{opacity:.66}.ghost-link{opacity:.68;stroke:#8b8b87}.wordmark-layer{isolation:isolate;pointer-events:none}.colorwalk-wordmark{fill:#00000012;font-family:Doto Variable,Colorwalk Heavy Data,monospace;font-size:clamp(36px,7vw,72px);font-weight:700;mix-blend-mode:multiply;text-transform:lowercase}.canvas-pixel-grid{opacity:.56;mix-blend-mode:multiply}.canvas-pixel{fill:#17171412;shape-rendering:crispEdges;transition:width var(--cw-duration-fast) var(--cw-ease-ui),height var(--cw-duration-fast) var(--cw-ease-ui),fill var(--cw-duration-ui) var(--cw-ease-ui),opacity var(--cw-duration-fast) var(--cw-ease-fade),transform var(--cw-duration-ui) var(--cw-ease-ui)}.canvas-pixel.is-edge{fill:#1717141c}.canvas-pixel.is-node{fill:#17171442}.canvas-surface.is-color-map .canvas-pixel-grid{opacity:0}@media(min-width:621px){.colorwalk-wordmark{display:none}}@media(max-width:620px){.canvas-pixel-grid{display:none}}.start-cue{color:#313130;opacity:1;pointer-events:none;transition:opacity var(--cw-duration-fast) var(--cw-ease-fade)}.start-cue.is-dismissed{opacity:0}.start-label{fill:currentColor;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400}.color-node{cursor:grab;opacity:1;transition:opacity var(--cw-duration-spatial) var(--cw-ease-fade)}.color-node.is-dragging{cursor:grabbing}.hover-leeway,.node-hit{fill:transparent;stroke:none}.hover-leeway,.node-hit{pointer-events:all}.node-core{r:9px;outline:none;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px rgb(0 0 0 / 10%));transform-box:fill-box;transform-origin:center;transition:r var(--cw-duration-entrance) var(--cw-ease-ui),fill var(--cw-duration-ui) var(--cw-ease-ui),filter var(--cw-duration-ui) var(--cw-ease-ui),stroke var(--cw-duration-ui) var(--cw-ease-ui),stroke-width var(--cw-duration-ui) var(--cw-ease-ui),transform var(--cw-duration-ui) var(--cw-ease-ui)}.canvas-surface.is-color-map .node-core,.canvas-surface.is-color-map .color-node.is-hovered .node-core,.canvas-surface.is-color-map .color-node.is-dragging .node-core{r:6px;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 2px 5px rgb(0 0 0 / 28%))}.canvas-surface.is-color-map .node-source-cue{r:9px}.canvas-surface.is-color-map .node-pin-cue{cx:5px;cy:-5px;r:2px}.color-node.is-hovered .node-core,.color-node.is-connection-source .node-core,.node-core:focus-visible{stroke:#fff;stroke-width:2;filter:drop-shadow(0 3px 9px rgb(0 0 0 / 18%));transform:scale(1.12);transition-duration:var(--cw-duration-ui)}.color-node.is-dragging .node-core{stroke:#fff;stroke-width:2;filter:drop-shadow(0 5px 11px rgb(0 0 0 / 22%));transform:scale(1.18)}.node-source-cue{fill:none;opacity:0;pointer-events:none;stroke:#171714;stroke-width:1;vector-effect:non-scaling-stroke;transition:opacity var(--cw-duration-fast) var(--cw-ease-fade)}.color-node.is-active-source .node-source-cue{opacity:.34}.node-pin-cue{display:none;pointer-events:none}.color-canvas.is-pin-toggle .node-pin-cue{display:block;fill:#171714;opacity:0;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 28%));transition:opacity var(--cw-duration-fast) var(--cw-ease-fade)}.color-canvas.is-pin-toggle .color-node.is-selected .node-pin-cue{opacity:1}.node-actions{--node-action-right-x: 29px;--node-action-left-x: -29px;--node-action-side-y: 14px;--node-action-center-y: 32px;pointer-events:none}.color-node.is-hovered .node-actions,.color-node.is-connection-source .node-actions{pointer-events:auto}.node-action{cursor:pointer;opacity:0;transform-origin:0 0;will-change:opacity,transform;transition:filter var(--cw-duration-fast) var(--cw-ease-ui),opacity var(--cw-duration-fast) var(--cw-ease-fade),transform var(--cw-duration-ui) var(--cw-ease-ui)}.node-action-delete,.node-action-connect,.node-action-random,.node-action-keep{transform:translateY(3px) scale(.62)}.node-action-keep{display:none}.color-node.is-hovered .node-action,.color-node.is-connection-source .node-action{opacity:1;transition:filter var(--cw-duration-fast) var(--cw-ease-ui),opacity var(--cw-duration-fast) var(--cw-ease-fade),transform var(--cw-duration-spatial) var(--cw-ease-ui)}.color-node.is-hovered .node-action-delete,.color-node.is-connection-source .node-action-delete{transform:translate(var(--node-action-right-x),var(--node-action-side-y)) scale(1)}.color-node.is-hovered .node-action-connect,.color-node.is-connection-source .node-action-connect{transform:translateY(var(--node-action-center-y)) scale(1)}.color-node.is-hovered .node-action-random,.color-node.is-connection-source .node-action-random{transform:translate(var(--node-action-left-x),var(--node-action-side-y)) scale(1)}.color-node.is-hovered .node-action-keep,.color-node.is-connection-source .node-action-keep{transform:translateY(var(--node-action-center-y)) scale(1)}.action-hit{fill:transparent;pointer-events:all;stroke:none}.action-surface{fill:var(--node-action-color, #000);stroke:var(--node-action-color, #000);stroke-width:1;filter:drop-shadow(0 1px 4px rgb(0 0 0 / 25%))}.action-symbol{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}path.action-symbol{fill:#fff;stroke:none}.action-symbol-end{fill:#fff;stroke:none}.feather-dice circle{fill:#fff;stroke:none}.node-action :is(.action-surface,.action-symbol,.action-symbol-end){pointer-events:none}.node-action:hover{filter:brightness(1.02)}.node-action:active{filter:brightness(.96)}.ghost-endpoint{fill:none;opacity:.34;stroke-width:1.25;stroke:#8b8b87;vector-effect:non-scaling-stroke;pointer-events:none}.color-tooltip-layer,.direction-preview-layer{pointer-events:none}.direction-preview-node{cursor:pointer;pointer-events:all}.color-code-tooltip rect{fill:#161615eb;filter:drop-shadow(0 5px 16px rgb(0 0 0 / 18%))}.color-code-tooltip{cursor:copy;outline:none;pointer-events:none}.color-code-tooltip:focus-visible .color-code-tooltip-body rect{stroke:#ffffffe0;stroke-width:1.5px}.color-code-tooltip-body{transform-box:fill-box;transform-origin:50% 100%;opacity:0;filter:blur(3px);transform:translateY(5px) scale(.975);transition:opacity var(--cw-duration-ui) var(--cw-ease-ui),filter var(--cw-duration-ui) var(--cw-ease-ui),transform var(--cw-duration-ui) var(--cw-ease-ui)}.color-code-tooltip.is-visible{pointer-events:all}.color-code-tooltip.is-visible .color-code-tooltip-body{opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-duration:var(--cw-duration-fast)}.color-code-tooltip text{fill:#ffffffc2;font-family:IBM Plex Mono,monospace;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tooltip-copy-icon{fill:none;stroke:#ffffffd1;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.tooltip-copy-icon.is-check,.color-code-tooltip.is-copied .tooltip-copy-icon.is-copy{display:none}.color-code-tooltip.is-copied .tooltip-copy-icon.is-check{display:block}.color-code-tooltip.is-copied rect{fill:#161615c2}.direction-preview-link{fill:none;opacity:.42;stroke:#6f6f6b;stroke-dasharray:2 4;stroke-width:1;vector-effect:non-scaling-stroke}.direction-preview-node circle{stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 6px rgb(0 0 0 / 24%));transform-box:fill-box;transform-origin:center;transition:transform var(--cw-duration-fast) var(--cw-ease-ui)}.direction-preview-node:hover circle,.direction-preview-node:focus-visible circle{transform:scale(1.18)}.direction-preview-node text{fill:#242422;font-family:IBM Plex Mono,monospace;font-size:8px;paint-order:stroke;stroke:#ffffffe0;stroke-linejoin:round;stroke-width:3px}.color-canvas :is(.wordmark-layer,.links-layer,.gesture-layer),.color-node,.color-field-canvas,.flat-color-map{transition:opacity var(--cw-duration-ui) var(--cw-ease-fade)}.color-canvas.is-direction-previewing :is(.wordmark-layer,.link-selection-layer,.links-layer,.gesture-layer),.color-canvas.is-direction-previewing .color-node:not(.is-direction-source){opacity:.06}.canvas-surface.is-direction-previewing .color-field-canvas{opacity:.1}.canvas-surface.is-direction-previewing .flat-color-map,.color-node.is-appearing{opacity:0}.color-node.is-appearing .node-core{filter:drop-shadow(3px 6px 8px rgb(var(--warm-shadow) / 22%));transform:scale(1.025)}@media(prefers-reduced-motion:reduce){.node-core,.node-action,.canvas-pixel,.color-field-canvas,.flat-color-map,.start-cue{transition:none;animation-duration:1ms}.color-link,.color-link-selection,.color-link-direction,.color-code-tooltip,.relationship-tooltip,.canvas-loading-state>span{transition:none;animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.colorwalk-app{display:grid;padding:clamp(10px,2vw,24px);place-items:center;background:var(--cw-surface-app)}.colorwalk-window{position:relative;width:min(1040px,100%);height:min(680px,100%);min-height:420px;overflow:hidden;background:var(--cw-surface-window);border:1px solid var(--cw-line);border-radius:var(--cw-radius-window);box-shadow:var(--cw-shadow-window)}.colorwalk-editor{display:grid;height:100%;min-height:0;grid-template-rows:46px minmax(0,1fr);opacity:0;transition:opacity var(--cw-duration-ui) var(--cw-ease-fade)}.colorwalk-editor.is-revealed{opacity:1}.start-flow{position:absolute;z-index:20;inset:0;display:grid;padding:clamp(20px,5vw,48px);overflow:auto;place-items:center;color:var(--cw-ink-strong);background:var(--cw-surface-window);font-family:IBM Plex Mono,monospace}.start-flow-loading{color:#17171475;font:700 clamp(22px,4vw,36px) "Doto Variable",monospace;animation:start-flow-pulse var(--cw-duration-ambient) var(--cw-ease-ui) infinite alternate}@keyframes start-flow-pulse{0%{opacity:.32}to{opacity:.82}}.start-flow-panel{display:grid;width:min(480px,100%);gap:21px;opacity:0;transform:translateY(8px);animation:start-flow-enter var(--cw-duration-entrance) var(--cw-ease-ui) forwards}@keyframes start-flow-enter{to{opacity:1;transform:translateY(0)}}.start-flow-panel>header{display:grid;gap:5px}.start-flow-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px}.start-flow-kicker>button{padding:3px 0;color:var(--cw-ink-muted);background:transparent;border:0;font:8px IBM Plex Mono,monospace;cursor:pointer}.start-flow-kicker>button:hover,.start-flow-kicker>button:focus-visible{color:var(--cw-ink-strong)}.start-flow-panel h1{margin:0}.start-flow-panel h1:focus{outline:none}.start-flow-panel header p{max-width:420px;margin:2px 0 0;color:var(--cw-ink-muted);font-size:10px;line-height:1.55}.start-purpose-field{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--cw-line)}.start-purpose-field input{width:100%;min-width:0;min-height:31px;padding:5px 0;color:var(--cw-ink-strong);background:transparent;border:0;outline:0;font:500 9px/1.35 IBM Plex Mono,monospace}.start-purpose-field input::placeholder,.start-palette-form textarea::placeholder{color:var(--cw-ink-placeholder);font-weight:400;opacity:1}.start-purpose-field input:focus-visible{box-shadow:inset 0 -1px 0 var(--cw-ink)}.start-flow-choices{display:grid;gap:13px}.start-color-choice{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto minmax(0,auto) 34px;align-items:center;gap:8px 22px}.start-color-disc{position:relative;display:block;width:82px;height:82px;grid-row:1 / 4;overflow:hidden;background:var(--start-color);border:1px solid rgb(0 0 0 / 12%);border-radius:50%;box-shadow:0 9px 24px #00000017;cursor:pointer;transition:transform var(--cw-duration-fast) var(--cw-ease-ui),box-shadow var(--cw-duration-fast) var(--cw-ease-ui)}.start-color-disc:hover,.start-color-disc:focus-within{box-shadow:0 13px 30px #00000021;transform:translateY(-2px)}.start-color-disc input{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);padding:0;opacity:0;cursor:pointer}.start-color-code{display:grid;gap:4px;align-self:end}.start-color-code input{width:100%;height:31px;padding:0 8px;color:var(--cw-ink);background:var(--cw-surface-raised);border:1px solid var(--cw-line);border-radius:var(--cw-radius-control);font:10px IBM Plex Mono,monospace}.start-color-error{grid-column:2;grid-row:2;align-self:start;color:var(--cw-danger);font-size:8px;line-height:1.35}.start-primary-action,.start-image-choice,.start-continue-action,.start-new-toggle{color:inherit;cursor:pointer;font-family:inherit}.start-existing-study{display:grid;gap:7px}.start-continue-action{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;color:#fff;background:var(--cw-ink-strong);border:0;border-radius:var(--cw-radius-control);text-align:left;transition:background var(--cw-duration-fast) var(--cw-ease-ui),transform var(--cw-duration-fast) var(--cw-ease-ui)}.start-continue-action:hover,.start-continue-action:focus-visible{background:var(--cw-ink);transform:translateY(-1px)}.start-continue-action span{display:grid;min-width:0;gap:3px}.start-continue-action strong{font-size:9px;font-weight:500}.start-continue-action small{overflow:hidden;color:#ffffff9e;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.start-continue-action svg{width:13px;height:13px;flex:0 0 auto;stroke-width:1.6}.start-new-toggle{display:flex;min-height:32px;align-items:center;justify-content:space-between;padding:0 9px;color:var(--cw-ink-muted);background:transparent;border:1px solid var(--cw-line-soft);border-radius:var(--cw-radius-control);font-size:9px;transition:color var(--cw-duration-fast) var(--cw-ease-ui),border-color var(--cw-duration-fast) var(--cw-ease-ui)}.start-new-toggle:hover,.start-new-toggle:focus-visible{color:var(--cw-ink);border-color:var(--cw-line);outline:none}.start-new-toggle svg{width:13px;height:13px;stroke-width:1.6;transition:transform var(--cw-duration-ui) var(--cw-ease-ui)}.start-new-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.start-new-options{display:grid;gap:21px;animation:start-new-options-enter var(--cw-duration-ui) var(--cw-ease-ui) both}@keyframes start-new-options-enter{0%{opacity:0;transform:translateY(-4px)}}.start-primary-action{display:flex;height:34px;grid-column:2;grid-row:3;align-items:center;justify-content:space-between;padding:0 10px;color:#fff;background:var(--cw-ink-strong);border:0;border-radius:var(--cw-radius-control);font-size:9px}.start-primary-action svg,.start-image-choice>svg:last-child{width:13px;height:13px;stroke-width:1.6}.start-choice-separator{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;color:var(--cw-ink-subtle);font-size:8px}.start-choice-separator:before,.start-choice-separator:after{height:1px;background:var(--cw-line-soft);content:""}.start-image-choice{display:grid;min-height:50px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;background:transparent;border:1px solid var(--cw-line);border-radius:var(--cw-radius-control);text-align:left;transition:background var(--cw-duration-fast) var(--cw-ease-ui)}.start-image-choice:hover,.start-image-choice:focus-visible{background:#ffffff9e}.start-image-choice>svg:first-child{width:19px;height:19px;color:var(--cw-ink-muted);stroke-width:1.4}.start-image-choice span{display:grid;gap:3px}.start-image-choice strong{font-size:9px;font-weight:500}.start-image-choice small{color:var(--cw-ink-subtle);font-size:8px}.start-palette-form{display:grid;gap:6px;padding:9px;background:#ffffff61;border:1px solid var(--cw-line);border-radius:var(--cw-radius-control)}.start-palette-form label{display:grid;gap:5px}.start-palette-form textarea{width:100%;min-height:58px;resize:vertical;padding:7px 8px;color:var(--cw-ink);background:var(--cw-surface-raised);border:1px solid var(--cw-line);border-radius:var(--cw-radius-control);outline:0;font:9px/1.45 IBM Plex Mono,monospace}.start-palette-form textarea:focus-visible{border-color:#00000047}.start-palette-form>small{color:var(--cw-ink-subtle);font-size:8px}.start-palette-form>.start-palette-error{color:var(--cw-danger)}.start-palette-form>button{display:flex;min-height:32px;align-items:center;justify-content:space-between;padding:0 9px;color:#fff;background:var(--cw-ink-strong);border:0;border-radius:var(--cw-radius-control);font:9px IBM Plex Mono,monospace;cursor:pointer}.start-palette-form>button:disabled{opacity:.34;cursor:default}.start-palette-form>button svg{width:13px;height:13px;stroke-width:1.6}.compact-toolbar,.compact-toolbar-controls,.compact-new-node,.compact-history-controls,.palette-sidebar>header,.palette-sidebar-tabs,.palette-color-list button{display:flex;align-items:center}.compact-toolbar{position:relative;z-index:5;justify-content:space-between;gap:10px;min-width:0;padding:6px 8px 6px 13px;overflow:visible;background:var(--cw-surface-chrome);border-bottom:1px solid var(--cw-line);color:var(--cw-ink);font-family:IBM Plex Mono,monospace;font-size:10px}.colorwalk-about{position:relative;flex:0 0 auto}.compact-project-identity{display:flex;flex:0 1 250px;min-width:92px;align-items:center;gap:8px}.compact-board-name{width:100%;min-width:0;height:28px;padding:0 2px;color:var(--cw-ink);background:transparent;border:0;outline:0;font:500 9px IBM Plex Mono,monospace}.compact-board-name::placeholder{color:var(--cw-ink-placeholder);font-weight:400}.compact-board-name:focus-visible{box-shadow:inset 0 -1px 0 var(--cw-ink)}.compact-wordmark{display:grid;padding:4px 3px;place-items:center;cursor:help;flex:0 0 auto;color:inherit;background:none;border:0;line-height:1;outline:none}.compact-wordmark:focus-visible{border-radius:4px;box-shadow:0 0 0 1px #0000005c}.compact-about-panel,.compact-overflow-popover{color:#181817e0;background:#f2f2eeb8;border:1px solid rgb(255 255 255 / 68%);border-radius:9px;box-shadow:0 14px 34px #00000021,inset 0 1px #ffffff8f;-webkit-backdrop-filter:blur(18px) saturate(112%);backdrop-filter:blur(18px) saturate(112%);opacity:0;filter:blur(5px);transform:translateY(-3px) scale(.985);transition:visibility 0s var(--cw-duration-ui),opacity var(--cw-duration-ui) var(--cw-ease-ui),filter var(--cw-duration-ui) var(--cw-ease-ui),transform var(--cw-duration-ui) var(--cw-ease-ui)}.compact-about-panel{position:absolute;z-index:12;top:calc(100% + 22px);left:-5px;width:min(260px,calc(100vw - 34px));padding:13px 14px 14px;pointer-events:none;transform-origin:18px 0}.compact-about-panel:before{position:absolute;right:0;bottom:100%;left:0;height:23px;content:""}.compact-about-panel p{margin:0;font:500 11px/1.48 IBM Plex Mono,monospace;letter-spacing:-.01em}.colorwalk-about:hover .compact-about-panel,.colorwalk-about:focus-within .compact-about-panel{pointer-events:auto;opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:0s;transition-duration:0s,var(--cw-duration-fast),var(--cw-duration-fast),var(--cw-duration-fast)}.palette-sidebar-tabs,.css-export-list strong{font-family:Doto Variable,IBM Plex Mono,monospace;font-weight:650}.compact-toolbar-controls{flex:1 1 auto;width:100%;min-width:0;gap:6px;overflow-x:auto;scrollbar-width:none}.compact-toolbar-controls::-webkit-scrollbar{display:none}.compact-toolbar button,.palette-sidebar button{color:inherit;cursor:pointer;font:inherit}.compact-toolbar button,.compact-new-node{height:31px;background:#ffffff8a;border:1px solid rgb(0 0 0 / 9%);border-radius:6px}.compact-toolbar .compact-wordmark{height:auto;color:inherit;background:none;border:0;border-radius:4px}.compact-new-node{gap:5px;padding:0 5px 0 2px}.compact-new-node button{height:25px;padding:0 6px;background:transparent;border:0}.compact-history-controls{flex:0 0 auto;gap:2px;height:31px;padding:2px;background:transparent;border:1px solid transparent;border-radius:6px}.compact-toolbar .compact-history-controls button{display:grid;width:25px;height:25px;padding:0;place-items:center;background:transparent;border:0;border-radius:4px}.compact-history-controls svg{width:14px;height:14px;stroke-width:1.6}.compact-toolbar button:disabled,.compact-toolbar input:disabled{opacity:.36;cursor:default}.compact-new-node input[type=color]{width:19px;height:19px;padding:0;overflow:hidden;background:transparent;border:0;border-radius:50%;cursor:pointer}.compact-new-node input[type=color]::-webkit-color-swatch-wrapper{padding:0}.compact-new-node input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.compact-creation-controls{display:flex;flex:0 1 auto;min-width:0;height:31px;align-items:center;overflow:hidden;background:#ffffff94;border:1px solid rgb(0 0 0 / 9%);border-radius:6px}.compact-toolbar .compact-creation-controls .compact-new-node{height:25px;flex:0 0 auto;background:transparent;border:0;border-radius:0}.compact-toolbar-spacer{min-width:8px;flex:1 1 auto}.compact-mouse-mode{display:flex;flex:0 0 auto;align-items:center;gap:2px;height:31px;padding:2px;background:#ffffff59;border:1px solid rgb(0 0 0 / 9%);border-radius:6px}.compact-toolbar .compact-mouse-mode button{display:grid;width:25px;height:25px;padding:0;place-items:center;background:transparent;border:0;border-radius:4px}.compact-mouse-mode svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.compact-view-tabs{display:flex;flex:0 0 auto;align-items:center;gap:2px;height:31px;padding:2px;background:#0000000a;border:1px solid transparent;border-radius:6px}.compact-toolbar .compact-view-tab{display:grid;width:27px;height:25px;padding:0;place-items:center;background:transparent;border:0;border-radius:4px;font-family:Doto Variable,IBM Plex Mono,monospace!important;font-weight:650!important}.view-toolbar-icon{display:block;width:14px;height:14px;stroke-width:1.7}.compact-toolbar button:hover,.compact-toolbar button:focus-visible,.compact-toolbar button[aria-pressed=true]{background:#fff;outline:none}.compact-toolbar .compact-view-tab[aria-selected=true]{background:transparent;box-shadow:none}.compact-toolbar .compact-mouse-mode button[aria-pressed=true]{background:transparent;color:#fff}.compact-toolbar .compact-mouse-mode button:disabled,.compact-toolbar .compact-mouse-mode button:disabled:hover{color:#31313052;background:transparent;opacity:1;cursor:default}.compact-overflow-menu{position:relative;flex:0 0 auto}.compact-toolbar .compact-overflow-trigger{display:grid;width:31px;height:31px;padding:0;place-items:center;background:transparent;border:0;cursor:pointer;border-radius:6px}.compact-toolbar .compact-overflow-trigger:hover,.compact-toolbar .compact-overflow-trigger:focus-visible,.compact-toolbar .compact-overflow-trigger[aria-expanded=true]{background:#ffffff9e;outline:none}.compact-overflow-trigger svg{width:15px;height:15px;stroke-width:1.6}.compact-overflow-popover{position:fixed;z-index:100;width:154px;padding:4px;visibility:hidden;pointer-events:none;transform-origin:calc(100% - 18px) 0;font:10px IBM Plex Mono,monospace}.compact-overflow-popover.is-visible{visibility:visible;pointer-events:auto;opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:0s;transition-duration:0s,var(--cw-duration-fast),var(--cw-duration-fast),var(--cw-duration-fast)}.compact-overflow-popover button{display:flex;width:100%;height:31px;align-items:center;gap:8px;padding:0 8px;background:transparent;border:0;border-radius:var(--cw-radius-inner);color:inherit;cursor:pointer;font:inherit;text-align:left}.compact-overflow-popover button:hover,.compact-overflow-popover button:focus-visible{background:#0000000f;outline:none}.compact-overflow-popover button:disabled{opacity:.36;cursor:default}.compact-overflow-popover button svg{width:13px;height:13px}.mobile-toolbar-icon,.mobile-tool-dock{display:none}.mobile-overflow-color-space{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px 3px 5px;border-bottom:1px solid var(--cw-line-soft)}.mobile-overflow-color-space>span{grid-column:1 / -1;padding:2px 4px;color:var(--cw-ink-muted);font-size:8px}.compact-overflow-popover .mobile-overflow-color-space button{height:26px;padding:0 3px;justify-content:center;font-size:8px}.compact-overflow-popover .mobile-overflow-color-space button[aria-checked=true]{color:#fff;background:var(--cw-ink)}.palette-extract-dialog{width:min(570px,calc(100vw - 28px));max-width:none;max-height:min(620px,calc(100dvh - 28px));padding:0;overflow:visible;color:#313130;background:transparent;border:0}.palette-extract-dialog::backdrop{background:#14141238;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.palette-extract-dialog[open]{animation:palette-dialog-in var(--cw-duration-ui) var(--cw-ease-ui)}@keyframes palette-dialog-in{0%{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.palette-extract-window{display:grid;max-height:min(620px,calc(100dvh - 28px));grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#f6f6f2f5;border:1px solid rgb(0 0 0 / 13%);border-radius:11px;box-shadow:0 24px 70px #00000038;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.palette-extract-window>header,.palette-extract-window>footer{display:flex;min-height:45px;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px 7px 12px}.palette-extract-window>header{border-bottom:1px solid rgb(0 0 0 / 9%)}.palette-extract-window>header>span{display:grid;gap:1px}.palette-extract-window>header strong{font:650 12px Doto Variable,IBM Plex Mono,monospace;letter-spacing:-.01em}.palette-extract-window>header small,.palette-extract-results>small,.palette-image-well>small{color:#313130b8;font:9px IBM Plex Mono,monospace}.palette-extract-window button{color:inherit;font:9px IBM Plex Mono,monospace;cursor:pointer}.palette-extract-window button:focus-visible{outline:1px solid #313130;outline-offset:2px}.palette-extract-window button:disabled{cursor:default;opacity:.38}.palette-extract-window>header>button{display:grid;width:29px;height:29px;padding:0;place-items:center;background:transparent;border:0;border-radius:6px}.palette-extract-window>header>button:hover{background:#0000000f}.palette-extract-window>header svg{width:14px;height:14px}.palette-extract-body{display:grid;min-height:300px;grid-template-columns:minmax(0,1.05fr) minmax(235px,.95fr);gap:9px;padding:9px;overflow:auto}.palette-image-well{display:grid;min-height:282px;grid-template-rows:minmax(0,1fr) auto;gap:5px;overflow:hidden;background:#ffffff7a;border:1px dashed rgb(0 0 0 / 18%);border-radius:8px}.palette-image-well.has-image{padding:5px;background:#fff;border-style:solid}.palette-image-well>button{display:grid;width:100%;min-height:0;padding:0;overflow:hidden;place-items:center;background:transparent;border:0;border-radius:5px}.palette-image-well>button>span{display:grid;max-width:190px;place-items:center;gap:7px;color:#313130bd;line-height:1.35;text-align:center}.palette-image-well>button>span svg{width:22px;height:22px;stroke-width:1.3}.palette-image-well>button>span small{color:#313130b8;font:9px/1.35 IBM Plex Mono,monospace}.palette-image-well img{width:100%;height:100%;object-fit:contain;background:#efefeb}.palette-image-well>small{padding:0 3px 2px;text-align:center}.palette-extract-results{display:grid;min-width:0;align-content:start;gap:8px;padding:8px;background:#ffffff7a;border:1px solid rgb(0 0 0 / 8%);border-radius:8px}.palette-extract-results>header{display:grid;grid-template-columns:auto minmax(0,1fr) 18px;align-items:center;gap:8px;font:9px IBM Plex Mono,monospace}.palette-extract-results .ui-slider{width:100%;accent-color:#313130}.palette-extract-results output{font-variant-numeric:tabular-nums;text-align:right}.palette-extract-results>p{min-height:11px;margin:0;color:#313130b8;font:9px/1.3 IBM Plex Mono,monospace}.palette-extract-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.palette-extract-swatches button{display:grid;height:31px;min-width:0;grid-template-columns:17px minmax(0,1fr) 11px;align-items:center;gap:5px;padding:3px 5px;background:#ffffff85;border:1px solid transparent;border-radius:5px;text-align:left}.palette-extract-swatches button:hover,.palette-extract-swatches button[aria-pressed=true]{background:#fff;border-color:#0000001f}.palette-extract-swatches button>span{width:17px;height:17px;border:1px solid rgb(0 0 0 / 10%);border-radius:50%}.palette-extract-swatches code{overflow:hidden;color:inherit;font:8px IBM Plex Mono,monospace;text-overflow:ellipsis}.palette-extract-swatches svg{width:10px;height:10px;stroke-width:2}.palette-extract-window>footer{justify-content:flex-end;border-top:1px solid rgb(0 0 0 / 9%)}.palette-extract-window>footer button{height:29px;padding:0 10px;background:transparent;border:0;border-radius:6px}.palette-extract-window>footer button:hover{background:#0000000f}.palette-extract-window>footer button:last-child{min-width:130px;color:#fff;background:#313130}.palette-extract-window>footer button:last-child:hover{background:#000}@media(max-width:620px){.palette-extract-dialog,.palette-extract-window{max-height:calc(100dvh - 16px)}.palette-extract-body{grid-template-columns:1fr}.palette-image-well{min-height:190px}}@media(prefers-reduced-motion:reduce){.doto-pixel-shape{transition:none}.palette-extract-dialog[open],.start-flow-loading,.start-flow-panel,.start-new-options{animation:none}.start-flow-panel,.colorwalk-editor{opacity:1;transform:none;transition:none}}.colorwalk-workspace{display:grid;grid-template-columns:minmax(0,1fr) 220px;min-height:0}.canvas-surface{--cw-comparison-guide-reserve: 116px;position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--cw-surface-canvas);border-right:1px solid var(--cw-line)}.canvas-organize-button{display:grid;position:absolute;z-index:4;top:11px;right:11px;width:30px;height:30px;padding:0;place-items:center;color:#313130b8;background:#f5f5f1b3;border:1px solid rgb(0 0 0 / 9%);border-radius:7px;box-shadow:0 2px 7px #00000012;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.canvas-organize-button:hover,.canvas-organize-button:focus-visible{color:#313130;background:#ffffffe5;outline:none}.canvas-organize-button:disabled{opacity:.3;cursor:default}.canvas-organize-button svg{width:14px;height:14px;stroke-width:1.6}.canvas-comparison-guide{position:absolute;z-index:8;bottom:12px;left:50%;display:grid;width:min(570px,calc(100% - 88px));gap:6px;padding:7px;color:var(--comparison-ink, var(--cw-ink));background:var(--comparison-color, var(--cw-surface-panel));border:1px solid color-mix(in srgb,currentcolor 18%,transparent);border-radius:9px;box-shadow:0 9px 24px #0000001c;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity var(--cw-duration-fast) var(--cw-ease-fade),transform var(--cw-duration-fast) var(--cw-ease-ui);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font:9px IBM Plex Mono,monospace}.canvas-comparison-guide.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.canvas-comparison-guide.is-comparing{color:var(--cw-ink);background:#f8f8f5eb;border-color:#00000017}.comparison-guide-source{display:flex;min-width:0;align-items:center;gap:6px;color:color-mix(in srgb,currentcolor 74%,transparent);font-size:8px}.comparison-guide-source code{margin-left:auto;color:inherit;font:inherit;font-variant-numeric:tabular-nums}.comparison-guide-workflow{display:grid;gap:5px}.comparison-color-cards{display:grid;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px}.comparison-axis-control{--ui-segment-selected-bg: var(--cw-ink);--ui-segment-selected-ink: #fff;display:flex;padding:2px;background:color-mix(in srgb,currentcolor 9%,transparent);border-radius:6px}.comparison-axis-control button,.comparison-direction-option>button,.comparison-option-decision button{min-height:29px;color:inherit;background:transparent;border:0;border-radius:4px;font:inherit;cursor:pointer}.comparison-axis-control button{flex:1 1 auto;padding:0 7px;color:inherit;opacity:.7}.comparison-axis-control button[aria-pressed=true]{opacity:1}.comparison-color-cards>.comparison-step-empty{grid-column:2 / -1}.comparison-source-card,.comparison-direction-option{position:relative;display:grid;min-width:0;min-height:48px;align-items:center;color:var(--comparison-card-ink, var(--comparison-option-ink));background:var(--comparison-card-color, var(--comparison-option-color));border:1px solid color-mix(in srgb,currentcolor 18%,transparent);border-radius:5px;transition:background-color var(--cw-duration-fast) var(--cw-ease-ui),border-color var(--cw-duration-fast) var(--cw-ease-ui)}.comparison-source-card{align-content:space-between;gap:4px;padding:7px}.comparison-direction-option>button{display:grid;min-width:0;height:100%;grid-template-rows:minmax(0,1fr) auto;align-items:start;gap:4px;padding:7px;text-align:left}.comparison-direction-option:hover,.comparison-direction-option:focus-within{background:var(--comparison-option-color);border-color:color-mix(in srgb,currentcolor 38%,transparent)}.comparison-direction-option>button:focus-visible{outline:none}.comparison-direction-option:has(>button:focus-visible){outline:2px solid var(--comparison-option-ink);outline-offset:1px}.comparison-direction-option>button:disabled{cursor:not-allowed;opacity:.52}.comparison-option-operation,.comparison-color-cards code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-option-operation small{margin-left:3px;color:inherit;font:7px IBM Plex Mono,monospace;opacity:.68}.comparison-source-card>span,.comparison-color-cards code{color:inherit;font:8px IBM Plex Mono,monospace;opacity:.72}.comparison-source-card>span{opacity:.84}.comparison-step-adjustment{z-index:1;display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 4px;color:var(--cw-ink);line-height:1}.comparison-step-adjustment .ui-slider{--ui-slider-ink: var(--cw-ink);--ui-slider-line: rgb(0 0 0 / 18%);--ui-slider-thumb: #fff;height:16px}.comparison-step-adjustment output{min-width:30px;color:inherit;font:8px IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;text-align:right}.comparison-step-empty{grid-column:1 / -1;margin:0;padding:2px 4px;color:var(--cw-ink-muted);font-size:8px}.comparison-option-decision{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px}.comparison-option-decision>span{color:inherit;opacity:.76;font-size:8px;line-height:1.35}.comparison-option-decision button{padding:0 10px;color:inherit;background:color-mix(in srgb,currentcolor 10%,transparent)}.comparison-option-decision button.is-primary{color:var(--comparison-color);background:var(--comparison-ink)}.comparison-option-decision button:disabled{opacity:.34;cursor:default}.canvas-surface:not(.is-ready){pointer-events:none}.canvas-surface:not(.is-ready)>:not(.canvas-loading-state){visibility:hidden}.canvas-loading-state{position:absolute;inset:0;z-index:20;display:flex;gap:8px;align-items:center;justify-content:center;color:#171714a3;background:#f8f8f5;font-family:Doto Variable,monospace;font-size:12px;font-weight:650;letter-spacing:.02em;opacity:0;transition:opacity var(--cw-duration-fast) var(--cw-ease-fade)}.canvas-loading-state.is-visible{opacity:1}.canvas-loading-state>span{width:7px;height:7px;background:currentcolor;border-radius:50%;animation:canvas-loading-pulse var(--cw-duration-ambient) var(--cw-ease-ui) infinite alternate}@keyframes canvas-loading-pulse{0%{opacity:.24;transform:scale(.72)}to{opacity:.86;transform:scale(1)}}.canvas-surface .flat-color-map{top:50%;width:min(68%,calc(100% - 70px))}.canvas-surface.is-data-view>:not(.color-data-view):not(.inspect-view-tabs):not(.inspect-empty-state){opacity:0;pointer-events:none;visibility:hidden}.canvas-surface .inspect-view-tabs{position:absolute;z-index:6;top:7px;right:8px;left:auto;width:max-content;box-shadow:none;transform:none}.editor-tab-toggle{display:flex;align-items:center;gap:2px;padding:2px;background:#0000000d;border:0;border-radius:6px;font:650 10px Doto Variable,IBM Plex Mono,monospace}.editor-tab-toggle button{min-width:0;min-height:24px;height:24px;padding:0 7px;background:transparent;border:0;border-radius:4px;color:#313130;cursor:pointer;font:inherit}.editor-tab-toggle button:hover,.editor-tab-toggle button:focus-visible,.editor-tab-toggle button[aria-selected=true],.editor-tab-toggle button[aria-pressed=true]{background:transparent;outline:none}.editor-tab-toggle button[aria-selected=true],.editor-tab-toggle button[aria-pressed=true]{box-shadow:none}.inspect-empty-state{position:absolute;z-index:4;inset:0;display:grid;place-content:center;gap:5px;padding:24px;background:#fff;color:#313130b8;text-align:center;font:9px IBM Plex Mono,monospace}.inspect-empty-state strong{color:#313130;font:700 13px Doto Variable,IBM Plex Mono,monospace}.canvas-surface.is-inspect-view .color-data-view{grid-template-rows:42px minmax(0,1fr)}.canvas-surface.is-inspect-view .color-space-3d-header small{display:none}.color-data-view{position:absolute;inset:0;z-index:3;display:grid;grid-template-rows:42px minmax(0,1fr);overflow:hidden;background:#fff;color:#313130;font-family:IBM Plex Mono,monospace;font-size:9px}.color-data-view>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border-bottom:1px solid rgb(0 0 0 / 8%)}.color-data-view>header strong{font-family:Doto Variable,IBM Plex Mono,monospace;font-size:12px;font-weight:700}.color-data-view>header span{color:#313130b8}.relationship-matrix code{color:inherit;font:inherit;font-variant-numeric:tabular-nums}.relationship-color-dot{display:inline-block;flex:0 0 auto;width:10px;height:10px;border:1px solid rgb(0 0 0 / 12%);border-radius:50%}.relationship-matrix-region{display:grid;grid-template-rows:31px minmax(0,1fr);min-width:0;min-height:0}.relationship-matrix-key{display:flex;align-items:center;gap:14px;min-width:0;padding:0 12px;overflow-x:auto;border-bottom:1px solid rgb(0 0 0 / 7%);color:#313130b8;font-size:9px;white-space:nowrap;scrollbar-width:none}.relationship-matrix-key span{display:flex;align-items:center;gap:5px}.relationship-matrix-key i{width:11px;height:7px;border:1px solid rgb(0 0 0 / 18%);border-radius:2px}.relationship-matrix-key .key-blend{background:linear-gradient(90deg,#ff3d51,#7080ff)}.relationship-matrix-key .key-measure{background:#f1f1ee}.relationship-matrix-scroll{min-width:0;min-height:0;overflow:auto;scrollbar-width:thin}.relationship-matrix{width:max-content;min-width:100%;border-spacing:0;table-layout:fixed;font:inherit}.relationship-matrix th,.relationship-matrix td{width:126px;min-width:126px;padding:0;background:#fff;border-right:1px solid rgb(0 0 0 / 7%);border-bottom:1px solid rgb(0 0 0 / 7%);text-align:left}.relationship-matrix thead th{position:sticky;top:0;z-index:2;height:42px;background:#f7f7f4;font-weight:400}.relationship-matrix tr>th:first-child{position:sticky;left:0;z-index:1;background:#f7f7f4;font-weight:400}.relationship-matrix thead tr>th:first-child{z-index:3}.relationship-matrix tbody th,.relationship-matrix td{height:82px}.relationship-matrix .relationship-corner{width:82px;min-width:82px;padding-left:10px;color:#313130b8}.relationship-color-header{display:grid;grid-template-columns:12px auto;align-content:center;gap:2px 5px;height:100%;padding:0 9px}.relationship-color-header code{grid-column:1 / -1;color:#313130b8;font-size:9px}.relationship-self-cell,.relationship-blend-cell,.relationship-measure-cell{box-sizing:border-box;height:100%;padding:8px}.relationship-self-cell{display:grid;grid-template-rows:1fr auto;gap:5px;background:#fafaf8}.relationship-self-cell>span{display:block;border:1px solid rgb(0 0 0 / 9%);border-radius:4px}.relationship-self-cell code{color:#313130b8;font-size:9px}.relationship-blend-cell{display:grid;grid-template-rows:34px auto;gap:6px}.relationship-blend-swatch{border:1px solid rgb(0 0 0 / 9%);border-radius:4px}.relationship-blend-cell>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.relationship-blend-cell span{color:#313130b8;font-size:9px;white-space:nowrap}.relationship-measure-cell{display:grid;align-content:center;gap:2px;background:#fafaf8}.relationship-measure-cell strong{font-size:13px;font-variant-numeric:tabular-nums;font-weight:560}.relationship-measure-cell span,.relationship-measure-cell small{color:#313130b8;font-size:9px}.relationship-matrix .is-preview{outline:1px dashed rgb(49 49 48 / 34%);outline-offset:-2px}.relationship-matrix th.is-preview,.relationship-matrix td.is-preview{background-color:#fffefa}.palette-sidebar{display:grid;grid-template-rows:43px minmax(0,1fr);min-width:0;min-height:0;background:var(--cw-surface-panel);color:var(--cw-ink);font-family:IBM Plex Mono,monospace;font-size:10px}.palette-sidebar>header{justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid var(--cw-line-soft)}.palette-sidebar output{color:var(--cw-ink-muted);font:inherit}.palette-sidebar-toggle{display:none}.palette-sidebar-tabs{flex:0 0 auto}.palette-sidebar-content{min-height:0;padding:7px;overflow-y:auto;scrollbar-width:thin}.palette-color-list{display:grid;gap:3px;margin:0;padding:0;list-style:none}.palette-panel{display:grid;gap:7px}.palette-node-section{display:grid;gap:4px}.palette-node-section>header{display:flex;align-items:center;justify-content:space-between;padding:0 2px;color:var(--cw-ink-muted);font-size:9px;font-weight:400}.palette-node-section>header strong{font:inherit}.palette-node-section>header span{font-variant-numeric:tabular-nums}.palette-node-empty{margin:0;padding:8px 7px;color:var(--cw-ink-muted);border:1px dashed rgb(0 0 0 / 9%);border-radius:var(--cw-radius-control);font-size:9px}.selection-empty-state{display:grid;gap:3px;min-height:58px;align-content:center;padding:7px;color:var(--cw-ink-muted);border:1px dashed rgb(0 0 0 / 9%);border-radius:var(--cw-radius-control);font-size:9px}.selection-empty-state strong{color:var(--cw-ink);font-weight:500}.selection-empty-state span{font-size:8px}.active-node-editor{display:grid;gap:4px;padding:7px;background:#ffffff94;border:1px solid rgb(0 0 0 / 7%);border-radius:var(--cw-radius-control)}.active-node-editor>header,.active-node-editor>label,.active-node-editor>.active-node-color-field,.active-node-number{display:flex;align-items:center}.active-node-editor>header{justify-content:space-between;gap:7px;color:#313130b8;font-size:9px}.active-node-editor>header code{max-width:104px;overflow:hidden;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap}.active-node-editor>header small{color:var(--cw-ink-muted);font:8px IBM Plex Mono,monospace}.active-node-editor>label,.active-node-editor>.active-node-color-field{justify-content:space-between;gap:7px;color:#313130b8;font-size:9px}.active-node-color-field>label{color:inherit;font:inherit}.active-node-editor input{width:128px;height:24px;min-width:0;padding:0 6px;background:#fff;border:1px solid rgb(0 0 0 / 10%);border-radius:4px;color:#313130;font:9px IBM Plex Mono,monospace}.active-node-editor input:focus-visible{border-color:#00000057;outline:none}.active-node-editor input[aria-invalid=true]{border-color:#b53a30}.active-node-color-control{display:grid;width:128px;min-width:0;grid-template-columns:28px minmax(0,1fr);gap:4px}.active-node-editor .active-node-color-control input{width:100%}.active-node-editor .active-node-color-picker{width:28px;padding:2px;overflow:hidden;background:#fff;cursor:pointer}.active-node-color-picker::-webkit-color-swatch-wrapper{padding:0}.active-node-color-picker::-webkit-color-swatch{border:0;border-radius:2px}.active-node-color-picker::-moz-color-swatch{border:0;border-radius:2px}.active-edge-editor{position:relative;outline:1px solid transparent;outline-offset:1px}.active-edge-editor.is-rejected{animation:active-edge-editor-reject var(--cw-duration-ui) var(--cw-ease-ui)}.active-edge-endpoints{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:4px 5px;background:#00000008;border-radius:4px;color:#313130b8;font-size:9px}.active-edge-endpoints>:first-child{text-align:left}.active-edge-endpoints>:last-child{text-align:right}.active-edge-endpoints code{min-width:0;overflow:hidden;color:#313130bd;font:9px IBM Plex Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.active-edge-formula-summary{min-width:0;margin:0;padding:4px 5px;overflow:hidden;background:#00000008;border-radius:4px;color:#313130b8;font:9px IBM Plex Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.active-edge-formula-fields{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.active-edge-formula-fields>label{display:grid;gap:2px;min-width:0;color:#313130b8;font-size:9px}.active-edge-editor .active-edge-formula-fields input{width:100%;min-width:0;padding-inline:5px;font-variant-numeric:tabular-nums}.active-edge-error,.active-edge-editor [role=alert]{margin:0;color:#94362e;font:8px/1.25 IBM Plex Mono,monospace}@keyframes active-edge-editor-reject{0%,to{transform:translate(0)}28%{transform:translate(-3px)}58%{transform:translate(2px)}80%{transform:translate(-1px)}}@keyframes active-edge-editor-reject-outline{0%,to{outline-color:transparent}45%,70%{outline-color:#b53a30}}@media(prefers-reduced-motion:reduce){.active-edge-editor.is-rejected{animation:active-edge-editor-reject-outline var(--cw-duration-ui) var(--cw-ease-fade)}}.active-node-number{position:relative}.active-node-number input{padding-right:24px}.active-node-number small{position:absolute;right:6px;color:#31313070;font:inherit;pointer-events:none}.active-node-error,.active-node-lineage-note,.project-notice{margin:0;color:#94362e;font:8px IBM Plex Mono,monospace}.active-node-lineage-note{color:#3131308a}.active-node-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;padding-top:2px}.palette-sidebar .active-node-actions button{display:flex;min-width:0;height:25px;align-items:center;justify-content:center;gap:5px;padding:0 7px;background:#0000000d;border:0;border-radius:4px;color:#313130;font-size:8px}.palette-sidebar .active-node-actions button:hover,.palette-sidebar .active-node-actions button:focus-visible{background:#00000017;outline:none}.palette-sidebar .active-node-actions button.is-delete{width:26px;padding:0;color:#782a23c7}.palette-sidebar .active-node-actions button.is-detach{grid-column:1 / -1;color:#313130bd}.active-node-actions svg{width:11px;height:11px;stroke-width:1.7}.project-notice{padding:0 2px;color:#313130b8}.palette-color-list button{width:100%;min-height:34px;gap:8px;padding:4px 7px;background:#ffffff94;border:1px solid transparent;border-radius:6px;text-align:left}.palette-color-list button:hover,.palette-color-list button:focus-visible,.palette-color-list button[aria-pressed=true]{background:#fff;border-color:#0000001a;outline:none}.palette-color-list code{color:inherit;font:inherit;font-variant-numeric:tabular-nums}.palette-sidebar .css-export-list{max-height:none;overflow:visible}.export-file-list{display:grid;gap:3px}.css-export-list .export-file-list button{display:grid;width:100%;height:auto;min-height:39px;padding:6px 7px;place-items:initial;background:#ffffff7a;border:0;border-radius:6px;color:#313130;text-align:left}.css-export-list .export-file-list button:hover,.css-export-list .export-file-list button:focus-visible{background:#fff;outline:1px solid rgb(0 0 0 / 9%);outline-offset:-1px}.css-export-list .export-file-list button span{font-family:Doto Variable,IBM Plex Mono,monospace;font-weight:650}.css-export-list .export-file-list button small{margin-top:2px}.project-file-input{display:none}.palette-sidebar button:disabled{opacity:.36;cursor:default}@media(max-width:620px){.canvas-surface{--cw-comparison-guide-reserve: 154px}.colorwalk-app{padding:0}.colorwalk-window{height:100%;min-height:0;border:0;border-radius:0}.colorwalk-editor{grid-template-rows:calc(42px + env(safe-area-inset-top)) minmax(0,1fr) calc(50px + env(safe-area-inset-bottom))}.start-flow{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));place-items:start center}.start-flow-panel{gap:16px;margin-block:auto}.start-purpose-field{grid-template-columns:76px minmax(0,1fr)}.start-color-choice{grid-template-columns:106px minmax(0,1fr);gap:7px 14px}.start-color-disc{width:106px;height:106px}.start-flow-kicker>button{min-height:32px;margin-right:-8px;padding-inline:8px}.color-data-view>header>*{display:none}.relationship-matrix-key{display:none}.relationship-matrix-region{grid-template-rows:minmax(0,1fr)}.canvas-comparison-guide{bottom:50px;width:calc(100% - 12px);gap:4px;padding:5px;border-radius:7px}.comparison-guide-workflow{gap:3px}.comparison-axis-control button{min-height:25px;padding-inline:4px;font-size:8px}.comparison-direction-option>button{min-height:28px;gap:3px;padding-inline:6px}.comparison-step-adjustment{padding-inline:6px}.comparison-color-cards code{display:none}.comparison-option-decision{grid-template-columns:minmax(0,1fr) auto auto}.comparison-option-decision button{min-height:30px;padding-inline:7px}.compact-toolbar{gap:0;padding:max(2px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) 2px max(4px,env(safe-area-inset-left))}.compact-wordmark{display:none}.compact-project-identity{flex:1 1 92px;min-width:68px;max-width:120px;padding-left:max(4px,env(safe-area-inset-left))}.compact-board-name{height:34px;font-size:8px}.compact-toolbar-controls{flex:0 0 auto;width:auto;gap:2px;overflow:visible}.compact-toolbar-controls>*{flex:0 0 auto;scroll-snap-align:start}.compact-toolbar button,.compact-new-node,.compact-creation-controls,.compact-history-controls,.compact-mouse-mode,.compact-view-tabs{height:36px}.mobile-toolbar-icon{display:block;width:14px;height:14px;stroke-width:1.7}.desktop-toolbar-label,.compact-toolbar .compact-mouse-mode,.compact-toolbar .compact-creation-controls{display:none}.compact-toolbar-spacer{display:block;flex:1 1 auto}.compact-toolbar .compact-creation-controls .compact-new-node{height:34px;gap:2px;padding-inline:1px 4px}.compact-new-node button{display:grid;width:30px;height:30px;padding:0;place-items:center}.compact-new-node input[type=color]{width:26px;height:26px}.compact-toolbar .compact-mouse-mode button,.compact-toolbar .compact-history-controls button{width:30px;height:30px}.compact-toolbar .compact-view-tab{min-width:30px;height:30px;padding:0}.compact-toolbar .compact-view-tab.is-map{width:30px;padding:0}.compact-toolbar .compact-overflow-trigger{width:36px;height:36px}.mobile-tool-dock{position:relative;z-index:7;display:flex;gap:4px;align-items:flex-start;justify-content:center;padding:3px max(8px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--cw-surface-chrome);border-top:1px solid var(--cw-line)}.mobile-dock-mouse-mode{height:44px;background:#ffffff59;border:1px solid rgb(0 0 0 / 9%)}.mobile-tool-dock .ui-icon-button{width:44px;height:44px}.mobile-tool-dock .mobile-dock-mouse-mode .ui-icon-button{width:38px;height:38px;min-width:38px;min-height:38px}.mobile-dock-extend{background:#ffffff8a;border:1px solid rgb(0 0 0 / 9%);border-radius:var(--cw-radius-control)}.mobile-dock-color{display:grid;width:44px;height:44px;place-items:center;background:#ffffff8a;border:1px solid rgb(0 0 0 / 9%);border-radius:var(--cw-radius-control)}.mobile-dock-color input[type=color]{width:27px;height:27px;padding:0;overflow:hidden;background:transparent;border:0;border-radius:50%}.mobile-dock-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.mobile-dock-color input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.mobile-overflow-color-space{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px 3px 5px;border-bottom:1px solid var(--cw-line-soft)}.mobile-overflow-color-space>span{grid-column:1 / -1;padding:2px 4px;color:var(--cw-ink-muted);font-size:8px}.compact-overflow-popover .mobile-overflow-color-space button{height:26px;padding:0 3px;justify-content:center;font-size:8px}.compact-overflow-popover .mobile-overflow-color-space button[aria-checked=true]{color:#fff;background:var(--cw-ink)}.colorwalk-workspace{position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr);overflow:hidden}.canvas-surface{border-right:0;border-bottom:0}.palette-sidebar{position:absolute;z-index:10;right:0;bottom:0;left:0;grid-template-rows:44px minmax(0,1fr);height:min(58%,360px);overflow:hidden;border-top:1px solid rgb(0 0 0 / 10%);border-radius:10px 10px 0 0;box-shadow:0 -10px 32px #00000017;transform:translateY(calc(100% - 44px));transition:transform var(--cw-duration-ui) var(--cw-ease-ui)}.palette-sidebar.is-expanded{transform:translateY(0)}.palette-sidebar>header,.palette-sidebar-content{padding:4px max(5px,env(safe-area-inset-right)) 4px max(5px,env(safe-area-inset-left))}.palette-sidebar>header{cursor:default}.palette-sidebar output{margin-left:auto}.palette-sidebar .palette-sidebar-toggle{display:grid;width:36px;height:36px;padding:0;place-items:center;background:#0000000a;border:0;border-radius:var(--cw-radius-control)}.palette-sidebar-toggle svg{width:14px;height:14px;stroke-width:1.7}.editor-tab-toggle button{min-height:36px;height:36px;padding-inline:10px}.palette-sidebar-content{min-height:0;overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}.palette-color-list{display:grid;gap:4px}.palette-panel{display:grid;width:100%;gap:5px}.palette-node-section{display:grid;gap:4px}.palette-node-section>header{align-items:center;flex-direction:row;justify-content:space-between;padding:2px 3px}.palette-node-empty{width:100%;padding:6px}.active-node-editor{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:4px 5px}.active-node-editor>header,.active-node-editor>small,.active-node-editor>.active-node-actions{grid-column:1 / -1}.active-node-editor>label{display:grid;gap:2px;align-content:start}.active-node-editor>.active-node-color-field{display:grid;gap:2px;align-content:start}.active-node-editor input{width:100%;height:28px}.active-node-color-control{width:100%;grid-template-columns:44px minmax(0,1fr);gap:5px}.active-node-editor .active-node-color-picker,.active-node-editor .active-node-color-code{height:44px}.active-node-editor .active-node-color-picker{width:44px;padding:3px}.palette-sidebar .active-node-actions button{min-height:44px}.active-edge-endpoints,.active-edge-formula-summary{padding:2px 4px}.active-edge-formula-fields{gap:3px}.project-notice{align-self:center;flex:0 0 90px}.palette-color-list li{flex:0 0 118px}.palette-color-list button{min-height:44px}.palette-sidebar .css-export-list{display:flex;gap:5px;overflow:visible}.palette-sidebar .css-export-section{display:flex;flex:0 0 auto;gap:4px}.palette-sidebar .css-export-section+.css-export-section{padding-top:0;padding-left:5px;border-top:0;border-left:1px solid rgb(0 0 0 / 8%)}.palette-sidebar .css-export-section>header{align-items:flex-start;flex:0 0 46px;flex-direction:column;justify-content:center;padding:4px}.palette-sidebar .css-export-section>p{display:flex;align-items:center;width:118px;padding:6px}.palette-sidebar .css-export-list article{flex:0 0 228px;min-height:64px}.palette-sidebar .export-file-list{display:flex;gap:4px}.palette-sidebar .export-file-list button{flex:0 0 172px}.palette-sidebar .css-export-list pre{max-height:28px;margin-top:3px}}@media(max-width:340px){.canvas-surface{--cw-comparison-guide-reserve: 190px}.comparison-controls{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px)and (max-height:480px){.palette-sidebar{grid-template-rows:40px minmax(0,1fr);height:min(66%,280px);transform:translateY(calc(100% - 40px))}.palette-sidebar.is-expanded{transform:translateY(0)}.canvas-comparison-guide{bottom:46px}.palette-color-list button{min-height:40px}}@media(pointer:coarse){.comparison-direction-option>button,.comparison-option-decision button,.start-primary-action,.start-image-choice,.start-continue-action,.start-palette-form button{min-height:44px}.comparison-axis-control button{min-height:34px}.comparison-step-adjustment{min-height:28px}.node-actions{--node-action-right-x: 40px;--node-action-left-x: -40px;--node-action-side-y: 20px;--node-action-center-y: 45px}.node-action-connect{display:none}.node-action-keep{display:inline}.action-hit{r:22px}.color-link-hit{stroke-width:30}.palette-extract-window>header>button,.palette-extract-window>footer button,.palette-extract-swatches button{min-height:44px}}.colorwalk-app :where(button,input,select,summary):focus-visible{outline:2px solid #171714;outline-offset:2px}.colorwalk-app .node-core:focus-visible{stroke:#171714;stroke-width:2.5}.ui-icon-button{display:grid;width:26px;height:26px;padding:0;place-items:center;color:inherit;background:transparent;border:0;border-radius:var(--cw-radius-inner);cursor:pointer}.ui-icon-button>svg{width:14px;height:14px}.ui-field-label{display:inline-flex;align-items:baseline;gap:6px;color:var(--cw-ink);font:8px/1.25 IBM Plex Mono,monospace}.ui-field-label strong{font-weight:600}.ui-field-label small{color:var(--cw-ink-subtle);font:400 7px/1.25 IBM Plex Mono,monospace}.ui-field-label.is-stacked{display:grid;gap:2px}.ui-segmented-control{--ui-segment-x: 2px;--ui-segment-width: 0px;position:relative;display:flex;align-items:center;gap:2px;padding:2px;border-radius:var(--cw-radius-control)}.ui-segmented-control>:not(.ui-segmented-indicator){position:relative;z-index:1;transition:color var(--cw-duration-fast) var(--cw-ease-ui)}.ui-segmented-indicator{position:absolute;z-index:0;top:2px;bottom:2px;left:0;width:var(--ui-segment-width);pointer-events:none;background:var(--cw-surface-raised);border-radius:var(--cw-radius-inner);box-shadow:var(--cw-shadow-control);opacity:0;transform:translate3d(var(--ui-segment-x),0,0)}.ui-segmented-control[data-measured=true] .ui-segmented-indicator{opacity:1;transition:width var(--cw-duration-ui) var(--cw-ease-ui),transform var(--cw-duration-ui) var(--cw-ease-ui),opacity var(--cw-duration-fast) var(--cw-ease-fade)}.ui-segmented-control.is-tool .ui-segmented-indicator{background:var(--ui-segment-selected-bg, var(--cw-ink));box-shadow:none}.ui-segmented-control.is-tool>button[aria-pressed=true],.ui-segmented-control.is-tool>button[aria-selected=true]{color:var(--ui-segment-selected-ink, var(--cw-surface-raised))}.ui-slider{--ui-slider-ink: var(--cw-ink);--ui-slider-line: var(--cw-line);--ui-slider-thumb: var(--cw-surface-raised);width:100%;min-width:0;height:18px;margin:0;padding:0;background:transparent;cursor:ew-resize;appearance:none}.ui-slider::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--ui-slider-ink) 0 var(--ui-slider-progress),var(--ui-slider-line) var(--ui-slider-progress) 100%);border-radius:999px}.ui-slider::-webkit-slider-thumb{width:11px;height:11px;margin-top:-4.5px;background:var(--ui-slider-thumb);border:1px solid var(--ui-slider-ink);border-radius:50%;box-shadow:0 1px 2px #0000001f;transition:transform var(--cw-duration-fast) var(--cw-ease-ui);appearance:none}.ui-slider::-moz-range-track{height:2px;background:var(--ui-slider-line);border-radius:999px}.ui-slider::-moz-range-progress{height:2px;background:var(--ui-slider-ink);border-radius:999px}.ui-slider::-moz-range-thumb{width:11px;height:11px;background:var(--ui-slider-thumb);border:1px solid var(--ui-slider-ink);border-radius:50%;box-shadow:0 1px 2px #0000001f;transition:transform var(--cw-duration-fast) var(--cw-ease-ui)}.ui-slider:hover::-webkit-slider-thumb,.ui-slider:focus-visible::-webkit-slider-thumb{transform:scale(1.14)}.ui-slider:hover::-moz-range-thumb,.ui-slider:focus-visible::-moz-range-thumb{transform:scale(1.14)}.ui-slider:focus-visible{outline:none}.ui-slider:disabled{cursor:default;opacity:.38}.ui-panel-section>header{display:flex;align-items:center;justify-content:space-between}.ui-code-card,.ui-file-action{border-radius:var(--cw-radius-control)}@media(pointer:coarse){.ui-icon-button{min-width:var(--cw-control-hit-touch);min-height:var(--cw-control-hit-touch)}.compact-toolbar .ui-icon-button{min-width:30px;min-height:30px}.ui-slider{height:28px}.ui-slider::-webkit-slider-thumb{width:17px;height:17px;margin-top:-7.5px}.ui-slider::-moz-range-thumb{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){.ui-segmented-control[data-measured=true] .ui-segmented-indicator,.ui-segmented-control>:not(.ui-segmented-indicator){transition-duration:.01ms}.ui-slider::-webkit-slider-thumb{transition-duration:.01ms}.ui-slider::-moz-range-thumb{transition-duration:.01ms}}