.plane-instrument,.plane-instrument :where(*){box-sizing:border-box}.plane-instrument :where(button,input){font:inherit}.plane-instrument :where(button,label,input){touch-action:manipulation}.plane-instrument :where(button,input,summary):focus-visible{outline:2px solid var(--gp-user-accent);outline-offset:3px}.plane-instrument .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.plane-instrument{--gp-foreground:oklch(94% .008 255);--gp-quiet:oklch(69% .012 255);--gp-surface-0:oklch(15% .009 255);--gp-surface-1:oklch(18% .01 255);--gp-surface-2:oklch(20.5% .011 255);--gp-surface-3:oklch(25% .025 255);--gp-hairline:oklch(36% .012 255/.72);--gp-user-accent:var(--gamut-plane-accent,oklch(77% .13 230));--gp-status-outside:oklch(77% .15 45);--gp-cv-font-mono:var(--cv-font-mono,ui-monospace, monospace);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--gp-foreground);background:var(--gp-surface-0);--picker-plane-axis-space:24px;--picker-plane-max-size:520px;min-width:0;container:gamut-plane/inline-size}.plane-instrument .plane-instrument__view-control{width:min(100%, calc(var(--picker-plane-max-size) + var(--picker-plane-axis-space)));margin-inline:auto;margin-bottom:12px;padding-inline-start:calc(var(--picker-plane-axis-space) - 10px)}.plane-instrument .plane-instrument__view-control [role=radiogroup]{gap:4px;max-inline-size:100%;display:inline-flex}.plane-instrument .plane-instrument__view-control button{width:6em;min-inline-size:0;min-height:30px;color:var(--gp-quiet);text-align:center;cursor:pointer;background:0 0;border:0;padding:7px 10px;font-family:inherit;font-size:.8125rem;font-weight:450;line-height:1}.plane-instrument .plane-instrument__view-control button[aria-checked=true]{background:var(--gp-surface-3);color:var(--gp-foreground);font-weight:600}.plane-instrument .plane-instrument__view-control button:hover{color:var(--gp-foreground)}.plane-instrument .plane-instrument__view-control button:focus-visible{outline:1px solid var(--gp-user-accent);outline-offset:2px}.plane-instrument .plane-instrument__workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.plane-instrument .plane-instrument__field{width:min(100%, calc(var(--picker-plane-max-size) + var(--picker-plane-axis-space)));min-width:0;margin-inline:auto}.plane-instrument .color-plane{min-width:0;padding:0 0 20px var(--picker-plane-axis-space);position:relative}.plane-instrument .color-plane__surface{aspect-ratio:1;border:1px solid var(--gp-hairline);background:var(--gp-surface-1);cursor:crosshair;isolation:isolate;touch-action:none;border-radius:2px;outline:0;position:relative;overflow:hidden}.plane-instrument .color-plane__surface:focus-visible:not([data-pointer-focus]){border-color:var(--gp-user-accent);outline:2px solid var(--gp-user-accent);outline-offset:3px;box-shadow:0 0 0 5px var(--gp-surface-0)}.plane-instrument .color-plane canvas,.plane-instrument .color-plane__gamut{width:100%;height:100%;position:absolute;inset:0}.plane-instrument .color-plane canvas{display:block}.plane-instrument .color-plane__domain-boundary{z-index:1;pointer-events:none;border:1px solid oklch(94% 0 0/.24);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1px oklch(4% 0 0/.18)}.plane-instrument .color-plane__gamut{z-index:2;pointer-events:none;overflow:visible}.plane-instrument .color-plane__boundary-hit{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke}.plane-instrument .color-plane__boundary{fill:none;stroke-linecap:round;stroke-linejoin:round}.plane-instrument .color-plane__boundary--p3{stroke:oklch(95% .006 265/.92);stroke-width:1.15px}.plane-instrument .color-plane__boundary--srgb{stroke:oklch(25% .006 265/.96);stroke-width:1.25px;stroke-dasharray:5 4}.plane-instrument .color-plane__marker,.plane-instrument .color-plane__target-guide-connector,.plane-instrument .color-plane__warning{pointer-events:none;position:absolute}.plane-instrument .color-plane__marker,.plane-instrument .color-plane__target-guide-connector{z-index:4}.plane-instrument .color-plane__warning{z-index:3;width:var(--picker-warning-size,14px);height:var(--picker-warning-size,14px)}.plane-instrument .color-plane__marker{pointer-events:auto;transform:translate(-50%,-50%)}.plane-instrument .color-plane__marker--active{width:var(--picker-active-marker-size,18px);height:var(--picker-active-marker-size,18px);background:var(--marker-color);border:2px solid oklch(98% 0 0);border-radius:50%;box-shadow:0 0 0 1px oklch(4% 0 0),0 2px 7px oklch(0% 0 0/.72)}.plane-instrument .color-plane__marker--target-guide{width:var(--picker-target-guide-marker-size,11px);height:var(--picker-target-guide-marker-size,11px);background:var(--target-guide-marker-color,oklch(12% 0 0/.72));border:1px solid oklch(98% 0 0/.9);border-radius:50%;box-shadow:0 0 0 1px oklch(0% 0 0/.6)}.plane-instrument .color-plane__target-guide-connector{border-top:1px dashed oklch(98% 0 0/.72);height:1px;transform:translateY(-50%)}.plane-instrument .color-plane__render-mode{color:oklch(88% 0 0);font:8px/1.2 var(--gp-cv-font-mono);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:oklch(8% 0 0/.78);border:1px solid oklch(85% 0 0/.24);padding:2px 4px;position:absolute;bottom:0;right:0}.plane-instrument .color-plane__axis{color:var(--gp-quiet);font:9px/1 var(--gp-cv-font-mono);letter-spacing:.06em;text-transform:uppercase;position:absolute}.plane-instrument .color-plane__axis--lightness{top:50%;left:0;transform:translate(-38%,-50%)rotate(-90deg)}.plane-instrument .color-plane__axis--chroma{bottom:3px;right:0;left:var(--picker-plane-axis-space);text-align:center}.plane-instrument .plane-instrument__controls{gap:18px;min-width:0;display:grid}.plane-instrument .plane-instrument__coordinate-readout{border:1px solid var(--gp-hairline);background:var(--gp-surface-2);font:.6875rem/1.4 var(--gp-cv-font-mono);grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8em,50% - 7px)),1fr));align-items:center;gap:8px 14px;padding:10px;display:grid}.plane-instrument .plane-instrument__coordinate-readout>span,.plane-instrument .plane-instrument__coordinate-readout small{color:var(--gp-quiet);grid-column:1/-1}.plane-instrument .plane-instrument__coordinate-readout label{min-width:0;color:var(--gp-quiet);align-items:center;gap:6px;display:inline-flex}.plane-instrument .plane-instrument__coordinate-readout input{border:1px solid var(--gp-hairline);background:var(--gp-surface-1);width:100%;min-width:0;height:25px;color:var(--gp-foreground);font:.6875rem/1 var(--gp-cv-font-mono);text-align:right;border-radius:2px;padding:0 6px}.plane-instrument .plane-instrument__coordinate-readout input:focus-visible{border-color:var(--gp-user-accent);outline:2px solid var(--gp-user-accent);outline-offset:1px}.plane-instrument .plane-instrument__coordinate-readout small{margin-top:2px}@media (forced-colors:active){.plane-instrument .color-plane__surface:focus-visible:not([data-pointer-focus]){box-shadow:none;border-color:highlight;outline-color:highlight}}.plane-instrument .plane-instrument__target-result{gap:8px;padding:8px 0 10px;display:grid}.plane-instrument .plane-instrument__target-heading{grid-template-columns:minmax(0,132px) 24px minmax(0,1fr);align-items:center;gap:10px;font-family:inherit;font-size:.8125rem;line-height:1.35;display:grid}.plane-instrument .plane-instrument__target-heading>span:first-child{color:var(--gp-foreground)}.plane-instrument .plane-instrument__target-heading strong{color:var(--gp-quiet);text-transform:uppercase;justify-self:end;font-family:inherit;font-size:.6875rem;font-weight:600;line-height:1.35}.plane-instrument .plane-instrument__target-heading [data-target-status=outside]{color:var(--gp-status-outside)}.plane-instrument .plane-instrument__target-result dl{flex-wrap:wrap;gap:6px 16px;margin:0;display:flex}.plane-instrument .plane-instrument__target-result dl>div{color:var(--gp-quiet);gap:7px;margin:0;font-family:inherit;font-size:.75rem;line-height:1.4;display:flex}.plane-instrument .plane-instrument__target-result dd{color:var(--gp-foreground);font-family:var(--gp-cv-font-mono);font-variant-numeric:tabular-nums;margin:0}.plane-instrument .plane-instrument__target-swatch{border:1px solid oklch(96% 0 0/.7);align-self:center;width:24px;height:24px;box-shadow:0 0 0 1px oklch(0% 0 0/.72)}.plane-instrument .channel-control{gap:8px;display:grid}.plane-instrument .channel-control__header{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.plane-instrument .channel-control__header label{color:var(--gp-quiet);align-items:center;gap:7px;font-size:.75rem;display:inline-flex}.plane-instrument .channel-control__header label span{border:1px solid var(--gp-hairline);width:20px;height:20px;color:var(--gp-foreground);font:.6875rem/1 var(--gp-cv-font-mono);place-items:center;display:grid}.plane-instrument .channel-control__number{border:1px solid var(--gp-hairline);background:var(--gp-surface-2);width:8.5ch;min-width:86px;height:25px;color:var(--gp-foreground);font:.6875rem/1 var(--gp-cv-font-mono);text-align:right;border-radius:2px;outline:0;grid-column:3;justify-self:end;padding:0 6px}.plane-instrument .channel-control__number:focus-visible{border-color:var(--gp-user-accent);outline:2px solid var(--gp-user-accent);box-shadow:0 0 0 1px var(--gp-user-accent)}.plane-instrument .channel-control__track{height:var(--picker-slider-track-height,32px);background:var(--gp-surface-0);border:1px solid #0000;border-radius:2px;position:relative}.plane-instrument .channel-control__track:has(>.channel-control__range:focus-visible:not([data-pointer-focus])){border-color:var(--gp-user-accent)}.plane-instrument .channel-control__field{z-index:1;inset:var(--picker-slider-field-inset,5px);background-color:var(--gp-surface-2);background-repeat:no-repeat;background-size:100% 100%;border:1px solid oklch(92% 0 0/.18);position:absolute}.plane-instrument .channel-control__range{z-index:6;appearance:none;cursor:pointer;background:0 0;outline:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.plane-instrument .channel-control__range::-webkit-slider-runnable-track{background:0 0;height:100%}.plane-instrument .channel-control__range::-webkit-slider-thumb{box-sizing:border-box;width:var(--picker-slider-thumb-width,10px);height:27px;margin-top:var(--picker-slider-thumb-top,2px);appearance:none;background:var(--picker-active,oklch(10% 0 0/.68));cursor:grab;border:2px solid oklch(98% 0 0/.98);border-radius:1px;box-shadow:0 0 0 1px oklch(0% 0 0/.78),0 2px 7px oklch(0% 0 0/.8)}.plane-instrument .channel-control__range::-moz-range-track{background:0 0;height:100%}.plane-instrument .channel-control__range::-moz-range-thumb{box-sizing:border-box;width:var(--picker-slider-thumb-width,10px);background:var(--picker-active,oklch(10% 0 0/.68));cursor:grab;border:2px solid oklch(98% 0 0/.98);border-radius:1px;height:25px;box-shadow:0 0 0 1px oklch(0% 0 0/.78),0 2px 7px oklch(0% 0 0/.8)}.plane-instrument .channel-control__range:active{cursor:grabbing}.plane-instrument .channel-control__range:active::-webkit-slider-thumb{cursor:grabbing}.plane-instrument .channel-control__range:active::-moz-range-thumb{cursor:grabbing}.plane-instrument .channel-control__gamut-ranges,.plane-instrument .channel-control__gamut-range,.plane-instrument .channel-control__warning{pointer-events:none;position:absolute}.plane-instrument .channel-control__help{color:var(--gp-quiet);margin:0;font-size:.75rem;line-height:1.55}.plane-instrument .channel-control__gamut-ranges{z-index:4;inset:0 var(--picker-slider-field-inset,5px)}.plane-instrument .channel-control__gamut-range{height:11px;color:var(--gp-foreground);opacity:.78}.plane-instrument .channel-control__gamut-range--display-p3{border-top:1px solid;top:2px}.plane-instrument .channel-control__gamut-range--srgb{opacity:.56;border-bottom:1px dashed;bottom:2px}.plane-instrument .channel-control__boundary-preview-position{z-index:5;inset:0 var(--picker-slider-field-inset,5px);pointer-events:none;position:absolute}.plane-instrument .channel-control__boundary-preview{border:1px solid oklch(98% 0 0/.9);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px oklch(0% 0 0/.72)}.plane-instrument .channel-control__warning{z-index:4;--slider-warning-optical-offset:3px;top:var(--picker-slider-warning-top,-5px);left:clamp(var(--picker-slider-warning-edge,9px), calc(var(--picker-slider-warning-position,0%) + var(--picker-slider-warning-thumb-offset,5px) + var(--picker-slider-warning-side-offset,14px) + var(--slider-warning-optical-offset)), calc(100% - var(--picker-slider-warning-edge,9px)));width:11px;height:11px;transform:translate(-50%)}.plane-instrument .channel-control__warning[data-warning-side=left]{--slider-warning-optical-offset:-3px}@container gamut-plane (width>=39em){.plane-instrument .plane-instrument__view-control{margin-inline:0}.plane-instrument .plane-instrument__workspace{grid-template-columns:minmax(320px, calc(var(--picker-plane-max-size) + var(--picker-plane-axis-space))) minmax(270px, 1fr);gap:34px}}@container gamut-plane (width<=30em){.plane-instrument .plane-instrument__view-control,.plane-instrument .plane-instrument__workspace{--picker-plane-axis-space:19px}}.plane-instrument .color-plane__surface,.plane-instrument .channel-control__track,.plane-instrument input{direction:ltr}.gamut-warning-glyph[data-v-e7e9dd4b]{pointer-events:none;display:block;overflow:visible}.gamut-warning-glyph path[data-v-e7e9dd4b]{stroke-linejoin:round;fill:var(--gp-status-outside,oklch(77% .15 45));stroke:oklch(8% 0 0/.96);stroke-width:1.25px}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--foreground:oklch(94% .008 255);--quiet:oklch(69% .012 255);--surface-0:oklch(15% .009 255);--surface-1:oklch(18% .01 255);--surface-2:oklch(20.5% .011 255);--surface-3:oklch(25% .025 255);--hairline:oklch(36% .012 255/.72);--user-accent:oklch(77% .13 230);--status-inside:oklch(79% .12 158);--status-outside:oklch(77% .15 45);--cv-font-mono:"Geist Mono Variable", ui-monospace, monospace;background:var(--surface-0);color:var(--foreground);font-family:Inter Variable,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--surface-0);min-width:280px}body{background:var(--surface-0);min-width:280px;min-height:100svh;margin:0}button,input{font:inherit}button,label,input[type=range],input[type=checkbox],input[type=radio]{touch-action:manipulation}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--user-accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{width:min(100%,1560px);margin:0 auto;padding:0 clamp(18px,3.5vw,56px) clamp(40px,6vw,88px)}.project-header{align-items:center;min-height:0;padding:20px 0 8px;display:flex}.project-identity{gap:4px;max-width:850px;display:grid}.project-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,2.2vw,2.125rem);font-weight:640}.project-identity>p:last-child{color:var(--quiet);margin:0;font-size:clamp(.8125rem,1.15vw,.9375rem);line-height:1.5}.instrument-layout{grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:start;gap:clamp(26px,2.5vw,40px);padding-top:clamp(22px,2.8vw,36px);display:grid}.instrument-primary,.color-inspector{min-width:0}.color-inspector section{margin-bottom:28px}.color-inspector section:last-child{margin-bottom:0}.color-inspector h3,.gamut-reference h3{color:var(--quiet);margin:0 0 14px;font-size:.8125rem;font-weight:550;line-height:1.4}.coordinate-summary h3{color:var(--foreground);font-size:1rem;font-weight:600}.coordinate-summary__values{flex-wrap:wrap;gap:8px 20px;margin:0;display:flex}.coordinate-summary__values>div{align-items:baseline;gap:7px;display:flex}.coordinate-summary__values dt,.coordinate-summary__values dd{margin:0;font-size:.875rem}.coordinate-summary__values dt{color:var(--quiet)}.coordinate-summary__values dd{font-family:var(--cv-font-mono);font-variant-numeric:tabular-nums}.gamut-facts dl{gap:8px;margin:0;display:grid}.gamut-facts dl>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.gamut-facts dt,.gamut-facts dd{margin:0;font-size:.8125rem}.gamut-facts dd{text-transform:uppercase;font-size:.75rem;font-weight:600}[data-status=inside]{color:var(--status-inside)}[data-status=outside]{color:var(--status-outside)}.css-output p{color:var(--quiet);margin:10px 0 0;font-size:.75rem;line-height:1.6}.canvas-fact{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.color-inspector .canvas-fact h3{margin-bottom:0}.canvas-fact p{color:var(--foreground);margin:0;font-size:.75rem}.css-representation{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 24px auto;align-items:center;gap:3px 14px;padding:7px 0;display:grid}.css-representation:first-of-type{padding-top:0}.css-representation>span:first-child{color:var(--quiet);grid-area:1/1;font-size:.8125rem}.css-representation .css-representation__swatch{border:1px solid oklch(95% 0 0/.72);grid-area:1/2/3;width:24px;height:24px;display:block;box-shadow:0 0 0 1px oklch(0% 0 0/.62)}.css-representation__value{overflow-wrap:anywhere;min-width:0;color:var(--foreground);font:.75rem/1.45 var(--cv-font-mono);grid-area:2/1}.css-representation__value code{font:inherit}.css-output button{border:1px solid var(--hairline);background:var(--surface-2);min-width:70px;min-height:34px;color:var(--foreground);cursor:pointer;border-radius:2px;grid-area:1/3/3;padding:5px 12px;font:500 .75rem/1.2 Inter Variable,ui-sans-serif,system-ui,sans-serif;transition:border-color .12s,background-color .12s,color .12s}.css-output button:hover:not(:disabled){border-color:var(--user-accent);background:var(--surface-3)}.css-output button:active:not(:disabled){background:var(--surface-1);transform:translateY(1px)}.css-output button[data-copied=true]{border-color:var(--status-inside);color:var(--status-inside)}.css-output button:disabled{border-style:dashed}.gamut-reference{min-width:0;padding:0 0 0 var(--picker-plane-axis-space);margin:8px 0 0}.gamut-reference h3{margin-bottom:6px}.gamut-reference fieldset{border:0;min-width:0;margin:0;padding:0}.gamut-reference__row{grid-template-columns:94px minmax(0,1fr);align-items:center;gap:10px;display:grid}.gamut-reference__label{color:var(--quiet);letter-spacing:0;font-size:.75rem;line-height:1.3}.gamut-reference__options{flex-wrap:wrap;gap:0 16px;display:flex}.gamut-reference label{cursor:pointer;align-items:center;gap:9px;min-height:40px;padding-right:8px;font-size:.8125rem;display:inline-flex}.gamut-reference input{width:16px;height:16px;accent-color:var(--user-accent);flex:none}.boundary-key{border-top:2px solid oklch(95% .006 265/.92);flex:none;width:18px;display:inline-block}.boundary-key--srgb{border-top-style:dashed;border-top-color:var(--quiet)}@media (width<=1100px){.instrument-layout{grid-template-columns:minmax(0,1fr)}.color-inspector{padding-top:30px}.color-inspector section{max-width:720px}}@media (width>=1101px){.app-shell{grid-template-rows:auto minmax(0,1fr);block-size:100svh;padding-bottom:0;display:grid}.instrument-layout{contain:layout paint;overscroll-behavior:contain;scrollbar-gutter:stable;min-block-size:0;padding-block:clamp(14px,2vh,22px);overflow-y:auto;container:standalone-workspace/size}.instrument-primary .plane-instrument{--picker-plane-max-size:clamp(460px, calc(100cqh - 223px), 520px)}@container standalone-workspace (height<=730px){.color-inspector section{margin-bottom:20px}}}@media (width<=760px){.project-header{min-height:0;padding:20px 0}.instrument-layout{padding-top:28px}}@media (width<=420px){.gamut-reference__row{grid-template-columns:minmax(0,1fr);gap:0}}