.chroma-select{vertical-align:middle;--select-height:var(--ui-height,40px);width:100%;min-width:0;display:inline-flex}.chroma-select>.chroma-select-trigger{width:100%;min-width:0;min-height:var(--select-height);border:var(--ui-border,1.5px solid var(--ink));border-radius:var(--ui-radius,4px);background:var(--white);color:var(--ink);box-shadow:var(--ui-shadow,2px 2px 0 var(--ink));font:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.5;transition:background-color .12s,box-shadow .12s;display:flex}.chroma-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.chroma-select-chevron{flex:none;width:20px;height:20px;transition:transform .12s;display:block}.chroma-select>.chroma-select-trigger[aria-expanded=true]{background:var(--soft-purple);box-shadow:none}.chroma-select-trigger[aria-expanded=true] .chroma-select-chevron{transform:rotate(180deg)}.chroma-select>.chroma-select-trigger:disabled{background:var(--paper);box-shadow:none;opacity:.5;cursor:not-allowed}.chroma-select>.chroma-select-trigger:focus-visible{outline:3px solid var(--control-focus);outline-offset:4px}.chroma-select-menu{z-index:1000;box-sizing:border-box;border:1.5px solid var(--ink);background:var(--white);color:var(--ink);box-shadow:4px 4px 0 var(--ink);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:6px;margin:0;padding:5px;font:12px/1.5 Noto Sans SC,PingFang SC,sans-serif;position:fixed;inset:auto;overflow:auto}.chroma-select-option{box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:14px;min-height:38px;padding:8px 10px;font-weight:600;display:flex}.chroma-select-option>span{overflow-wrap:anywhere;min-width:0}.chroma-select-option>svg{visibility:hidden;flex:none;width:17px;height:17px}.chroma-select-option[aria-selected=true]{background:var(--soft-purple);color:var(--ink);font-weight:800}.chroma-select-option[aria-selected=true]>svg{visibility:visible}.chroma-select-option[data-active=true]:not([aria-disabled=true]){border-color:var(--ink);background:var(--paper)}.chroma-select-option[data-active=true][aria-selected=true]{background:var(--soft-purple)}.chroma-select-option[aria-disabled=true]{color:var(--muted);opacity:.45;cursor:not-allowed}@media (hover:hover){.chroma-select>.chroma-select-trigger:hover:not(:disabled,[aria-expanded=true]){background:var(--soft-purple)}}@media (width<=760px),(width<=960px) and (height<=500px){.chroma-select{--select-height:44px}.chroma-select-option{min-height:44px;font-size:13px}}@media (prefers-reduced-motion:reduce){.chroma-select>.chroma-select-trigger,.chroma-select-chevron{transition:none}}.small-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.small-tool-card{color:#25232d;background:#fffef8;border:1px solid #cfc8d4;border-radius:5px;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;gap:14px;min-height:94px;padding:12px 16px;text-decoration:none;display:grid}.small-tool-art{border-radius:4px;place-items:center;width:56px;height:62px;display:grid;position:relative;overflow:hidden}.small-tool-art-forge{background:#ece5f4}.small-tool-art-dice{background:var(--soft-purple);color:var(--ink)}.small-tool-art-dice>svg{width:50px;height:56px}.small-tool-art-forge>svg{width:37px;height:45px}.small-tool-art-training{background:#223239}.small-tool-art-training>img{object-fit:cover;filter:brightness(.65);width:100%;height:100%;display:block}.small-tool-mini{background:#243a41;border:1.5px solid #b8c49c;border-radius:50%;width:40px;height:40px;position:absolute;overflow:hidden}.small-tool-mini>img{width:170%;max-width:none;height:auto;position:absolute;top:-2%;left:-28%}.small-tool-card-copy{min-width:0}.small-tool-card-copy h3{margin:0;font-size:17px;font-weight:800;line-height:1.5}.small-tool-card-copy p{color:#756e7c;margin:4px 0 0;font-size:11px;line-height:1.7}.small-tool-resume{color:#756e7c;margin-top:3px;font-size:10px;display:block}.small-tool-card-arrow{color:#84798f;font-size:21px}#small-tools-title{outline:none;scroll-margin-top:0}.small-tool-card:focus-visible{outline-offset:3px;outline:3px solid #b77926}@media (hover:hover){.small-tool-card:hover{background:#f7f3fc;border-color:#9c8aaf}.small-tool-card:hover .small-tool-card-arrow{color:#7155b7}}.small-tool-card:active{background:#eee7f6}@media (width>=1100px){.small-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.small-tool-grid{grid-template-columns:1fr;gap:9px}.small-tool-card{grid-template-columns:48px minmax(0,1fr) 16px;gap:12px;min-height:86px;padding:10px 12px}.small-tool-art{width:48px;height:54px}.small-tool-art-forge>svg{width:32px;height:40px}.small-tool-mini{width:35px;height:35px}.small-tool-card-copy h3{font-size:16px}}:root{--paper:#f4f3ef;--white:#fffefa;--ink:#242737;--muted:#777986;--line:#dcdbe1;--yellow:#f8d64d;--purple:#7968d8;--soft-purple:#eeebfb;--base:#7968d8;--shadow:5px 5px 0 var(--ink);color:var(--ink);font-synthesis:none;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--paper);background-image:radial-gradient(#bfc0c34a .75px,#0000 .75px);background-size:7px 7px;margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input,label{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #407fcc}button{border-radius:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}input[type=range]{cursor:pointer;width:100%;margin:0}button,fieldset{margin:0}fieldset{border:0;padding:0}button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:19px;height:19px}button:active{transform:translate(2px,2px)}[hidden]{display:none!important}.page-shell{max-width:1336px;margin:auto;padding:0 52px}.site-header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;height:104px;display:flex}.brand{align-items:center;gap:21px;display:flex}.brand-word{letter-spacing:1px;align-items:center;gap:4px;font-family:Bangers,Impact,sans-serif;font-size:48px;line-height:1;display:inline-flex;transform:rotate(-3deg)}.brand-miniature{object-fit:contain;flex-shrink:0;width:.82em;height:.92em;display:block;transform:rotate(3deg)}.brand-description{border-left:1px solid var(--ink);letter-spacing:1px;padding-left:20px;font-size:14px;font-weight:700}.header-note{color:#606270;align-items:center;gap:9px;font-size:13px;display:flex}.tiny-spark{color:var(--purple);font-size:24px}.intro{justify-content:space-between;align-items:flex-end;gap:24px;margin:35px 0 29px;display:flex}.eyebrow{letter-spacing:1.6px;margin-bottom:12px;font:700 12px Space Mono,monospace}.intro h1{letter-spacing:-1.2px;font-size:clamp(26px,3.6vw,43px);font-weight:900;line-height:1.5}.title-highlight{z-index:0;margin-left:3px;display:inline-block;position:relative}.title-highlight:before{content:"";z-index:-1;background:var(--yellow);height:19px;position:absolute;bottom:5px;left:-4px;right:-5px;transform:rotate(-2deg)}.title-star{color:var(--purple);font-size:28px;position:absolute;top:-15px;right:-15px;transform:rotate(14deg)}.intro p{color:#606270;padding-bottom:8px;font-size:16px;line-height:1.9}.workbench{grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:25px;display:grid}.comic-panel{border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.panel-heading{border-bottom:2px solid var(--ink);align-items:center;gap:10px;min-height:66px;padding:16px 21px;display:flex}.panel-heading h2{white-space:nowrap;font-size:17px;font-weight:800}.step-badge{background:var(--yellow);border:1.5px solid var(--ink);text-align:center;min-width:28px;box-shadow:2px 2px 0 var(--ink);font-family:Space Mono,monospace;font-size:13px;font-weight:700;line-height:24px;transform:rotate(-5deg)}.step-badge.purple{background:var(--purple);color:#fff}.panel-caption{color:var(--muted);margin-left:auto;font:12px Space Mono,monospace}.control-body{padding:24px 24px 25px}.base-input-row{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:17px;display:grid}.base-color-button{background:var(--base);border:2px solid var(--ink);width:64px;height:64px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:10px;display:block;position:relative;overflow:hidden}.base-color-button input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.base-color-button:focus-within{outline-offset:4px;outline:3px solid #407fcc}.picker-cross{pointer-events:none;border:1.5px solid var(--ink);background:var(--white);border-radius:50%;place-items:center;width:22px;height:22px;font-size:17px;line-height:1;display:grid;position:absolute;bottom:5px;right:6px}.hex-field label{color:#696b78;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.hex-field label span{color:#90909a;font:12px Space Mono,monospace}.hex-input-wrap{border:1.5px solid var(--ink);background:#fff;border-radius:5px;align-items:center;height:38px;padding-left:11px;font-family:Space Mono,monospace;display:flex}.hex-input-wrap span{color:#9795a3;font-size:16px}.hex-input-wrap input{letter-spacing:.2px;width:100%;min-width:0;height:100%;color:var(--ink);text-transform:uppercase;background:0 0;border:0;padding:0 10px 0 5px;font:700 16px Space Mono,monospace}.hex-input-wrap input:focus{outline:none}.hex-input-wrap:has([aria-invalid=true]){border-color:#ac2744}.field-error{color:#ac2744;margin-top:10px;font-size:12px;line-height:1.6}.color-controls{gap:18px;margin-top:24px;display:grid}.range-label{justify-content:space-between;align-items:center;margin-bottom:9px;font-size:14px;font-weight:500;display:flex}.range-label label span{color:var(--muted);margin-left:5px;font-family:Space Mono,monospace;font-size:12px}.range-label output{color:#757582;font:12px Space Mono,monospace}.color-range{appearance:none;border:1px solid #24273775;border-radius:9px;height:10px;display:block}.color-range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);background:var(--white);width:19px;height:19px;box-shadow:0 1px 0 var(--ink);border-radius:50%}.color-range::-moz-range-thumb{border:2px solid var(--ink);background:var(--white);border-radius:50%;width:16px;height:16px}.color-range::-moz-range-track{background:0 0}.preset-section{margin-top:24px}.small-heading{color:#747580;margin-bottom:10px;font-size:12px}.preset-section .small-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:13px;display:flex}.preset-tag{color:var(--purple);font-size:12px;font-weight:700}.presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preset-button{border:1.5px solid var(--line);background:var(--white);min-width:0;min-height:44px;color:var(--ink);text-align:left;border-radius:5px;align-items:center;gap:8px;padding:7px 9px;font-size:14px;font-weight:600;display:flex;position:relative}.preset-chip{border:1px solid var(--ink);background:var(--swatch);border-radius:3px;flex:none;width:23px;height:26px}.preset-button[aria-pressed=true]{border-color:var(--ink);background:var(--soft-purple);box-shadow:2px 2px 0 var(--ink)}.preset-button:hover{border-color:var(--ink)}.preset-button:focus-visible{outline-offset:3px;outline:3px solid #407fcc}.settings-divider{border-top:1px dashed #c6c5ce;margin:24px 0 21px}.mood-field legend{margin-bottom:11px;font-size:13px;font-weight:600}.mood-options{gap:7px;display:grid}.mood-option{cursor:pointer;position:relative}.mood-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.mood-option>span{background:#fff;border:1px solid #dedde5;border-radius:5px;align-items:center;gap:11px;height:36px;padding:0 12px;font-size:14px;transition:background .15s,border-color .15s;display:flex}.mood-symbol{text-align:center;color:#777584;width:20px;font-size:18px}.mood-option input:checked+span{border:1.5px solid var(--ink);background:var(--soft-purple);box-shadow:2px 2px 0 var(--ink);font-weight:700}.mood-option input:checked+span:after{content:"✓";margin-left:auto;font-size:12px}.mood-option input:focus-visible+span{outline-offset:3px;outline:3px solid #407fcc}.contrast-field .range-label{margin-bottom:7px}.contrast-field output{color:#71677e;background:#f0eef6;border-radius:3px;padding:2px 7px;font-family:inherit;font-size:12px}.contrast-field input{appearance:none;background:linear-gradient(to right,var(--purple) 0%,var(--purple) 55%,#e6e3eb 55%,#e6e3eb 100%);border-radius:5px;height:5px;margin:12px 0 10px;display:block}.contrast-field input::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);background:var(--yellow);border-radius:50%;width:17px;height:17px}.contrast-field input::-moz-range-thumb{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;width:14px;height:14px}.range-endpoints{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.palette-panel{flex-direction:column;display:flex}.palette-panel .panel-heading{padding-left:25px;padding-right:25px}.grayscale-toggle{white-space:nowrap;cursor:pointer;color:#626371;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex;position:relative}.grayscale-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle-track{border:1.5px solid var(--ink);background:#e8e6ed;border-radius:20px;width:29px;height:17px;transition:background .2s;position:relative}.toggle-track:before{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;transition:transform .2s;position:absolute;top:2.5px;left:2.5px}.grayscale-toggle input:checked+.toggle-track{background:var(--yellow)}.grayscale-toggle input:focus-visible+.toggle-track{outline-offset:3px;outline:3px solid #407fcc}.wheel-stage{background-image:radial-gradient(#bcb7ca60 .7px,#0000 .7px);background-size:7px 7px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:376px;padding:9px 10px 24px;display:flex;position:relative;overflow:hidden}.palette-wheel-wrap{aspect-ratio:1;flex-shrink:0;width:min(355px,75%);position:relative}.palette-wheel-wrap svg{width:100%;height:100%;display:block;overflow:visible}.wheel-center{background:0 0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:34%;height:34%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-center:active{transform:translate(-48%,-48%)}.wheel-center>span:first-child{color:#8a8699;letter-spacing:3px;font:12px Space Mono,monospace}.wheel-center strong{color:var(--ink);font:700 17px Space Mono,monospace}.wheel-center .center-copy{color:#a19aab;font-size:12px}.wheel-center:hover .center-copy{color:var(--purple)}.wheel-sector{transition:fill .16s}.wheel-sector-label{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font:600 12px Noto Sans SC,PingFang SC,sans-serif}.stage-label{z-index:1;flex-direction:column;gap:5px;display:flex;position:absolute}.stage-label>span:first-child{letter-spacing:1px;font:23px Bangers,Impact,sans-serif}.stage-label>span:nth-child(2){color:#7c7789;font-size:12px}.shade-label{top:44px;left:25px;transform:rotate(-8deg)}.light-label{top:65px;right:22px;transform:rotate(7deg)}.stage-label svg{fill:none;width:46px;height:30px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin:4px auto 0}.wheel-footnote{color:#767181;text-align:center;align-items:center;gap:7px;padding:0 15px;font-size:12px;line-height:1.6;display:flex}.live-dot{background:var(--purple);border-radius:50%;flex-shrink:0;width:6px;height:6px}.palette-strip-area{border-top:2px solid var(--ink);padding:22px 25px 23px}.strip-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.strip-heading h3{font-size:14px;font-weight:700}.strip-heading>span{color:#8b8697;font-size:12px}.palette-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.palette-card{border:1.5px solid var(--ink);background:var(--white);border-radius:7px;flex-direction:column;align-items:stretch;min-width:0;padding:0;transition:box-shadow .16s,transform .16s;display:flex;overflow:hidden}.palette-card:hover{box-shadow:3px 4px 0 var(--ink);transform:translate(-1px,-3px)}.card-color{border-bottom:1.5px solid var(--ink);height:77px;position:relative}.card-color .base-star{color:var(--swatch-text);font-size:18px;position:absolute;top:7px;right:7px}.card-info{flex-direction:column;align-items:center;gap:5px;padding:10px 2px 11px;display:flex}.card-name{font-size:14px;font-weight:600}.card-hex{color:#77717f;letter-spacing:-.3px;font:12px Space Mono,monospace}.palette-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.palette-tip{color:#908995;max-width:235px;font-size:12px;line-height:1.7}.copy-palette-button{border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:var(--yellow);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:700;display:flex}.copy-palette-button:hover{background:#ffe479}.is-grayscale .color-fill{filter:grayscale()}.painting-note{border:1.5px solid var(--ink);background:#f9eeba;border-radius:7px;align-items:center;gap:16px;margin:25px 0 0;padding:14px 18px;display:flex;position:relative}.note-tag{white-space:nowrap;border:1px solid var(--ink);background:var(--white);box-shadow:2px 2px 0 var(--ink);padding:4px 9px;font-size:12px;font-weight:800;transform:rotate(-3deg)}.painting-note p{color:#6f6547;font-size:12px;line-height:1.8}.note-decoration{color:#a49b72;margin-left:auto;font-size:28px}footer{color:#9c97a0;letter-spacing:1px;justify-content:space-between;gap:20px;padding:23px 0 24px;font:12px Space Mono,monospace;display:flex}.footer-divider{margin:0 8px}.toast{background:var(--ink);color:#fff;border:2px solid var(--white);opacity:0;pointer-events:none;z-index:20;text-align:center;border-radius:8px;max-width:calc(100vw - 32px);padding:13px 21px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,14px);box-shadow:4px 4px #24273750}.toast.visible{opacity:1;transform:translate(-50%)}@media (width>=1450px){.intro{margin-top:44px;margin-bottom:34px}.wheel-stage{min-height:391px}.palette-wheel-wrap{width:370px}}@media (width<=1100px){.page-shell{padding:0 30px}.workbench{grid-template-columns:290px minmax(0,1fr);gap:21px}.control-body{padding:23px 20px}.panel-caption{display:none}.palette-panel .panel-heading{padding:16px 19px}.stage-label{display:none}.palette-wheel-wrap{width:min(345px,90%)}.palette-strip-area{padding:20px 18px}.palette-cards{gap:7px}.card-hex{font-size:12px}.palette-tip{max-width:150px}.copy-palette-button{padding:9px 10px;font-size:14px}.strip-heading>span{font-size:12px}}@media (width<=800px){.page-shell{padding:0 23px}.site-header{height:88px}.brand-word{font-size:41px}.brand-description{letter-spacing:0;padding-left:14px;font-size:12px}.brand{gap:15px}.header-note{display:none}.intro{margin:28px 0 23px}.intro h1{font-size:34px}.intro p{display:none}.eyebrow{font-size:12px}.workbench{grid-template-columns:255px minmax(0,1fr);gap:17px}.control-body{padding:21px 17px}.palette-panel .panel-heading{flex-wrap:wrap;row-gap:10px}.panel-heading h2{font-size:15px}.grayscale-toggle{gap:5px;font-size:12px}.palette-wheel-wrap{width:100%}.wheel-stage{min-height:300px}.wheel-center strong{font-size:14px}.wheel-center>span:first-child,.wheel-footnote{font-size:12px}.strip-heading{flex-direction:column;align-items:flex-start;gap:5px}.palette-cards{gap:5px}.card-color{height:70px}.card-name{font-size:14px}.card-hex{letter-spacing:-.6px;font-size:12px}.palette-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:15px}.palette-tip{max-width:none}.painting-note p{font-size:12px}footer>span:last-child{display:none}}@media (width<=760px){.page-shell{padding:0 18px}.site-header{height:80px}.brand-word{font-size:39px}.brand-description{font-size:12px}.intro{margin:27px 0 24px}.intro h1{letter-spacing:-1px;font-size:32px}.eyebrow{letter-spacing:1px;font-size:12px}.workbench{grid-template-columns:1fr;gap:23px}.panel-heading{min-height:61px;padding:15px 20px}.panel-heading h2{font-size:17px}.panel-caption{font-size:12px;display:block}.control-body{padding:21px 21px 24px}.base-input-row{grid-template-columns:64px 1fr}.hex-input-wrap input{font-size:17px}.color-controls{gap:20px}.range-label{font-size:14px}.range-label output{font-size:13px}.small-heading{font-size:12px}.mood-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mood-option>span{flex-direction:column;justify-content:center;gap:1px;height:49px;padding:5px;font-size:12px}.mood-symbol{font-size:17px;line-height:19px}.mood-option input:checked+span:after{display:none}.contrast-field{margin-top:22px}.settings-divider{margin:22px 0 18px}.mood-field legend{font-size:14px}.grayscale-toggle{margin-left:auto;font-size:12px}.palette-panel .panel-heading{padding:15px 20px}.palette-wheel-wrap{width:min(350px,94%)}.wheel-stage{min-height:361px;padding:10px 5px 20px}.wheel-center strong{font-size:17px}.wheel-center>span:first-child,.wheel-center .center-copy,.wheel-footnote{font-size:12px}.palette-strip-area{padding:21px 16px}.strip-heading{flex-direction:row;align-items:center;gap:7px}.strip-heading h3{font-size:13px}.strip-heading>span{font-size:12px}.palette-cards{gap:6px}.card-color{height:79px}.card-name{font-size:14px}.card-hex{letter-spacing:-.4px;font-size:12px}.palette-actions{gap:13px}.copy-palette-button{padding:12px;font-size:13px}.palette-tip{text-align:center;font-size:12px}.painting-note{align-items:flex-start;gap:12px;padding:14px 13px}.painting-note p{font-size:12px;line-height:1.8}.note-tag{margin-top:1px;font-size:12px;line-height:1.8}.note-decoration{display:none}footer{letter-spacing:.4px;padding-top:22px;font-size:12px}.footer-divider{margin:0 3px}.toast{font-size:13px;bottom:18px}}@media (width<=360px){.page-shell{padding:0 13px}.brand-description{font-size:12px}.brand-word{font-size:35px}.intro h1{font-size:28px}.palette-panel .panel-heading{gap:8px;padding:15px 12px}.panel-heading h2{font-size:15px}.grayscale-toggle{font-size:12px}.palette-strip-area{padding:18px 10px}.card-hex{font-size:12px}.wheel-stage{min-height:315px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.advanced-controls>summary{display:none}.catalog-open-button{background:var(--soft-purple);border:1.5px solid var(--ink);width:100%;box-shadow:2px 2px 0 var(--ink);text-align:left;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;margin-top:19px;padding:12px 10px;font-size:14px;font-weight:700;display:flex}.catalog-open-button:hover{background:#e2dcfa}.catalog-brand-hint{white-space:nowrap;font:400 12px Space Mono,monospace}.selected-paint{overflow-wrap:anywhere;padding:12px 1px 0}.selected-paint:not([hidden]){gap:4px;display:grid}.selected-paint-label{color:#6552ad;font:12px Space Mono,monospace}.selected-paint strong{font-size:14px;line-height:1.5}.selected-paint>span:last-child{color:var(--muted);font-size:12px;line-height:1.5}body.catalog-open{overflow:hidden}.catalog-dialog{border:2px solid var(--ink);background:var(--white);width:min(920px,100vw - 40px);max-width:none;height:min(840px,100dvh - 48px);max-height:none;color:var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:13px;margin:auto;padding:0;overflow:hidden}.catalog-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24273788}.catalog-layout{flex-direction:column;height:100%;min-height:0;display:flex}.catalog-heading{border-bottom:2px solid var(--ink);background:var(--yellow);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.catalog-kicker{letter-spacing:2px;font:12px Space Mono,monospace}.catalog-heading h2{margin-top:2px;font-size:25px;font-weight:900;line-height:1.5}.catalog-close{background:var(--white);border:1.5px solid var(--ink);width:38px;height:38px;box-shadow:2px 2px 0 var(--ink);border-radius:6px;flex-shrink:0;place-items:center;font-size:27px;line-height:1;display:grid}.catalog-toolbar{flex-shrink:0;padding:18px 25px 0}.catalog-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.catalog-brands button{border:1.5px solid var(--line);min-width:0;color:var(--muted);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:11px 13px;font-size:14px;display:flex}.catalog-brands strong{letter-spacing:1px;color:var(--ink);font:23px Bangers,Impact,sans-serif}.catalog-brands button[aria-pressed=true]{background:var(--soft-purple);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.paint-brand-count{white-space:nowrap;margin-left:auto;font-size:12px}.catalog-filters{grid-template-columns:minmax(0,1fr) minmax(170px,.55fr);gap:15px;margin-top:20px;display:grid}.catalog-filters label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}.catalog-filters input{border:1.5px solid var(--ink);width:100%;min-width:0;height:42px;color:var(--ink);background:#fff;border-radius:5px;padding:8px 11px;font:14px Noto Sans SC,PingFang SC,sans-serif;display:block}.catalog-filters input::placeholder{color:#898490;font-size:12px}.catalog-count-row{color:#6d687a;justify-content:space-between;align-items:center;gap:10px;padding:14px 0 12px;font-size:12px;display:flex}.catalog-count-row>span:last-child{color:#827c8c}.catalog-results-area{overscroll-behavior:contain;background-image:radial-gradient(#bcb7ca50 .7px,#0000 .7px);background-size:7px 7px;flex:1;min-height:0;padding:4px 25px 20px;overflow:auto}.catalog-results{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:14px;display:grid}.paint-swatch{background:var(--white);border:1.5px solid var(--ink);text-align:left;min-width:0;color:var(--ink);border-radius:7px;flex-direction:column;padding:0;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.paint-swatch:hover{box-shadow:3px 4px 0 var(--ink);transform:translate(-1px,-2px)}.paint-swatch[aria-pressed=true]{box-shadow:3px 3px 0 var(--purple);outline:2px solid var(--purple);outline-offset:1px}.paint-swatch-color{border-bottom:1.5px solid var(--ink);width:100%;height:51px}.paint-swatch-info{overflow-wrap:anywhere;gap:5px;padding:10px;display:grid}.paint-swatch-meta{color:#77717f;flex-wrap:wrap;justify-content:space-between;gap:4px;font:12px Space Mono,monospace;display:flex}.paint-swatch-info strong{font-size:14px;font-weight:700;line-height:1.4}.paint-swatch-range{color:#77717f;font-size:12px;line-height:1.4}.catalog-status{text-align:center;padding:36px 12px}.catalog-status strong{font-size:19px;line-height:1.6}.catalog-status p{color:var(--muted);margin:8px 0;font-size:14px;line-height:1.8}.catalog-status button{border:1.5px solid var(--ink);background:var(--yellow);border-radius:5px;margin-top:12px;padding:10px 18px;font-size:14px}.catalog-footer{border-top:1.5px solid var(--ink);background:var(--white);flex-shrink:0;padding:14px 25px 16px}.catalog-pagination{justify-content:center;align-items:center;gap:21px;display:flex}.catalog-pagination button{border:1.5px solid var(--ink);background:#fff;border-radius:4px;padding:7px 12px;font-size:14px}.catalog-pagination button:disabled{opacity:.4;cursor:default}.catalog-pagination>span{text-align:center;min-width:58px;font:12px Space Mono,monospace}.catalog-footer p{color:#797382;margin-top:12px;font-size:12px;line-height:1.8}.catalog-footer a{color:#6552ad;text-underline-offset:3px;text-decoration:underline}.catalog-dialog :focus-visible{outline-offset:3px;outline:3px solid #407fcc}@media (width<=760px){.catalog-dialog{width:calc(100vw - 24px);height:calc(100dvh - 32px);box-shadow:4px 4px 0 var(--ink);border-radius:10px}.catalog-heading{padding:12px 16px}.catalog-heading h2{font-size:22px}.catalog-toolbar{padding:14px 16px 0}.catalog-brands{gap:9px}.catalog-brands button{flex-wrap:wrap;gap:3px 6px;padding:9px 8px}.catalog-brands strong{font-size:22px}.catalog-brands button>span:nth-child(2){font-size:12px}.paint-brand-count{flex-basis:100%;margin-left:0;font-size:12px}.catalog-filters{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:15px}.catalog-filters>div:last-child{align-items:center;gap:12px;display:flex}.catalog-filters>div:last-child label{white-space:nowrap;margin:0;font-size:14px}.catalog-filters input{font-size:16px}.catalog-count-row{flex-wrap:wrap;gap:4px;padding:11px 0 9px}.catalog-count-row>span:last-child{display:none}.catalog-results-area{padding:4px 16px 16px}.catalog-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.paint-swatch-color{height:44px}.paint-swatch-info{gap:5px;padding:8px}.catalog-footer{padding:10px 16px 12px}.catalog-pagination{gap:12px}.catalog-pagination button{padding:6px 9px}.catalog-footer p{margin-top:10px}.catalog-status{padding:25px 0}.advanced-controls>summary{cursor:pointer;border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;font-size:14px;font-weight:600;list-style:none;display:flex}.advanced-controls>summary::-webkit-details-marker{display:none}.advanced-controls[open]>summary>span{transform:rotate(45deg)}.advanced-controls>summary>span{font-size:19px;line-height:1}.palette-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card-hex{letter-spacing:0;font-size:12px}.card-name{font-size:14px}.card-color{height:64px}.strip-heading{flex-direction:column;align-items:flex-start;gap:5px}.mood-option>span{font-size:12px}}@media (height<=650px){.catalog-dialog{overflow:auto}.catalog-layout{height:auto;min-height:100%}.catalog-results-area{flex:none;min-height:180px;max-height:50dvh}}.mode-switch{align-items:center;gap:8px;margin:-4px 0 23px;display:flex}.mode-switch button{border:1.5px solid var(--ink);background:var(--white);border-radius:6px;align-items:center;gap:12px;padding:11px 19px;font-size:15px;font-weight:700;display:flex}.mode-switch button span{color:#827b91;font:12px Space Mono,monospace}.mode-switch button[aria-selected=true]{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.mode-switch button[data-mode=osl][aria-selected=true]{background:var(--purple);color:#fff}.osl-controls{border-top:1px dashed var(--line);margin-top:24px;padding-top:22px}.osl-control-title{align-items:center;gap:10px;margin-bottom:20px;display:flex}.osl-color-input{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;display:grid}.osl-color-input input[type=color]{border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:6px;width:48px;height:51px;padding:0;overflow:hidden}.osl-color-input label{justify-content:space-between;margin-bottom:5px;font-size:14px;display:flex}.osl-color-input label span{color:var(--muted);font:12px Space Mono,monospace}.osl-color-input input[type=text]{border:1.5px solid var(--ink);width:100%;height:34px;color:var(--ink);text-transform:uppercase;background:#fff;border-radius:4px;padding:5px 9px;font:14px Space Mono,monospace}.osl-color-input input[aria-invalid=true]{border-color:#ac2744}.osl-presets{gap:7px;margin-top:14px;display:flex}.osl-presets button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 3px;font-size:12px;display:flex}.osl-presets i{border:1px solid var(--ink);background:var(--preset);border-radius:50%;flex-shrink:0;width:9px;height:9px}.osl-presets button[aria-pressed=true]{background:var(--soft-purple);border-color:var(--ink)}.osl-range input[type=range]{accent-color:var(--purple);height:16px;margin:3px 0 5px;display:block}.osl-range .range-label{margin-bottom:5px}.osl-range .range-label output{color:#6552ad;font-size:13px}.osl-range .range-endpoints{line-height:1.5}.osl-advanced{border-top:1px dashed var(--line);margin-top:20px;padding-top:15px}.osl-advanced summary{cursor:pointer;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;list-style:none;display:flex}.osl-advanced summary::-webkit-details-marker{display:none}.osl-advanced[open] summary>span{transform:rotate(45deg)}.osl-control-note{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}.osl-ambient-color{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.osl-ambient-color label{margin-right:auto;font-size:14px}.osl-ambient-color input{border:1px solid var(--ink);cursor:pointer;border-radius:3px;width:30px;height:30px;padding:0}.osl-ambient-color output{font:12px Space Mono,monospace}.osl-blocked{cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;font-size:14px;display:flex}.osl-blocked input{accent-color:var(--purple);width:15px;height:15px;margin:0}.osl-blocked span{color:var(--muted);font-size:12px}.osl-panel{flex-direction:column;min-width:0;display:flex}.osl-panel .panel-heading{padding-left:25px;padding-right:25px}.osl-preview{color:#f7f4ff;background:#272535 radial-gradient(#8e81a832 .8px,#0000 .8px) 0 0/8px 8px;flex:1;padding:24px 26px 23px}.osl-scene-heading{color:#cbc2dd;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.osl-scene-heading>span:first-child{letter-spacing:1px;font-family:Space Mono,Noto Sans SC,monospace}.osl-scene-heading>span:last-child{white-space:nowrap;border:1px solid #8f82a0;border-radius:4px;padding:4px 7px}.osl-source-row{border-bottom:1px dashed #71647f;grid-template-columns:1fr 2fr;align-items:center;gap:16px;margin-top:23px;padding-bottom:24px;display:grid}.osl-source-heading h3{margin-bottom:6px;font-size:17px}.osl-source-heading p{color:#c1b6d0;font-size:12px;line-height:1.6}.osl-source-colors{grid-template-columns:1fr 1fr;gap:12px;display:grid}.osl-source-card{color:#f7f4ff;background:#363045;border:1.5px solid #d6cbe5;border-radius:6px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden;box-shadow:3px 3px #100f18}.osl-source-color{letter-spacing:.4px;justify-content:center;align-items:center;min-height:58px;font:12px Space Mono,monospace;display:flex}.osl-source-name{padding:8px 3px;font-size:14px;display:block}.osl-source-name .card-name{font-size:14px;font-weight:500}.osl-comparison-title{justify-content:space-between;align-items:center;gap:14px;margin:22px 0 14px;display:flex}.osl-comparison-title h3{font-size:15px}.osl-comparison-title>span{color:#c1b6d0;font-size:12px}.osl-comparison{grid-template-columns:1fr 25px 1fr;align-items:center;gap:10px;display:grid}.osl-comparison-arrow{text-align:center;color:#f8d64d;font-size:24px}.osl-comparison-card{color:#fff;background:#363045;border:1.5px solid #d6cbe5;border-radius:7px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden;box-shadow:3px 3px #100f18}.osl-comparison-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;font-size:14px;display:flex}.osl-comparison-info strong{color:#e2dbee;font:12px Space Mono,monospace}.osl-scene-note{color:#c1b6d0;margin-top:18px;font-size:12px;line-height:1.8}.osl-palette-area{border-top:2px solid var(--ink);padding:22px 25px 23px}.osl-palette-cards .card-name{font-size:13px}.osl-palette-cards .card-color{height:67px}.osl-palette-area .palette-tip{max-width:320px}.osl-method{border-top:1px dashed var(--line);padding:15px 25px 19px}.osl-method summary{cursor:pointer;color:#62586e;font-size:13px}.osl-method p{color:#746b80;margin-top:10px;font-size:13px;line-height:1.9}.osl-method a{color:#6552ad;text-underline-offset:3px;text-decoration:underline}.is-grayscale .osl-source-color{filter:grayscale()}@media (width<=1100px){.osl-source-row{grid-template-columns:1fr;gap:12px}.osl-source-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.osl-source-heading h3{margin:0}.osl-preview{padding:21px 20px}.osl-comparison-title{flex-direction:column;align-items:flex-start;gap:6px}.osl-comparison-info{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.osl-palette-area{padding:21px 18px}.osl-palette-cards .card-name{font-size:12px}.osl-method{padding:15px 18px 18px}}@media (width<=760px){.mode-switch{gap:10px;margin-bottom:23px}.mode-switch button{flex:1;justify-content:center;gap:7px;padding:11px 10px;font-size:14px}.mode-switch button span{font-size:12px}.osl-controls{margin-top:21px;padding-top:20px}.osl-control-title{margin-bottom:16px}.osl-presets button{padding:7px 3px;font-size:14px}.osl-range{margin-top:20px}.osl-panel .panel-heading{padding:15px 18px}.osl-preview{padding:19px 18px}.osl-source-row{margin-top:20px;padding-bottom:21px}.osl-source-color{min-height:61px}.osl-comparison-color{height:101px}.osl-comparison-info{align-items:center}.osl-comparison-title h3{font-size:15px}.osl-palette-area{padding:21px 16px}.osl-palette-cards .card-name{font-size:14px}.osl-palette-area .palette-tip{text-align:left;max-width:none}.osl-method{padding:15px 16px 18px}.osl-scene-heading>span:first-child{letter-spacing:0;font-size:12px}}@media (width<=390px){.mode-switch button span{display:none}.osl-scene-heading{flex-wrap:wrap;gap:8px}.osl-panel .panel-heading{gap:8px}.osl-panel .panel-heading h2{font-size:15px}.osl-source-colors{gap:10px}.osl-comparison{grid-template-columns:1fr 20px 1fr;gap:6px}.osl-preview{padding-left:15px;padding-right:15px}}@media (prefers-reduced-motion:reduce){.osl-panel *{transition:none!important}}.color-rendering-controls{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin:16px 0;padding:14px 0}.color-rendering-controls>label:first-child{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.color-rendering-controls .chroma-select{--select-height:44px}.color-rendering-controls .osl-blocked{min-height:44px;margin-top:12px}.color-rendering-help{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.color-rendering-help summary{cursor:pointer;text-underline-offset:3px;align-items:center;min-height:32px;text-decoration:underline;display:flex}.color-rendering-help p{margin:6px 0}:root{--control-border:2px solid var(--ink);--control-radius:6px;--control-shadow:3px 3px 0 var(--ink);--track-paper:#e9e5f0;--control-focus:#544092;--range-fill:var(--purple);--control-motion:.14s ease}.range-field input[type=range]{appearance:none;box-sizing:border-box;width:100%;height:36px;box-shadow:none;cursor:ew-resize;touch-action:pan-y;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;display:block}.range-field .comic-range::-webkit-slider-runnable-track{border:var(--control-border);height:12px;box-shadow:2px 2px 0 var(--ink);background:var(--range-gradient,linear-gradient(to right,var(--range-fill) 0%,var(--range-fill) var(--range-progress,0%),var(--track-paper) var(--range-progress,0%),var(--track-paper) 100%));border-radius:4px}.range-field .comic-range::-moz-range-track{box-sizing:border-box;border:var(--control-border);height:12px;box-shadow:2px 2px 0 var(--ink);background:var(--range-gradient,linear-gradient(to right,var(--range-fill) 0%,var(--range-fill) var(--range-progress,0%),var(--track-paper) var(--range-progress,0%),var(--track-paper) 100%));border-radius:4px}.range-field .comic-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:var(--control-border);background:linear-gradient(90deg,transparent 6px,var(--ink) 6px 8px,transparent 8px 11px,var(--ink) 11px 13px,transparent 13px) center / 20px 9px no-repeat,var(--yellow);width:24px;height:25px;box-shadow:2px 3px 0 var(--ink);transition:box-shadow var(--control-motion),background-color var(--control-motion);border-radius:5px;margin-top:-9px}.range-field .comic-range::-moz-range-thumb{box-sizing:border-box;border:var(--control-border);background:linear-gradient(90deg,transparent 6px,var(--ink) 6px 8px,transparent 8px 11px,var(--ink) 11px 13px,transparent 13px) center / 20px 9px no-repeat,var(--yellow);width:24px;height:25px;box-shadow:2px 3px 0 var(--ink);transition:box-shadow var(--control-motion),background-color var(--control-motion);border-radius:5px}.range-field .comic-range:active::-webkit-slider-thumb{background-color:var(--white);box-shadow:1px 1px 0 var(--ink)}.range-field .comic-range:active::-moz-range-thumb{background-color:var(--white);box-shadow:1px 1px 0 var(--ink)}.range-field .comic-range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--control-focus);outline-offset:4px}.range-field .comic-range:focus-visible::-moz-range-thumb{outline:3px solid var(--control-focus);outline-offset:4px}.range-field .range-label{gap:12px;min-height:30px;margin-bottom:3px;font-size:14px;font-weight:700}.range-field .range-label output{border:1.5px solid var(--ink);min-width:49px;box-shadow:2px 2px 0 var(--ink);background:var(--soft-purple);color:var(--ink);text-align:center;white-space:nowrap;border-radius:4px;padding:2px 7px;font:700 12px/1.7 Space Mono,Noto Sans SC,monospace;display:inline-block;transform:rotate(-3deg)}.range-field .range-endpoints{color:#756c80;gap:12px;margin-top:1px;font-size:12px;line-height:1.6}.color-controls{gap:17px}.contrast-field .range-label output{font-family:Noto Sans SC,PingFang SC,sans-serif}.osl-range{margin-top:21px}.paint-color-trigger{border:var(--control-border);background:var(--picker-color,var(--base));box-shadow:var(--control-shadow);cursor:pointer;transition:transform var(--control-motion),box-shadow var(--control-motion);border-radius:9px;flex-shrink:0;padding:0;display:block;position:relative;overflow:hidden}.paint-color-trigger:before{content:"";pointer-events:none;border:1px solid #ffffff80;border-radius:4px;position:absolute;inset:5px}.paint-color-trigger .picker-cross{border:1.5px solid var(--ink);background:var(--white);width:21px;height:21px;color:var(--ink);box-shadow:1px 1px 0 var(--ink);border-radius:4px;font-weight:800;bottom:5px;right:5px;transform:rotate(-6deg)}.osl-color-input{grid-template-columns:58px minmax(0,1fr);gap:14px}.osl-color-input .paint-color-trigger{width:58px;height:62px}.base-color-button.paint-color-trigger{width:64px;height:67px}.osl-ambient-color .paint-color-trigger{border-radius:6px;width:38px;height:38px}.paint-color-trigger.compact:before{border-radius:2px;inset:4px}.paint-color-trigger.compact .picker-cross{border-radius:3px;width:14px;height:14px;font-size:12px;bottom:3px;right:3px}.osl-ambient-color output{background:var(--soft-purple);border:1px solid var(--line);border-radius:3px;padding:4px 6px;font-size:12px}.hex-field label,.osl-color-input label,.catalog-filters label{color:var(--ink);font-size:14px;font-weight:700}.hex-field label span,.osl-color-input label span{color:#84788e;font-size:12px}.hex-input-wrap{border:var(--control-border);border-radius:var(--control-radius);height:43px;box-shadow:var(--control-shadow);background:#fff}.hex-input-wrap input{font-size:16px}.hex-input-wrap>span{color:#776986;font-weight:700}.osl-color-input input[type=text]{border:var(--control-border);border-radius:var(--control-radius);height:38px;box-shadow:var(--control-shadow);font-size:15px;font-weight:700}.hex-input-wrap:focus-within{box-shadow:var(--control-shadow),0 0 0 4px #7968d829}.osl-color-input input[aria-invalid=true]{border-color:#ac2744;box-shadow:2px 2px #ac2744}.hex-input-wrap:has([aria-invalid=true]){border-color:#ac2744;box-shadow:2px 2px #ac2744}.catalog-filters input{border:var(--control-border);border-radius:var(--control-radius);height:44px;box-shadow:var(--control-shadow);background-color:#fff;font-size:14px}.catalog-search-field input{padding-left:12px}.toggle-track{border:var(--control-border);background:var(--track-paper);width:34px;height:21px;box-shadow:1px 2px 0 var(--ink);border-radius:5px}.toggle-track:before{background:var(--ink);border-radius:2px;width:11px;height:11px;top:3px;left:3px}.grayscale-toggle input:checked+.toggle-track:before{transform:translate(13px)}.grayscale-toggle{min-height:32px}.osl-blocked{gap:8px;min-height:30px}.osl-blocked input{appearance:none;border:var(--control-border);width:22px;height:22px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;display:inline-block}.osl-blocked input:checked{background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='%23242737' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat}.osl-blocked span{flex-basis:100%;margin-left:30px}.mode-switch button,.copy-palette-button,.catalog-open-button,.catalog-close,.catalog-brands button,.catalog-pagination button,.catalog-status button,.color-editor-footer button{border:var(--control-border);border-radius:var(--control-radius);box-shadow:var(--control-shadow);transition:transform var(--control-motion),box-shadow var(--control-motion),background-color var(--control-motion)}.mode-switch button{min-height:45px}.copy-palette-button{min-height:43px;font-size:14px}.catalog-open-button{padding:12px 10px}.catalog-brand-hint{font-size:12px}.catalog-brands button{border-color:var(--ink);background:var(--white);padding-top:12px;padding-bottom:12px}.catalog-brands button[aria-pressed=true]{background:var(--purple);color:#fff}.catalog-pagination button{min-height:37px}.catalog-pagination button:disabled{box-shadow:none;opacity:.4}.osl-presets{gap:8px}.osl-presets button{border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transition:transform var(--control-motion),box-shadow var(--control-motion);border-radius:5px;padding:8px 3px}.osl-presets button[aria-pressed=true]{background:var(--yellow);font-weight:700}.osl-presets i{border-radius:3px;width:11px;height:11px}.mood-option>span{border:1.5px solid var(--ink);border-radius:5px;height:auto;min-height:40px;padding:8px 11px}.mood-option input:checked+span{background:var(--soft-purple);box-shadow:var(--control-shadow);border:var(--control-border)}.mood-option input:checked+span:after{background:var(--purple);color:#fff;border:1px solid var(--ink);border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.preset-button{box-shadow:1px 2px 0 var(--ink)}.palette-card{border:var(--control-border);box-shadow:2px 2px 0 var(--ink)}.card-color{border-bottom:var(--control-border)}.paint-swatch{border:var(--control-border);box-shadow:2px 2px 0 var(--ink)}.paint-swatch[aria-pressed=true]{outline:2px solid var(--purple);outline-offset:2px;box-shadow:3px 3px 0 var(--purple)}.paint-swatch-color{border-bottom:var(--control-border)}.osl-advanced summary{border:1.5px solid var(--ink);background:var(--soft-purple);box-shadow:2px 2px 0 var(--ink);border-radius:5px;padding:10px 11px;line-height:1.5}.osl-advanced summary>span{flex-shrink:0;place-items:center;width:20px;height:20px;font-size:19px;line-height:1;display:grid}.osl-method summary{color:#625275;font-size:14px;line-height:1.6}.selected-paint:not([hidden]){background:#f4f0fd;border:1.5px dashed #9182a6;border-radius:6px;margin-top:15px;padding:11px 12px}.catalog-heading{background:var(--yellow);background-image:radial-gradient(#a89a382b .8px,#0000 .8px);background-size:6px 6px}.catalog-dialog{box-shadow:7px 7px 0 var(--ink)}.catalog-results-area{scrollbar-width:thin;scrollbar-color:var(--purple) #ece7f3}.catalog-results-area::-webkit-scrollbar{width:11px}.color-editor-body::-webkit-scrollbar{width:11px}.catalog-results-area::-webkit-scrollbar-track{border-left:1px solid var(--ink);background:#ece7f3}.color-editor-body::-webkit-scrollbar-track{border-left:1px solid var(--ink);background:#ece7f3}.catalog-results-area::-webkit-scrollbar-thumb{background:var(--purple);border:2px solid #ece7f3;border-radius:5px}.color-editor-body::-webkit-scrollbar-thumb{background:var(--purple);border:2px solid #ece7f3;border-radius:5px}.color-editor{border:var(--control-border);background:var(--white);width:min(460px,100vw - 32px);max-width:none;max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:12px;margin:auto;padding:0;overflow:hidden}.color-editor::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24273799}.color-editor form{flex-direction:column;max-height:calc(100dvh - 40px);margin:0;display:flex}.color-editor-heading{border-bottom:var(--control-border);background:var(--yellow);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;display:flex}.color-editor-heading h2{margin-top:3px;font-size:22px;font-weight:900;line-height:1.5}.color-editor-heading .catalog-kicker{letter-spacing:1.5px;font-size:12px}.color-editor-heading .catalog-close{width:36px;height:36px}.color-editor-body{scrollbar-width:thin;scrollbar-color:var(--purple) #ece7f3;min-height:0;padding:22px;overflow:auto}.color-editor-sv{aspect-ratio:2;border:var(--control-border);background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--picker-hue,red);width:100%;min-height:140px;box-shadow:3px 3px 0 var(--ink);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:7px;position:relative}.color-editor-marker{width:17px;height:17px;box-shadow:0 0 0 2px var(--ink),1px 2px 0 2px #24273760;pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-editor-sliders{gap:9px;margin-top:22px;display:grid}.color-editor-sliders .range-label{font-size:14px}.color-editor-sliders .range-label label span{margin-left:5px;font-size:12px}.color-editor-sliders #color-editor-h{--range-gradient:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-editor-values{border-top:1px dashed var(--line);grid-template-columns:1.1fr 1fr;align-items:start;gap:18px;margin-top:19px;padding-top:17px;display:grid}.color-editor-samples{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-editor-samples>div{text-align:center;color:#786c85;flex-direction:column;gap:5px;min-width:0;font-size:12px;display:flex}.editor-sample{border:var(--control-border);height:42px;box-shadow:2px 2px 0 var(--ink);border-radius:5px}.color-editor-samples strong{color:var(--ink);letter-spacing:-.4px;font:12px Space Mono,monospace}.color-editor-hex-field label{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.5;display:flex}.color-editor-hex-field label span{color:#87778e;font:12px Space Mono,monospace}.color-editor-hex-field input{border:var(--control-border);border-radius:var(--control-radius);width:100%;min-width:0;height:42px;box-shadow:var(--control-shadow);color:var(--ink);text-transform:uppercase;background:#fff;padding:8px 10px;font:700 15px Space Mono,monospace}.color-editor-hex-field input[aria-invalid=true]{border-color:#ac2744;box-shadow:2px 2px #ac2744}.color-editor-hex-field .field-error{font-size:12px;line-height:1.6}.color-editor-footer{border-top:var(--control-border);background:#f0ebf8;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:15px 22px 20px;display:flex}.color-editor-footer button{background:var(--white);min-height:42px;padding:9px 18px;font-size:14px;font-weight:700}.color-editor-footer button[type=submit]{background:var(--purple);color:#fff}.color-editor-footer button[type=submit] span{color:var(--yellow);margin-left:8px}.color-editor-footer button:disabled{opacity:.45;box-shadow:none;cursor:default}button:focus-visible,select:focus-visible,input:not([type=range]):focus-visible,summary:focus-visible{outline:3px solid var(--control-focus);outline-offset:4px}@media (hover:hover){.paint-color-trigger:hover,.mode-switch button:hover,.catalog-open-button:hover,.copy-palette-button:hover,.catalog-close:hover,.catalog-brands button:hover,.catalog-pagination button:not(:disabled):hover,.color-editor-footer button:not(:disabled):hover{box-shadow:4px 5px 0 var(--ink);transform:translate(-1px,-2px)}.osl-presets button:hover{box-shadow:2px 3px 0 var(--ink);transform:translateY(-1px)}}.paint-color-trigger:active,.mode-switch button:active,.catalog-open-button:active,.copy-palette-button:active,.catalog-close:active,.catalog-brands button:active,.catalog-pagination button:not(:disabled):active,.color-editor-footer button:not(:disabled):active,.osl-presets button:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}@media (width<=760px){.range-field input[type=range]{height:40px}.range-field .comic-range::-webkit-slider-thumb{width:26px;height:27px;margin-top:-10px}.range-field .comic-range::-moz-range-thumb{width:26px;height:27px}.range-field .range-label{font-size:14px}.mood-option>span{min-height:54px;padding:6px 3px}.mood-option input:checked+span:after{display:none}.osl-color-input input[type=text],.catalog-filters input{font-size:16px}.grayscale-toggle{gap:7px}.toggle-track{width:32px}.grayscale-toggle input:checked+.toggle-track:before{transform:translate(11px)}.advanced-controls>summary{border:1.5px solid var(--ink);background:var(--soft-purple);box-shadow:2px 2px 0 var(--ink);border-radius:5px;padding:12px}.color-editor{width:calc(100vw - 28px);max-height:calc(100dvh - 30px);box-shadow:4px 4px 0 var(--ink)}.color-editor form{max-height:calc(100dvh - 30px)}.color-editor-body{padding:18px}.color-editor-heading{padding:14px 18px}.color-editor-heading h2{font-size:21px}.color-editor-values{gap:13px}.color-editor-hex-field input{font-size:16px}.color-editor-footer{padding:14px 18px 18px}.color-editor-footer button{padding:9px 14px}}@media (width<=380px){.catalog-brand-hint{font-size:12px}.color-editor-values{grid-template-columns:1fr}.color-editor-samples{grid-template-columns:1fr 1fr}.editor-sample{height:34px}.color-editor-samples>div{grid-template-columns:1fr;gap:4px;display:grid}.color-editor-heading .catalog-kicker{letter-spacing:1px}.mode-switch button{padding-left:9px;padding-right:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (forced-colors:active){.range-field input[type=range],.osl-blocked input{appearance:auto}.toggle-track,.paint-color-trigger,.editor-sample,.color-editor-sv{forced-color-adjust:none}.color-editor-marker{border-color:#fff;box-shadow:0 0 0 2px #000}}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 25px 0;display:flex}.preview-toolbar>span{color:var(--muted);font-size:12px}.preview-switch{border:1.5px solid var(--ink);border-radius:5px;flex-shrink:0;display:flex;overflow:hidden}.preview-switch button{background:var(--white);color:var(--ink);border:0;padding:9px 16px;font-size:14px;font-weight:600}.preview-switch button+button{border-left:1.5px solid var(--ink)}.preview-switch button[aria-pressed=true]{background:var(--yellow)}.model-preview{--model-paper:var(--white);--model-ink:var(--ink);--model-muted:#767181;--model-line:#dedbe5;--model-active:#f8edc1;--model-dot:#bcb7ca55;flex:1;min-width:0;padding:21px 25px 18px}.model-heading{color:var(--model-ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.model-heading>span{letter-spacing:1px;font:12px Space Mono,monospace}.model-heading b{letter-spacing:0;font:500 14px Noto Sans SC,sans-serif}.model-reset,.model-copy{background:var(--model-paper);color:var(--model-ink);border:1.5px solid var(--model-ink);border-radius:4px;flex-shrink:0;padding:6px 12px;font-size:14px}.model-reset[aria-pressed=true]{background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--model-ink)}.model-layout{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:13px;min-height:340px;display:grid}.model-figure{aspect-ratio:1;isolation:isolate;border-radius:12px;min-width:0;position:relative}.model-figure canvas{cursor:crosshair;width:100%;height:100%;display:block}.model-pins{pointer-events:none;position:absolute;inset:0}.model-pin{border:1.5px solid var(--ink);background:var(--white);width:25px;height:25px;color:var(--ink);pointer-events:auto;border-radius:50%;padding:0;font:700 12px Space Mono,monospace;position:absolute;transform:translate(-50%,-50%);box-shadow:1px 2px #24273777}.model-pin[aria-pressed=true]{background:var(--yellow);box-shadow:0 0 0 3px var(--white),2px 3px 0 3px var(--ink);z-index:1}.model-pin:hover{background:var(--yellow)}.model-scene{justify-self:center;width:100%;max-width:410px}.model-light{border:1px solid var(--model-line);background:var(--model-paper);color:var(--model-muted);--source-color:var(--yellow);border-radius:999px;align-items:center;gap:7px;margin:4px 0 8px;padding:3px 11px 3px 5px;font-size:13px;line-height:1.4;display:inline-flex}.model-light svg{width:30px;height:30px;stroke:var(--model-ink);stroke-width:1.7px;stroke-linecap:round;fill:none;flex:none}.model-light .light-disc{fill:var(--source-color)}.model-light .light-beams{stroke:var(--model-muted);stroke-width:1.5px}.model-light.is-off .light-disc{fill:var(--model-line)}.model-light.is-off .light-beams,.model-light.is-off .light-spark{visibility:hidden}.model-status{background:var(--model-paper);width:85%;color:var(--model-ink);border:1.5px solid var(--model-line);border-radius:5px;padding:12px;font-size:14px;line-height:1.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.model-legend{align-content:center;gap:8px;display:grid}.model-region{text-align:left;border:1px solid var(--model-line);background:var(--model-paper);width:100%;color:var(--model-ink);border-radius:5px;grid-template-columns:24px 20px minmax(0,1fr);align-items:center;gap:7px;padding:10px 8px;display:grid;position:relative}.model-region:hover{border-color:var(--model-ink)}.model-region[aria-pressed=true]{background:var(--model-active);border-color:var(--model-ink);box-shadow:2px 2px 0 var(--model-ink)}.model-region-chip{border:1px solid var(--model-ink);border-radius:3px;width:24px;height:29px}.model-region-number{color:var(--model-muted);font:12px Space Mono,monospace}.model-region-info{gap:4px;min-width:0;display:grid}.model-region-info strong{font-size:14px;font-weight:600;line-height:1.4}.model-region-value{color:var(--model-muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.5}.model-caption{border-top:1px dashed var(--model-line);justify-content:space-between;align-items:center;gap:12px;min-height:51px;margin-top:8px;padding-top:13px;display:flex}.model-detail{color:var(--model-muted);font-size:14px;line-height:1.7}.model-copy{background:var(--yellow);color:var(--ink);white-space:nowrap}.model-method-note{color:var(--model-muted);margin-top:11px;font-size:12px;line-height:1.7}.model-preview-osl{--model-paper:#363045;--model-ink:#e3dbf0;--model-muted:#c1b6d0;--model-line:#62566f;--model-active:#4d415c;--model-dot:#8e81a832;border-bottom:1px dashed #71647f;padding:22px 0 16px}.model-preview-osl .model-layout{min-height:310px}.osl-comparison-color{height:48px}.model-figure{justify-self:center;width:100%;max-width:410px}.model-pin:active{transform:translate(-50%,-50%)}.model-preview button:focus-visible,.preview-switch button:focus-visible{outline-offset:3px;outline:3px solid #407fcc}@media (width>=1450px){.model-layout{min-height:365px}}@media (width<=1100px){.preview-toolbar{padding:15px 18px 0}.preview-toolbar>span{display:none}.model-preview{padding:19px 18px 17px}.model-layout{grid-template-columns:minmax(0,1fr);gap:0}.model-scene{width:min(360px,100%)}.model-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.model-region{padding:8px}.model-heading{margin-bottom:12px}.model-preview-osl{padding:20px 0 16px}.model-region:last-child{grid-column:1/-1}.model-region:last-child .model-region-info{justify-content:space-between;align-items:center;gap:10px;display:flex}.model-caption{margin-top:15px}}@media (width<=760px){.preview-toolbar{padding:16px 16px 0}.model-preview{padding:18px 16px}.model-scene{width:min(390px,100%)}.model-preview-osl{padding:20px 0 16px}.model-heading>span{letter-spacing:.5px}.model-caption{flex-wrap:wrap;align-items:flex-start}}@media (width<=390px){.model-region{grid-template-columns:21px minmax(0,1fr);gap:6px}.model-region-number{display:none}.model-region-chip{width:21px}.model-region:last-child .model-region-info{gap:4px;display:grid}.model-heading b{font-size:12px}}.reference-picker{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.reference-options{flex-shrink:0;gap:7px;display:flex}.reference-options button{color:#e9e1f1;background:#363045;border:1.5px solid #81738f;border-radius:5px;padding:8px 14px;font-size:14px;font-weight:600}.reference-options button[aria-pressed=true]{color:#33263d;background:#e6dffa;border-color:#e6dffa;box-shadow:2px 2px #141020}.reference-options button:focus-visible{outline-offset:3px;outline:3px solid #f8d64d}.reference-note{color:#c1b6d0;font-size:12px;line-height:1.7}.palette-panel>.reference-picker{margin:16px 25px 0}.palette-panel .reference-options button{background:var(--white);border-color:var(--line);color:var(--ink)}.palette-panel .reference-options button[aria-pressed=true]{background:var(--soft-purple);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.palette-panel .reference-note{color:var(--muted)}.model-region:disabled{opacity:.4;cursor:default}@media (width<=1100px){.reference-picker{flex-wrap:wrap;gap:8px}.palette-panel>.reference-picker{margin-left:18px;margin-right:18px}.reference-note{width:100%}}@media (width<=760px){.reference-picker{gap:8px;margin-bottom:14px}.reference-options{gap:6px;width:100%}.reference-options button{white-space:nowrap;flex:1;min-height:44px;padding:8px 6px}.palette-panel>.reference-picker{margin:14px 12px 0}.reference-note{font-size:12px}}.osl-preview>.reference-picker{margin-top:20px}.mobile-tools{display:none}.mobile-controls-dialog{border:2px solid var(--ink);background:var(--white);width:min(600px,100%);max-width:none;max-height:90dvh;color:var(--ink);box-shadow:0 -5px 0 var(--ink);border-bottom:0;border-radius:18px 18px 0 0;margin:auto auto 0;padding:0;overflow:hidden}.mobile-controls-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24273780}.mobile-sheet-layout{flex-direction:column;max-height:90dvh;display:flex}.mobile-sheet-heading{border-bottom:2px solid var(--ink);background:var(--yellow);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.mobile-sheet-heading h2{font-size:18px;font-weight:800;line-height:1.5}.mobile-sheet-heading .catalog-close{width:44px;height:44px}.mobile-controls-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:auto}.mobile-controls-body .control-panel{box-shadow:none;border:0;border-radius:0;overflow:visible}.mobile-sheet-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);background:var(--soft-purple);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-sheet-footer>span{color:#645874;font-size:12px}.mobile-sheet-footer button{border:2px solid var(--ink);min-height:46px;box-shadow:3px 3px 0 var(--ink);background:var(--purple);color:#fff;border-radius:6px;padding:10px 19px;font-size:15px;font-weight:700}.mobile-sheet-footer button span{color:var(--yellow);margin-left:10px}body.mobile-controls-open{overflow:hidden}@media (width<=760px),(width<=960px) and (height<=500px){:root{--shadow:3px 4px 0 var(--ink)}html{scroll-padding-top:76px;scroll-padding-bottom:110px}body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.page-shell{padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.site-header{gap:10px;height:64px}.brand{gap:14px;min-width:0}.brand-word{font-size:36px}.brand-description{letter-spacing:0;padding-left:12px;font-size:12px}.intro{margin:18px 0 13px}.intro .eyebrow,.intro p,.header-note{display:none}.intro h1{letter-spacing:-.8px;font-size:26px;line-height:1.45}.title-star{font-size:22px;top:-9px;right:-13px}.title-highlight:before{height:13px;bottom:4px}.mode-switch{z-index:5;background:var(--paper);grid-template-columns:1fr 1fr;gap:10px;margin:0 -2px 14px;padding:10px 2px 12px;display:grid;position:sticky;top:0}.mode-switch button{justify-content:center;gap:0;min-width:0;min-height:44px;padding:9px 6px;font-size:15px}.mode-switch button span{display:none}.workbench{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}.workbench>.comic-panel{min-width:0}.comic-panel{border-radius:10px}.panel-heading,.palette-panel .panel-heading,.osl-panel .panel-heading{flex-wrap:wrap;gap:8px;min-height:56px;padding:8px 12px}.panel-heading h2{white-space:normal;font-size:16px}.panel-caption{display:none}.step-badge{min-width:25px;font-size:12px;line-height:23px}.grayscale-toggle{gap:6px;min-height:40px;font-size:12px}.preview-toolbar{padding:12px 12px 0}.preview-switch{grid-template-columns:1fr 1fr;width:100%;display:grid}.preview-switch button{min-height:44px;padding:10px;font-size:14px}.preview-toolbar .preview-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.model-preview{padding:12px}.model-preview-osl{padding:16px 0 12px}.model-heading{gap:8px;margin-bottom:9px}.model-heading>span{letter-spacing:0;font-size:12px}.model-heading b{font-size:13px}.model-reset,.model-copy{min-height:40px;padding:7px 12px}.model-layout,.model-preview-osl .model-layout{gap:10px;min-height:0}.model-scene{width:min(310px,100%)}.model-light{gap:6px;font-size:13px}.model-pin{width:28px;height:28px;font-size:12px}.model-pin:before{content:"";border-radius:50%;position:absolute;inset:-8px}.model-legend{grid-template-columns:1fr;gap:6px}.model-region{grid-template-columns:28px 22px minmax(0,1fr);gap:8px;min-height:48px;padding:8px 10px}.model-region:last-child{grid-column:auto}.model-region-number{font-size:12px;display:block}.model-region-chip{width:28px;height:28px}.model-region .model-region-info{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.model-region-info strong{flex-shrink:0;font-size:14px}.model-region-value{text-align:right;overflow-wrap:normal;font-size:12px;line-height:1.5}.model-caption{gap:8px;min-height:0;margin-top:12px;padding-top:10px}.model-detail{font-size:13px;line-height:1.7}.model-copy{min-height:44px}.model-method-note{font-size:12px}.palette-strip-area,.osl-palette-area{padding:16px 12px}.strip-heading{gap:4px;margin-bottom:12px}.strip-heading h3{font-size:15px}.strip-heading>span{font-size:12px}.palette-cards{grid-template-columns:1fr;gap:8px}.palette-card{text-align:left;border-radius:5px;grid-template-columns:70px minmax(0,1fr);align-items:stretch;min-height:54px;display:grid}.palette-card .card-color{border-bottom:0;border-right:1.5px solid var(--ink);height:100%;min-height:54px}.card-info{flex-direction:row;justify-content:space-between;gap:10px;padding:10px 12px}.card-name,.osl-palette-cards .card-name{font-size:14px}.card-hex{letter-spacing:0;white-space:nowrap;font-size:13px}.palette-actions{gap:12px;margin-top:15px}.palette-tip,.osl-palette-area .palette-tip{text-align:left;font-size:13px}.copy-palette-button{min-height:46px;font-size:14px}.wheel-stage{min-height:0;padding:13px 5px 18px}.palette-wheel-wrap{width:min(315px,100%)}.wheel-footnote{font-size:12px}.osl-preview{padding:14px 12px}.osl-scene-heading{flex-wrap:wrap;gap:8px}.osl-scene-heading>span:first-child{letter-spacing:0;font-size:12px}.osl-source-row{gap:10px;margin-top:14px;padding-bottom:16px}.osl-source-heading h3{font-size:15px}.osl-source-heading p{font-size:12px}.osl-source-colors{gap:10px}.osl-source-color{min-height:46px}.osl-source-name{padding:8px 3px}.osl-source-name .card-name{font-size:13px}.osl-comparison-title{margin-top:16px}.osl-comparison{grid-template-columns:1fr 16px 1fr;gap:6px}.osl-comparison-info{padding:9px 6px;font-size:13px}.osl-comparison-color{height:44px}.osl-method{padding:15px 12px}.osl-method summary{min-height:32px;font-size:14px}.painting-note{gap:10px;margin-top:18px;padding:12px}.painting-note .note-tag,.painting-note p{font-size:12px}.page-shell footer{letter-spacing:0;padding:18px 0;font-size:12px}.mobile-tools{z-index:8;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-top:2px solid var(--ink);background:var(--paper);grid-template-columns:minmax(0,1fr) 116px;gap:10px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -3px 12px #24273710}.mobile-tools button{border:2px solid var(--ink);min-height:52px;box-shadow:2px 3px 0 var(--ink);border-radius:7px;padding:8px 10px;font-size:14px}#mobile-adjust{text-align:left;background:var(--yellow);align-items:center;gap:10px;min-width:0;display:flex}.mobile-base-chip{border:1.5px solid var(--ink);background:var(--base);border-radius:4px;flex-shrink:0;width:31px;height:34px}.mobile-adjust-label{gap:2px;min-width:0;display:grid}.mobile-adjust-label strong{font-size:14px;line-height:1.3}.mobile-adjust-label>span{font:12px Space Mono,monospace}.mobile-adjust-icon{margin-left:auto;font-size:21px}#mobile-paints{background:var(--white);align-content:center;gap:3px;display:grid}#mobile-paints strong{font-size:14px}#mobile-paints>span{letter-spacing:-.6px;white-space:nowrap;font:12px Space Mono,monospace}.mobile-controls-body .panel-heading{border:0;min-height:44px;padding:12px 18px}.mobile-controls-body .control-body{padding:0 18px 22px}.mobile-controls-body .base-input-row{gap:14px}.mobile-controls-body .catalog-open-button{min-height:46px;margin-top:15px}.mobile-controls-body .advanced-controls>summary{min-height:46px;margin-top:16px}.mobile-controls-body .color-controls{gap:12px;margin-top:18px}.range-field input[type=range]{height:44px}.range-field .range-label{font-size:14px}.range-field .comic-range::-webkit-slider-thumb{width:28px;height:29px;margin-top:-11px}.range-field .comic-range::-moz-range-thumb{width:28px;height:29px}.mobile-controls-body .presets{gap:8px;padding:3px 0}.preset-button{min-height:46px}.mobile-controls-body .mood-options{gap:8px}.mood-option>span{min-height:58px;font-size:13px}.mobile-controls-body .osl-controls{margin-top:14px;padding-top:16px}.osl-presets button{min-height:42px;font-size:14px}.osl-range{margin-top:15px}.osl-advanced summary{min-height:46px}.osl-blocked{min-height:44px}.osl-ambient-color .paint-color-trigger{width:44px;height:44px}.catalog-dialog,.color-editor{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);box-shadow:3px 4px 0 var(--ink);border-radius:12px}.catalog-dialog{height:calc(100dvh - 20px);overflow:hidden}.catalog-layout{height:100%;min-height:0}.catalog-heading,.color-editor-heading{gap:12px;padding:12px 14px}.catalog-heading h2,.color-editor-heading h2{font-size:21px}.catalog-close,.color-editor-heading .catalog-close{width:44px;height:44px}.catalog-kicker{letter-spacing:1px;font-size:12px}.catalog-toolbar{padding:12px 14px 0}.catalog-brands{gap:8px}.catalog-brands button{gap:3px 6px;min-height:65px;padding:8px}.catalog-brands button>span:nth-child(2){display:none}.paint-brand-count{font-size:12px}.catalog-filters{gap:9px;margin-top:12px}.catalog-filters label{font-size:14px}.catalog-filters input{min-height:44px;font-size:16px}.catalog-count-row{padding:10px 0}.catalog-results-area{flex:1;min-height:0;max-height:none;padding:4px 14px 14px}.catalog-results{gap:10px}.paint-swatch-color{height:45px}.paint-swatch-info{gap:5px;padding:9px}.paint-swatch-info strong{font-size:14px;line-height:1.45}.catalog-footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.catalog-pagination{justify-content:space-between;gap:6px}.catalog-pagination button{min-height:44px;padding:8px 10px;font-size:14px}.catalog-footer p{margin-top:9px;font-size:12px;line-height:1.6}.color-editor{width:min(460px,100vw - 20px)}.color-editor form{max-height:calc(100dvh - 24px)}.color-editor-body{padding:16px}.color-editor-sv{aspect-ratio:2.2;min-height:120px}.color-editor-sliders{gap:7px;margin-top:16px}.color-editor-values{grid-template-columns:1fr;gap:14px;margin-top:15px;padding-top:14px}.color-editor-samples{gap:12px}.color-editor-samples>div{text-align:left;grid-template-rows:1fr 1fr;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:2px 7px;display:grid}.editor-sample{grid-row:1/3;height:38px}.color-editor-samples strong{font-size:12px}.color-editor-hex-field label{margin-bottom:6px}.color-editor-hex-field input{height:44px;font-size:16px}.color-editor-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom));grid-template-columns:1fr 1.6fr;gap:12px;display:grid}.color-editor-footer button{min-height:46px;padding:10px 8px;font-size:14px}.toast{bottom:calc(90px + env(safe-area-inset-bottom));font-size:14px}}@media (width<=360px){.page-shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.brand-word{font-size:33px}.brand-description{padding-left:9px;font-size:12px}.brand{gap:10px}.intro h1{font-size:24px}.palette-panel .panel-heading,.osl-panel .panel-heading{gap:6px;padding-left:10px;padding-right:10px}.panel-heading h2{font-size:15px}.grayscale-toggle{gap:4px}.grayscale-toggle .toggle-track{width:29px}.model-region{grid-template-columns:25px 18px minmax(0,1fr);gap:6px;padding:8px}.model-region-chip{width:25px}.model-region .model-region-info{gap:5px}.model-region-info strong{font-size:13px}.model-region-value{font-size:12px}.mobile-tools{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) 110px;gap:8px}.mobile-tools button{padding:8px}.mobile-adjust-label strong{font-size:13px}.mobile-adjust-icon{display:none}.mobile-base-chip{width:26px}.card-info{gap:7px;padding:9px}.card-hex{font-size:12px}.palette-card{grid-template-columns:60px minmax(0,1fr)}.catalog-pagination button{padding:8px}.catalog-pagination{gap:4px}}@media (width<=760px) and (height<=600px),(width<=960px) and (height<=500px){.mobile-controls-dialog,.mobile-sheet-layout{max-height:100dvh}.mobile-controls-dialog{border-radius:0}.mobile-sheet-heading{padding:8px 14px}.mobile-sheet-footer{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.catalog-heading,.color-editor-heading{padding:8px 12px}.catalog-heading .catalog-kicker,.color-editor-heading .catalog-kicker{display:none}.catalog-toolbar{padding-top:8px}.catalog-brands button{flex-wrap:nowrap;min-height:44px}.paint-brand-count{flex-basis:auto;margin-left:auto}.catalog-filters{margin-top:8px}.catalog-filters>div:first-child label,.catalog-count-row,.catalog-footer p{display:none}.catalog-results-area{padding-top:10px}.catalog-footer{padding-top:8px;padding-bottom:8px}.catalog-filters{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.catalog-filters>div:last-child label{display:none}}.page-shell{max-width:1440px;padding-left:32px;padding-right:32px}.site-header{height:78px}.intro{margin:20px 0 18px}.intro h1{font-size:32px}.intro .eyebrow{margin-bottom:5px;font-size:10px}.intro p{font-size:14px}.workbench{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;scroll-margin-top:18px}.workbench>.control-panel{max-height:calc(100dvh - 36px);box-shadow:6px 7px 0 var(--ink);grid-area:1/2;position:sticky;top:18px;overflow:hidden}.control-panel .panel-heading{background:var(--yellow);min-height:55px;padding:14px 18px}.control-panel .panel-heading h2{font-size:17px}.inspector-live{white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}.inspector-live i{background:#26704c;border-radius:50%;width:6px;height:6px}.control-panel .control-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--purple) transparent;max-height:calc(100dvh - 93px);padding:18px;overflow-y:auto}.workbench>.palette-panel,.workbench>.osl-panel{grid-area:1/1;min-width:0;overflow:visible}.color-fine-tuning{border-block:1px dashed var(--line);margin-top:16px}.color-fine-tuning summary{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;font-weight:600;list-style:none;display:flex}.color-fine-tuning summary::-webkit-details-marker{display:none}.color-fine-tuning[open] summary>span{transform:rotate(45deg)}.color-fine-tuning .color-controls{gap:12px;margin:4px 0 12px}.advanced-controls{flex-direction:column;display:flex}.advanced-controls .preset-section{margin-top:18px}.advanced-controls .settings-divider{display:none}.mood-field{margin-top:18px}.presets{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.preset-button{background:0 0;border:0;border-radius:5px;min-height:38px;padding:3px}.preset-chip{border:1.5px solid var(--ink);width:100%;height:29px}.preset-button[aria-pressed=true]{outline:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);background:var(--yellow)}.mood-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mood-option>span{white-space:nowrap;flex-direction:column;justify-content:center;gap:2px;height:58px;padding:7px 2px;font-size:12px;display:flex}.mood-symbol{font-size:20px}.contrast-field{margin-top:18px}.control-panel .osl-controls{margin-top:18px;padding-top:16px}.osl-control-title .step-badge{display:none}.osl-control-title h3{font-size:15px}.control-panel .osl-range{margin-top:14px}.range-label{margin-bottom:3px}.model-preview{z-index:3;background:var(--white);border-block:1px solid var(--line);padding:16px 20px 12px;position:sticky;top:18px;box-shadow:0 7px 12px #2427370c}.model-layout,.model-preview-osl .model-layout{grid-template-columns:minmax(0,1fr) 174px;gap:14px;min-height:0}.model-scene{width:min(360px,100%);min-width:160px;max-width:min(360px,100dvh - 270px)}.model-heading{margin-bottom:3px}.model-light{margin:0;padding:2px 8px 2px 4px;font-size:11px}.model-light svg{width:24px;height:24px}.model-caption{min-height:0;margin-top:3px;padding-top:8px}.model-detail{font-size:12px}.model-region{padding:9px 7px}.model-region-info strong{font-size:12px}.model-region-value{font-size:11px}.model-region-number{display:none}.model-region{grid-template-columns:24px minmax(0,1fr)}.model-region:last-child{grid-column:auto}.model-region:last-child .model-region-info{display:grid}.model-preview-osl{background:#30293d;border:1px solid #62566f;border-radius:8px;margin-top:12px}.model-preview-osl .model-method-note{font-size:11px}.osl-preview{overflow:visible}.palette-strip-area,.osl-palette-area{z-index:0;position:relative}.reference-note{width:auto}.reference-options{flex-shrink:1}body.color-editor-open{overflow:auto}.color-editor{z-index:20;width:320px;max-height:calc(100dvh - 36px);margin:0;position:fixed;inset:18px max(32px,50vw - 688px) auto auto}.color-editor form{max-height:calc(100dvh - 40px)}.color-editor-heading{padding:12px 16px}.color-editor-heading h2{font-size:18px}.color-editor-heading .catalog-kicker{font-size:10px}.color-editor-body{padding:16px}.color-editor-sv{aspect-ratio:1.8;min-height:110px}.color-editor-sliders{gap:5px;margin-top:15px}.color-editor-values{grid-template-columns:1fr;gap:12px;margin-top:10px;padding-top:12px}.color-editor-samples{grid-template-columns:1fr 1fr}.color-editor-samples>div{text-align:left;grid-template-rows:1fr 1fr;grid-template-columns:32px 1fr;gap:2px 6px;display:grid}.editor-sample{grid-row:1/3;height:32px}.color-editor-footer{gap:10px;padding:12px 16px}.color-editor-footer button{padding:9px 13px}body.color-editor-open .control-panel{visibility:hidden}@media (width>=761px) and (width<=1100px){.page-shell{padding-left:20px;padding-right:20px}.workbench{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.color-editor{width:290px;right:20px}.model-layout,.model-preview-osl .model-layout{grid-template-columns:1fr;gap:5px}.model-scene{max-width:min(300px,100dvh - 280px)}.model-legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.model-region{justify-content:center;padding:5px;display:flex}.model-region-chip{width:100%;height:24px}.model-region-info{display:none!important}.model-heading b{font-size:12px}}@media (width<=760px),(width<=960px) and (height<=500px){:root{--live-height:44dvh;--desk-height:calc(56dvh - 12px)}.page-shell{padding-inline:12px}.site-header{height:60px}.intro{margin:14px 0 8px}.intro h1{font-size:25px}.mode-switch{gap:8px}.workbench{grid-template-columns:1fr}.workbench>.palette-panel,.workbench>.osl-panel{grid-column:1}.model-preview{box-shadow:none;padding:12px;position:static}.model-layout,.model-preview-osl .model-layout{grid-template-columns:1fr;gap:8px}.model-scene{width:min(310px,100%);min-width:0;max-width:none}.model-region{grid-template-columns:28px minmax(0,1fr);padding:8px 10px}.model-region-number{display:none}.model-region-info strong{font-size:14px}.model-region-value{font-size:12px}.model-region:last-child .model-region-info{display:flex}.model-caption{margin-top:10px}.model-detail{font-size:13px}.mobile-controls-dialog{width:calc(100% - 16px);height:var(--desk-height);max-height:var(--desk-height);border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);z-index:12;border-radius:12px;margin:0;position:fixed;inset:auto 8px 8px}.mobile-sheet-layout{height:100%;max-height:100%}.mobile-sheet-heading{min-height:46px;padding:7px 12px}.mobile-sheet-heading h2{font-size:16px}.mobile-sheet-heading .catalog-close{width:34px;height:34px}.mobile-sheet-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:6px}.mobile-sheet-footer button{min-height:36px;padding:7px 12px;font-size:12px}.mobile-sheet-footer>span{font-size:11px}.mobile-controls-body .panel-heading{display:none}.mobile-controls-body .control-body{max-height:none;padding:14px 16px 20px;overflow:visible}.mobile-controls-body .control-panel{max-height:none;box-shadow:none;position:static}.mobile-controls-body .presets{gap:6px}.mobile-controls-body .preset-button{min-height:40px}.mobile-controls-body .mood-options{gap:7px}.mobile-controls-body .mood-option>span{min-height:56px;font-size:12px}body.mobile-controls-open,body.color-editor-open{overflow:hidden}body:is(.mobile-controls-open,.color-editor-open) .mobile-tools{display:none}body:is(.mobile-controls-open,.color-editor-open) .mode-switch{z-index:11;background:0 0;margin:0;padding:0;position:fixed;top:4px;left:12px;right:12px}.mode-switch button{min-height:42px}body:is(.mobile-controls-open,.color-editor-open) .model-preview:not([hidden]){z-index:10;height:calc(var(--live-height) - 62px);border:2px solid var(--ink);min-height:140px;box-shadow:3px 4px 0 var(--ink);border-radius:12px;margin:0;padding:8px 10px;position:fixed;top:56px;left:8px;right:8px;overflow:hidden}body:is(.mobile-controls-open,.color-editor-open) .model-heading,body:is(.mobile-controls-open,.color-editor-open) .model-caption,body:is(.mobile-controls-open,.color-editor-open) .model-method-note{display:none}body:is(.mobile-controls-open,.color-editor-open) .model-layout{grid-template-columns:minmax(0,1fr) 38px;gap:6px;height:100%;min-height:0;display:grid}body:is(.mobile-controls-open,.color-editor-open) .model-scene{aspect-ratio:1;justify-self:center;width:auto;max-width:100%;height:100%;position:relative}body:is(.mobile-controls-open,.color-editor-open) .model-light{z-index:1;background:0 0;border:0;padding:0;position:absolute;top:2px;left:-36px}body:is(.mobile-controls-open,.color-editor-open) .model-light>span{display:none}body:is(.mobile-controls-open,.color-editor-open) .model-figure{width:auto;height:100%}body:is(.mobile-controls-open,.color-editor-open) .model-legend{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:1fr;gap:4px;height:100%}body:is(.mobile-controls-open,.color-editor-open) .model-region{border:1px solid var(--model-line);min-height:0;padding:3px;display:block}body:is(.mobile-controls-open,.color-editor-open) .model-region-info{display:none!important}body:is(.mobile-controls-open,.color-editor-open) .model-region-chip{width:100%;height:100%;min-height:10px;display:block}body:is(.mobile-controls-open,.color-editor-open) .model-pin{width:23px;height:23px;font-size:10px}body.color-editor-open .mobile-controls-dialog{visibility:hidden}.color-editor{width:calc(100% - 16px);height:var(--desk-height);max-height:var(--desk-height);z-index:20;border-radius:12px;margin:0;inset:auto 8px 8px}.color-editor form{height:100%;max-height:100%}.color-editor-heading{min-height:46px;padding:7px 12px}.color-editor-heading .catalog-kicker{display:none}.color-editor-heading h2{margin:0;font-size:16px}.color-editor-heading .catalog-close{width:34px;height:34px}.color-editor-body{padding:12px 16px}.color-editor-sv{aspect-ratio:2.8;min-height:90px}.color-editor-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr}.color-editor-footer button{min-height:36px;padding:7px 12px;font-size:12px}.color-editor-samples>div{grid-template-columns:32px 1fr}.color-editor-hex-field input{font-size:16px}.toast{bottom:calc(var(--desk-height) + 16px)}}@media (width<=960px) and (height<=500px){:root{--live-height:100dvh;--desk-height:calc(100dvh - 16px)}body:is(.mobile-controls-open,.color-editor-open) .mode-switch{left:8px;right:52%}body:is(.mobile-controls-open,.color-editor-open) .model-preview:not([hidden]){height:calc(100dvh - 68px);right:52%}.mobile-controls-dialog,.color-editor{width:calc(50% - 8px);left:50%}}@media (width>=761px) and (height>=501px){.site-header{height:62px}.brand-word{font-size:40px}.intro{margin:10px 0 8px}.intro h1{font-size:24px}.intro .eyebrow,.intro p{display:none}.title-star{font-size:20px;top:-8px}.mode-switch{margin-bottom:16px}.mode-switch button{min-height:42px;padding:9px 18px}.workbench>.control-panel{max-height:calc(100dvh - 184px)}.control-panel .control-body{max-height:calc(100dvh - 241px)}.palette-panel .panel-heading,.osl-panel .panel-heading{min-height:54px;padding:10px 20px}.panel-heading h2{font-size:17px}.preview-options{justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.preview-options .preview-toolbar{padding:0}.preview-options .reference-picker{margin:0}.preview-options .reference-note{display:none}.preview-switch button,.reference-options button{padding:8px 12px;font-size:13px}.model-scene{max-width:min(340px,100dvh - 397px)}.osl-preview{padding:14px 18px}.osl-scene-heading{margin-bottom:10px}.osl-preview>.reference-picker{margin:0}.model-preview-osl{margin-top:12px}.model-preview-osl .model-scene{max-width:min(320px,100dvh - 425px)}.model-preview-osl .model-method-note{margin-top:5px}.osl-source-row{margin-top:18px}}@media (width>=761px) and (width<=1100px) and (height>=501px){.preview-options{flex-wrap:wrap;gap:8px;padding:10px 14px}.model-scene{max-width:min(280px,100dvh - 425px)}.preview-options .reference-options button{padding:7px 9px}.model-preview{padding-inline:14px}}@media (width<=760px),(width<=960px) and (height<=500px){body:is(.mobile-controls-open,.color-editor-open) #wheel-stage:not([hidden]){z-index:10;height:calc(var(--live-height) - 62px);background:var(--white);border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:12px;padding:4px;position:fixed;top:56px;left:8px;right:8px}body:is(.mobile-controls-open,.color-editor-open) .palette-wheel-wrap{width:auto;height:100%}body:is(.mobile-controls-open,.color-editor-open) .wheel-footnote,body:is(.mobile-controls-open,.color-editor-open) .stage-label{display:none}body:is(.mobile-controls-open,.color-editor-open):after{content:"";background:var(--paper);z-index:9;pointer-events:none;position:fixed;inset:0}body:is(.mobile-controls-open,.color-editor-open) .model-scene,body:is(.mobile-controls-open,.color-editor-open) .model-legend{min-width:0;min-height:0}body:is(.mobile-controls-open,.color-editor-open) .model-light{left:0}.preview-options .reference-picker{margin:12px}.preview-options .reference-note{display:none}body:is(.mobile-controls-open,.color-editor-open) .model-heading{display:contents}body:is(.mobile-controls-open,.color-editor-open) .model-heading>span{display:none}body:is(.mobile-controls-open,.color-editor-open) .model-reset{z-index:2;min-height:34px;padding:5px 9px;font-size:12px;position:absolute;bottom:10px;left:10px}}@media (width<=960px) and (height<=500px){body:is(.mobile-controls-open,.color-editor-open) #wheel-stage:not([hidden]){height:calc(100dvh - 68px);right:52%}}.control-panel .selected-paint{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;padding:10px 12px;display:grid}.control-panel .selected-paint-label{font-size:11px}.control-panel .selected-paint strong{font-size:14px}.control-panel #selected-paint-range{grid-column:2;font-size:11px}.palette-panel #palette-model,.palette-panel #wheel-stage{background-color:var(--preview-background);background-image:radial-gradient(#7f786f18 .7px,#0000 .7px);background-size:7px 7px}body:is(.mobile-controls-open,.color-editor-open) .palette-panel #wheel-stage:not([hidden]){background-color:var(--preview-background)}#palette-model{--model-muted:#5f5b64;--model-line:#c6c1b9}.palette-panel .stage-label>span:nth-child(2),.palette-panel .wheel-footnote{color:#5f5b64}.studio-help{z-index:15;flex:none;font-size:12px;position:relative}.studio-help>summary{cursor:pointer;border:1.5px solid var(--ink);background:var(--white);border-radius:5px;align-items:center;gap:8px;padding:8px 11px;font-weight:600;list-style:none;display:flex}.studio-help>summary::-webkit-details-marker{display:none}.studio-help>summary span{background:var(--yellow);border:1px solid var(--ink);border-radius:50%;place-items:center;width:19px;height:19px;font-family:Space Mono,monospace;display:grid}.studio-help[open]>summary{background:var(--yellow)}.studio-help-content{overscroll-behavior:contain;background:var(--white);border:2px solid var(--ink);width:min(440px,100vw - 32px);max-height:calc(100dvh - 100px);box-shadow:4px 5px 0 var(--ink);color:var(--ink);border-radius:8px;position:absolute;top:calc(100% + 12px);right:0;overflow:auto}.studio-help .painting-note{box-shadow:none;border:0;border-radius:0;gap:10px;margin:0;padding:18px}.studio-help .painting-note .note-decoration{display:none}.studio-help .painting-note p{font-size:13px;line-height:1.8}.studio-help .osl-method{padding:16px 18px}.studio-help .osl-method summary{font-size:13px}@media (width>=761px) and (height>=501px),(width>=961px){:root{--studio-gap:16px;--studio-edge:16px;--inspector-width:clamp(288px,26vw,340px)}html,body,body.color-editor-open{height:100%;overflow:hidden}body{padding:0}.page-shell{width:100%;max-width:none;height:100dvh;padding:12px calc(var(--studio-edge) + var(--inspector-width) + var(--studio-gap)) 16px var(--studio-edge);grid-template-rows:48px minmax(0,1fr);gap:10px;display:grid;overflow:hidden}.site-header{gap:14px;min-width:0;height:48px;padding-bottom:9px}.brand{gap:15px}.brand-word{font-size:37px}.brand-description{letter-spacing:0;padding-left:15px;font-size:12px}.site-header .header-note{display:none}.studio-help{margin-left:auto}.page-shell>main{grid-template-rows:40px minmax(0,1fr);gap:12px;min-width:0;min-height:0;display:grid}.intro,.page-shell>footer{display:none}.mode-switch{gap:8px;height:40px;margin:0;padding:0;position:static}.mode-switch button{height:38px;min-height:38px;padding:8px 16px;font-size:14px}.mode-switch button span{font-size:11px}.workbench{height:100%;min-height:0;scroll-margin:0;display:block}.workbench>.control-panel{inset:12px var(--studio-edge) 16px auto;width:var(--inspector-width);height:calc(100dvh - 28px);max-height:none;box-shadow:4px 5px 0 var(--ink);flex-direction:column;display:flex;position:fixed;overflow:hidden}.control-panel .panel-heading{flex:none;min-height:54px;padding:13px 16px}.control-panel .control-body{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;padding:18px 16px;overflow-y:auto}.workbench>.palette-panel,.workbench>.osl-panel{height:100%;min-height:0;box-shadow:4px 5px 0 var(--ink);position:relative;overflow:hidden}.workbench>.palette-panel{grid-template-rows:46px 50px minmax(0,1fr) auto;display:grid}.workbench>.osl-panel{grid-template-rows:46px minmax(0,1fr) auto;display:grid}.palette-panel .panel-heading,.osl-panel .panel-heading{flex-wrap:nowrap;gap:8px;min-height:0;padding:6px 16px}.panel-heading h2{font-size:16px}.grayscale-toggle{min-height:30px;font-size:12px}.preview-options{flex-wrap:nowrap;gap:8px;min-width:0;padding:8px 16px;display:flex}.preview-options .preview-toolbar{padding:0}.preview-options .reference-picker{margin:0}.preview-switch button{padding:6px 10px;font-size:12px}.reference-options{gap:6px}.reference-options button{min-height:32px;padding:6px 10px;font-size:12px}.reference-note{display:none}.model-preview{min-height:0;box-shadow:none;border:0;flex-direction:column;padding:8px 16px;display:flex;position:relative;top:auto;overflow:hidden}.model-heading{display:contents}.model-heading>span{display:none}.model-reset{z-index:2;min-height:30px;padding:4px 9px;font-size:12px;position:absolute;bottom:44px;left:16px}.model-layout,.model-preview-osl .model-layout{flex:1;grid-template-columns:minmax(0,1fr) 174px;align-items:stretch;gap:14px;min-height:0;display:grid}.model-scene,.model-preview-osl .model-scene{place-items:center;width:100%;min-width:0;max-width:none;height:100%;min-height:0;display:grid;position:relative;container-type:size}.model-scene .model-figure{aspect-ratio:1;width:min(100cqw,100cqh);max-width:none;height:min(100cqw,100cqh)}.model-light{z-index:1;padding:2px 6px;font-size:11px;position:absolute;top:2px;left:0}.model-light svg{width:23px;height:23px}.model-legend{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:1fr;align-content:center;gap:6px;min-height:0;display:grid;overflow-y:auto}.model-region{flex:none;grid-template-columns:23px minmax(0,1fr);gap:7px;min-height:44px;padding:7px 6px;display:grid}.model-region:last-child{grid-column:auto}.model-region-chip{width:23px;height:26px}.model-region-number{display:none}.model-region .model-region-info,.model-region:last-child .model-region-info{gap:3px;display:grid!important}.model-region-info strong{font-size:12px}.model-region-value{text-align:left;font-size:11px}.model-caption{flex:none;align-items:center;gap:8px;min-height:26px;max-height:58px;margin:5px 0 0;padding:5px 0 0;overflow-y:auto}.model-detail{font-size:12px;line-height:1.55}.model-copy{min-height:28px;padding:4px 8px;font-size:12px}.model-method-note{display:none}.palette-strip-area,.osl-palette-area{flex:none;padding:10px 16px 12px;overflow:hidden}.strip-heading{align-items:center;margin-bottom:7px}.strip-heading h3{font-size:13px}.strip-heading>span{font-size:11px}.palette-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.palette-card{border-radius:5px;flex-direction:column;min-height:0;display:flex}.palette-card .card-color,.osl-palette-cards .card-color{height:36px;min-height:36px}.card-info{flex-direction:row;justify-content:space-between;align-items:center;gap:5px;padding:6px 7px;display:flex}.card-name,.osl-palette-cards .card-name{font-size:12px}.card-hex{letter-spacing:-.5px;white-space:nowrap;font-size:11px}.palette-actions{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.palette-tip,.osl-palette-area .palette-tip{text-align:left;max-width:none;font-size:11px;line-height:1.5}.copy-palette-button{white-space:nowrap;flex:none;min-height:32px;padding:6px 10px;font-size:12px}.copy-palette-button svg{width:15px;height:15px}.wheel-stage{min-height:0;padding:8px 16px 28px;overflow:hidden;container-type:size}.palette-wheel-wrap{flex:none;width:min(100cqw,100cqh);height:min(100cqw,100cqh);position:relative}.wheel-footnote{font-size:12px;position:absolute;bottom:5px}.stage-label{top:16px}.stage-label>span:first-child{font-size:18px}.osl-preview{grid-template-rows:34px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 200px;gap:10px 14px;min-width:0;min-height:0;padding:10px 14px;display:grid;overflow:hidden}.osl-preview>.reference-picker{grid-area:1/1;align-self:center;margin:0}.osl-scene-heading{grid-area:1/2;justify-content:flex-end;margin:0}.osl-scene-heading>span:first-child{display:none}.model-preview-osl{background:0 0;border:0;border-radius:0;grid-area:2/1;margin:0;padding:6px 0 0}.model-preview-osl .model-layout{grid-template-columns:minmax(0,1fr) 145px;gap:10px}.model-preview-osl .model-reset{left:2px}.model-preview-osl .model-caption{max-height:58px}.model-preview-osl .model-region{grid-template-columns:20px minmax(0,1fr);gap:6px;padding:7px 5px}.model-preview-osl .model-region-chip{width:20px}.osl-reading{overscroll-behavior:contain;scrollbar-width:thin;grid-area:2/2;min-height:0;padding:2px 3px 4px 0;overflow-y:auto}.osl-reading .osl-source-row{margin:0;padding-bottom:14px;display:block}.osl-reading .osl-source-heading{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.osl-source-heading h3{margin:0;font-size:13px}.osl-source-heading p{font-size:11px;line-height:1.5}.osl-source-colors{gap:8px}.osl-source-color{letter-spacing:0;min-height:47px;font-size:11px}.osl-source-name{padding:6px 3px}.osl-source-name .card-name{font-size:12px}.osl-comparison-title{flex-direction:column;align-items:flex-start;gap:4px;margin:13px 0 8px;display:flex}.osl-comparison-title h3{font-size:13px}.osl-comparison-title>span{font-size:11px;line-height:1.5}.osl-comparison{grid-template-columns:1fr 12px 1fr;gap:5px}.osl-comparison-arrow{font-size:16px}.osl-comparison-color{height:43px}.osl-comparison-info{flex-direction:column;align-items:center;gap:5px;padding:7px 2px;font-size:11px;display:flex}.osl-comparison-info strong{font-size:11px}.osl-scene-note{margin-top:12px;font-size:11px;line-height:1.7}.color-editor{inset:12px var(--studio-edge) 16px auto;width:var(--inspector-width);height:calc(100dvh - 28px);max-height:none;margin:0}.color-editor form{height:100%;min-height:0;max-height:100%}.color-editor-body{flex:1}.color-editor-footer{flex:none}.toast{bottom:20px;left:calc((100vw - var(--inspector-width) - var(--studio-gap))/2);max-width:calc(100vw - var(--inspector-width) - 48px)}}@media (width>=761px) and (width<=1100px) and (height>=501px),(width>=961px) and (width<=1100px){:root{--studio-edge:12px;--studio-gap:12px;--inspector-width:288px}.brand-description{display:none}.preview-options{padding-inline:12px}.preview-options .reference-options button{padding:6px 8px}.model-preview{padding-inline:12px}.model-layout{grid-template-columns:minmax(0,1fr) 150px;gap:10px}.osl-preview{grid-template-columns:minmax(0,1fr) 172px;gap:8px;padding:10px}.model-preview-osl .model-layout{grid-template-rows:minmax(0,1fr) 32px;grid-template-columns:minmax(0,1fr);gap:6px}.model-preview-osl .model-legend{grid-template-rows:32px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible}.model-preview-osl .model-region{min-height:0;padding:3px;display:block}.model-preview-osl .model-region .model-region-info{display:none!important}.model-preview-osl .model-region-chip{width:100%;height:24px;display:block}.model-preview-osl .model-reset{bottom:76px}.palette-strip-area,.osl-palette-area{padding:8px 12px 10px}.palette-cards{gap:6px}.card-info{flex-direction:column;align-items:flex-start;gap:2px;padding:5px 6px}.palette-actions{gap:6px}.palette-tip{max-width:260px}.model-light>span{display:none}}@media (width>=961px) and (height<=600px){.page-shell{grid-template-rows:40px minmax(0,1fr);gap:8px;padding-top:8px;padding-bottom:12px}.site-header{height:40px;padding-bottom:5px}.brand-word{font-size:31px}.page-shell>main{grid-template-rows:34px minmax(0,1fr);gap:8px}.mode-switch,.mode-switch button{height:32px;min-height:32px}.mode-switch button{padding:5px 12px}.workbench>.palette-panel{grid-template-rows:40px 42px minmax(0,1fr) auto}.workbench>.osl-panel{grid-template-rows:40px minmax(0,1fr) auto}.model-region{min-height:36px;padding:4px 6px}.palette-card .card-color,.osl-palette-cards .card-color{height:25px;min-height:25px}.strip-heading{display:none}.palette-strip-area,.osl-palette-area{padding-top:8px;padding-bottom:8px}.palette-actions{margin-top:6px}.model-caption{max-height:38px}.osl-preview{gap:6px 12px;padding-top:6px}}@media (width<=760px),(width<=960px) and (height<=500px){.site-header .header-note{display:none}.studio-help>summary{gap:5px;padding:6px 8px;font-size:11px}.studio-help>summary span{display:none}.site-header{gap:8px}.brand-description{display:none}.studio-help-content{width:auto;max-height:calc(100dvh - 90px);position:fixed;top:64px;left:12px;right:12px}}@media (width>=761px) and (height>=501px),(width>=961px){.osl-reading .osl-source-row{padding-bottom:8px}.osl-reading .osl-source-heading{margin-bottom:6px}.osl-source-color{min-height:39px}.osl-source-name{padding:4px 3px;line-height:1.4}.osl-comparison-title{margin-top:9px}.osl-comparison-color{height:37px}.osl-comparison-info{gap:3px;padding:5px 2px}.osl-scene-note{margin-top:8px}}@media (width<=760px),(width<=960px) and (height<=500px){body:is(.mobile-controls-open,.color-editor-open) .studio-help{visibility:hidden}}.preview-options{background:var(--white);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) 48px;align-items:center;gap:10px;padding:8px 16px;display:grid}.preview-options .reference-picker{flex-wrap:nowrap;min-width:0;margin:0}.preview-options .reference-note{display:none}.preview-options .preview-toolbar{justify-content:flex-end;min-width:0;padding:0}.preview-options .reference-options{gap:6px}.preview-options .reference-options button{background:var(--white);border-color:var(--line);min-height:32px;color:var(--ink);white-space:nowrap;padding:6px 10px;font-size:12px}.preview-options .reference-options button[aria-pressed=true]{background:var(--soft-purple);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.preview-options .model-reset{background:var(--white);width:48px;min-height:32px;color:var(--ink);border-color:var(--ink);padding:5px 7px;font-size:12px;position:static}.preview-options .model-reset[aria-pressed=true]{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.preview-options .preview-status{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex}.preview-status:before{content:"";background:var(--purple);border-radius:50%;width:6px;height:6px}.preview-options button:focus-visible{outline-offset:3px;outline:3px solid #407fcc}.control-panel .mood-option>span{gap:3px;height:64px;padding:6px 2px}.mood-symbol{width:28px;height:28px;color:var(--ink);place-items:center;line-height:0;display:grid}.mood-symbol svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px;display:block}.mood-symbol .mood-hatching{stroke-width:1.1px;opacity:.6}.mood-option input[value=warm]:checked+span{background:#fff1d3}.mood-option input[value=cool]:checked+span{background:#e4f2fa}.mood-option:hover>span{border-color:var(--ink)}#osl-model .model-light{border-radius:9px;gap:7px;padding:4px 9px 4px 4px}#osl-model .model-light svg{width:44px;height:44px}#osl-model .light-core{fill:var(--core-color);stroke:none}#osl-model .light-label{gap:4px;font-size:10px;display:grid}#osl-model .light-core-value{color:var(--model-ink);font-size:11px;font-weight:600}#osl-model .model-light.is-off .light-core,#osl-model .model-light.is-occluded .light-beams,#osl-model .model-light.is-occluded .light-spark{visibility:hidden}.palette-stage{background:var(--preview-background);background-image:radial-gradient(#7f786f18 .7px,#0000 .7px);background-size:7px 7px}.palette-reading{color:var(--ink)}.palette-reading h3{margin:0 0 10px;font-size:13px}.overview-base{border:1.5px solid var(--ink);border-radius:6px;flex-direction:column;justify-content:space-between;gap:16px;padding:12px;display:flex;box-shadow:3px 3px #24273722}.overview-base>span{font-size:12px}.overview-base strong{font:700 18px Space Mono,monospace}.overview-settings{gap:10px;margin:17px 0 0;display:grid}.overview-settings>div{justify-content:space-between;gap:8px;font-size:12px;line-height:1.7;display:flex}.overview-settings dt{color:#5f5b64}.overview-settings dd{margin:0;font-weight:600}#overview-description{color:#5f5b64;margin-top:13px;font-size:12px;line-height:1.8}.overview-hsl{color:#5f5b64;border-top:1px dashed #aaa49c;justify-content:space-between;gap:8px;margin-top:14px;padding-top:11px;font:11px Space Mono,monospace;display:flex}.overview-hsl b{color:var(--ink);font-weight:400}@media (width>=761px) and (height>=501px),(width>=961px){.workbench>:is(.palette-panel,.osl-panel){grid-template-rows:46px 50px minmax(0,1fr) 148px;display:grid}.preview-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 200px;gap:0;min-width:0;min-height:0;padding:0;display:grid;overflow:hidden}.preview-stage>.model-preview{min-height:0;box-shadow:none;border:0;border-radius:0;grid-area:1/1;margin:0;padding:8px 14px}.preview-stage>.model-preview .model-layout{grid-template-rows:minmax(0,1fr) 38px;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0}.preview-stage .model-legend{grid-template-rows:38px;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible}.preview-stage .model-region{grid-template-columns:17px minmax(0,1fr);gap:5px;min-height:0;padding:5px;display:grid}.preview-stage .model-region-chip{width:17px;height:24px;display:block}.preview-stage .model-region .model-region-info{display:block!important}.preview-stage .model-region-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.preview-stage .model-region-value{display:none}.preview-stage .model-scene{width:100%;min-width:0;max-width:none;height:100%;min-height:0}.preview-stage .model-caption{flex-wrap:nowrap;align-items:center;height:34px;min-height:34px;max-height:34px;margin:5px 0 0;padding-top:4px;overflow:hidden}.preview-stage .model-detail{overscroll-behavior:contain;scrollbar-width:thin;max-height:29px;font-size:11px;line-height:1.3;overflow-y:auto}.preview-stage .model-copy{min-height:27px;padding:4px 6px;font-size:11px}.preview-reading>:is(.palette-reading,.osl-reading){overscroll-behavior:contain;scrollbar-width:thin;grid-area:1/2;min-width:0;min-height:0;padding:12px 14px 12px 0;overflow-y:auto}.preview-stage>.wheel-stage{grid-area:1/1}.preview-stage .stage-label{display:none}.preview-stage .wheel-footnote{text-align:center;justify-content:center;font-size:11px;left:14px;right:14px}.palette-strip-area,.osl-palette-area{border-top:2px solid var(--ink);grid-template-rows:18px minmax(0,1fr) 32px;gap:7px;min-height:0;padding:10px 16px;display:grid}.palette-strip-area .strip-heading,.osl-palette-area .strip-heading{min-height:0;margin:0}.palette-cards .card-info{flex:1;min-height:0}.palette-actions{min-height:0;margin:0}.palette-actions .palette-tip{overscroll-behavior:contain;scrollbar-width:thin;max-height:32px;overflow-y:auto}.palette-actions .copy-palette-button{justify-content:center;width:132px;height:32px}.control-panel .control-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.base-controls{border-bottom:1px dashed var(--line);flex:none;padding:18px 16px 14px}.parameter-controls{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--purple) transparent;flex:1;min-height:0;padding:0 16px 18px;overflow-y:auto}.control-panel .osl-controls{border-top:0;margin-top:18px;padding-top:0}}@media (width>=761px) and (width<=1100px) and (height>=501px),(width>=961px) and (width<=1100px){.workbench>:is(.palette-panel,.osl-panel){grid-template-rows:46px 50px minmax(0,1fr) 160px}.preview-options{gap:8px;padding-inline:12px}.preview-options .reference-options button{padding-inline:8px}.preview-stage{grid-template-columns:minmax(0,1fr) 180px}.preview-stage>.model-preview{padding-inline:12px}.preview-stage .model-region{grid-template-columns:13px minmax(0,1fr);gap:4px;padding:5px 3px}.preview-stage .model-region-chip{width:13px}.preview-reading>:is(.palette-reading,.osl-reading){padding-right:12px}.palette-strip-area,.osl-palette-area{padding-inline:12px}.palette-cards .card-color{height:28px;min-height:28px}.palette-cards .card-info{gap:1px;padding-block:3px}}@media (width>=961px) and (height<=600px){.workbench>:is(.palette-panel,.osl-panel){grid-template-rows:40px 42px minmax(0,1fr) 114px}.preview-options{padding-block:4px}.palette-strip-area,.osl-palette-area{grid-template-rows:minmax(0,1fr) 32px;gap:6px;padding-block:7px}.preview-stage>.model-preview{padding-block:4px}.preview-stage .model-caption{height:27px;min-height:27px;max-height:27px;margin-top:3px;padding-top:3px}.base-controls{padding-block:12px}}@media (width>=961px) and (width<=1100px) and (height<=600px){.workbench>:is(.palette-panel,.osl-panel){grid-template-rows:40px 42px minmax(0,1fr) 128px}}@media (width<=760px),(width<=960px) and (height<=500px){.workbench>:is(.palette-panel,.osl-panel){flex-direction:column;display:flex}.preview-options{grid-template-rows:40px 40px;grid-template-columns:minmax(0,1fr) 48px;gap:8px;padding:10px 12px}.preview-options .reference-picker{grid-area:1/1/auto/-1;margin:0}.preview-options .reference-options{gap:8px;width:100%}.preview-options .reference-options button{flex:1;min-height:40px;padding:7px 8px;font-size:13px}.preview-options .preview-toolbar{grid-row:2;justify-content:flex-start}.preview-options .preview-switch{width:100%;height:40px}.preview-options .preview-switch button{min-height:0;padding:7px;font-size:13px}.preview-options .preview-status{min-height:40px}.preview-options .model-reset{grid-area:2/2;min-height:40px}.preview-stage{padding:0;display:contents}.preview-stage>:is(.model-preview,.wheel-stage){order:2}.preview-stage>.model-preview{border:0;border-radius:0;margin:0;padding:12px}.preview-stage .model-scene{position:relative}.preview-stage .model-light{z-index:1;position:absolute;top:2px;left:0}.preview-stage .model-heading,.preview-stage .model-method-note{display:none}.preview-stage .model-caption{flex-wrap:nowrap;align-items:center;height:64px;min-height:64px;max-height:64px}.preview-stage .model-detail{overscroll-behavior:contain;scrollbar-width:thin;max-height:48px;overflow-y:auto}.preview-reading>:is(.palette-reading,.osl-reading){border-top:1px dashed #aaa49c;border-radius:0 0 8px 8px;order:4;padding:16px 12px}.preview-reading>.palette-reading{background:var(--preview-background)}.preview-reading>.osl-reading{background:#272535;border-color:#62566f}.palette-reading .overview-base{min-height:94px}.osl-reading .osl-source-row{margin-top:0}.palette-strip-area,.osl-palette-area{order:3;padding:18px 12px}.palette-actions .copy-palette-button{justify-content:center;min-height:44px}.palette-actions .palette-tip{overscroll-behavior:contain;scrollbar-width:thin;height:44px;max-height:44px;line-height:22px;overflow-y:auto}body:is(.mobile-controls-open,.color-editor-open) .preview-stage>.model-preview:not([hidden]){border:2px solid var(--ink);border-radius:12px;margin:0;padding:8px 10px}body:is(.mobile-controls-open,.color-editor-open) .preview-options .model-reset{top:calc(var(--live-height) - 50px);z-index:11;height:34px;min-height:34px;padding:5px 7px;position:fixed;bottom:auto;left:20px}body:is(.mobile-controls-open,.color-editor-open) #osl-model .model-light{background:0 0;border:0;flex-direction:column;gap:1px;padding:3px;display:flex}body:is(.mobile-controls-open,.color-editor-open) #osl-model .light-label{font-size:10px;display:block}body:is(.mobile-controls-open,.color-editor-open) #osl-model .light-direction{display:none}}@media (width<=960px) and (height<=500px){body:is(.mobile-controls-open,.color-editor-open) .preview-options .model-reset{top:auto;bottom:24px}}.mix-recipe-open{overflow:hidden}.mix-dialog{border:2px solid var(--ink);background:var(--white);width:min(560px,100vw - 32px);max-width:none;max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:6px 7px 0 var(--ink);border-radius:14px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.mix-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#24273766}.mix-layout{flex-direction:column;max-height:calc(100dvh - 44px);display:flex}.mix-heading{border-bottom:2px solid var(--ink);background:var(--yellow);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.mix-kicker{letter-spacing:1.6px;font:16px Bangers,sans-serif}.mix-heading h2{font-size:22px;font-weight:900;line-height:1.5}.mix-heading .catalog-close{flex:none;width:40px;height:40px}.mix-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:20px 22px;overflow-y:auto}.mix-intro>span{letter-spacing:1px;color:#665491;font-size:11px;font-weight:800}.mix-intro h3{margin:5px 0;font-size:20px;font-weight:900;line-height:1.45}.mix-intro p,.mix-tip{color:#606270;font-size:12px;line-height:1.65}.mix-formula{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:10px;margin:18px 0 12px;display:grid}.mix-ingredient{gap:7px;min-width:0;display:grid}.mix-ingredient-label{font-size:12px;font-weight:700}.mix-ingredient-color{border:2px solid var(--ink);width:100%;min-height:102px;box-shadow:3px 3px 0 var(--ink);text-align:left;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px;display:flex}.mix-ingredient-color>strong{font:700 30px/1.2 Space Mono,monospace}.mix-ingredient-color small{margin-left:2px;font-size:16px}.mix-ingredient-color>span{justify-content:space-between;align-items:center;gap:4px;width:100%;font:12px Space Mono,monospace;display:flex}.mix-ingredient-color svg{flex:none;width:14px;height:14px}.mix-ingredient-name{overflow-wrap:anywhere;font-size:13px;font-weight:700}.mix-plus{text-align:center;align-self:center;font-size:30px;font-weight:900;transform:rotate(-7deg)}.mix-ratio-label{color:#606270;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;font-size:11px;display:flex}.mix-ratio-label strong{color:var(--ink);font:700 13px Space Mono,monospace}.mix-ratio{border:2px solid var(--ink);border-radius:4px;height:13px;display:flex;overflow:hidden}.mix-ratio span{height:100%}.mix-tip{margin-top:10px}.mix-special{background:var(--soft-purple);border-radius:8px;align-items:flex-start;gap:12px;margin:16px 0;padding:16px;font-size:13px;line-height:1.7;display:flex}.mix-base-chip{border:1.5px solid var(--ink);border-radius:5px;flex:none;width:32px;height:32px}.mix-result{border:2px solid var(--ink);background:var(--paper);border-radius:8px;align-items:center;gap:12px;margin-top:18px;padding:12px;display:flex}.mix-result-chip{border:1.5px solid var(--ink);border-radius:5px;flex:none;width:52px;height:52px}.mix-result>div{flex:1;gap:5px;min-width:0;display:grid}.mix-result>div>span{font-size:12px;font-weight:700}.mix-result strong{font:700 15px Space Mono,monospace}.mix-result small{color:#606270;font:10px Space Mono,Noto Sans SC,sans-serif}.mix-result button{background:var(--white);border:1.5px solid var(--ink);border-radius:5px;flex:none;align-items:center;gap:5px;min-height:40px;padding:8px;font-size:12px;font-weight:700;display:flex}.mix-result button svg{width:16px;height:16px}.mix-note{color:#646471;border-top:1px dashed #bdb8c7;margin-top:14px;padding-top:12px;font-size:11px;line-height:1.75}.mix-footer{background:var(--soft-purple);border-top:2px solid var(--ink);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;display:flex}.mix-feedback{color:#5d506e;font-size:11px;line-height:1.6}.mix-copy{border:2px solid var(--ink);min-height:42px;box-shadow:3px 3px 0 var(--ink);background:var(--yellow);border-radius:5px;flex:none;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.mix-copy svg{width:16px;height:16px}.wheel-color-button{cursor:pointer;outline:none}.wheel-color-button:focus-visible .wheel-sector{stroke:var(--ink);stroke-width:6px}.wheel-color-button:focus-visible .wheel-sector-label{text-decoration:underline}@media (hover:hover){.mix-ingredient-color:hover{transform:translateY(-2px)}.mix-copy:hover{background:#ffe476}.wheel-color-button:hover .wheel-sector{stroke-width:3px}}@media (width<=600px){.mix-dialog{width:100%;max-height:90dvh;box-shadow:0 -4px 0 var(--ink);border-bottom:0;border-radius:18px 18px 0 0;inset:auto 0 0}.mix-layout{max-height:calc(90dvh - 2px)}.mix-heading{padding:12px 18px}.mix-heading h2{font-size:20px}.mix-heading .catalog-close{width:44px;height:44px}.mix-body{padding:17px 18px}.mix-intro h3{font-size:18px}.mix-intro p,.mix-tip{font-size:13px}.mix-formula{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:7px}.mix-ingredient-color{min-height:96px;padding:10px}.mix-ingredient-color>strong{font-size:27px}.mix-plus{font-size:25px}.mix-result{gap:9px;padding:10px}.mix-result-chip{width:40px;height:44px}.mix-result button{min-height:44px}.mix-result button span{display:none}.mix-footer{padding:12px 18px calc(14px + env(safe-area-inset-bottom));gap:10px}.mix-copy{min-height:44px;padding:10px;font-size:12px}.mix-note{font-size:12px}}@media (height<=500px){.mix-dialog{border:2px solid var(--ink);border-radius:12px;max-height:calc(100dvh - 16px);margin:auto;inset:8px 0}.mix-layout{max-height:calc(100dvh - 20px)}.mix-heading{padding:8px 18px}.mix-kicker{display:none}.mix-footer{padding:10px 18px}}html[data-page]:not([data-page=studio]),html[data-page]:not([data-page=studio]) body{height:auto;min-height:100%;overflow:auto}html[data-page]:not([data-page=studio]) body{padding:0}html[data-page]:not([data-page=studio]) body.paint-detail-open{overflow:hidden}.directory-shell.page-shell{max-width:1440px;height:auto;min-height:100dvh;padding:0 32px 24px;display:block;overflow:visible}.directory-shell>main{height:auto;display:block;overflow:visible}.directory-shell .site-header{gap:24px;height:84px;padding:0}.directory-shell>footer{padding-top:26px;font-size:10px;display:flex}.directory-shell .brand-word{font-size:42px}.directory-shell .brand-description{display:none}.site-header .studio-help{margin-left:4px}.directory-kicker{letter-spacing:1.3px;color:#665b80;font:11px Space Mono,monospace}.library-toolbar{border:2px solid var(--ink);background:var(--white);border-radius:8px;grid-template-columns:minmax(230px,1fr) 170px auto;align-items:end;gap:18px;padding:15px 18px;display:grid}.library-toolbar label>span:not(.chroma-select){margin-bottom:7px;font-size:11px;font-weight:700;display:block}.library-toolbar input{font:inherit;color:var(--ink);border:1.5px solid var(--ink);background:#fff;border-radius:5px;width:100%;min-width:0;height:40px;padding:8px 10px;font-size:13px}.library-group{align-items:center;gap:5px;height:40px;display:flex}.library-group button{white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:4px;padding:9px;font-size:12px}.library-group button[aria-pressed=true]{background:var(--yellow);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.library-result-count{color:#655d71;justify-content:space-between;gap:12px;padding:14px 0 12px;font-size:12px;display:flex}.library-result-count span{font-size:11px}.recipe-workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:22px;display:grid}.faction-directory{scrollbar-width:thin;scrollbar-color:#b2a5d2 transparent;gap:9px;max-height:max(450px,100dvh - 328px);padding:2px 7px 9px 0;display:grid;overflow:auto}.faction-directory>button{text-align:left;background:var(--white);border:1.5px solid #c8c3d0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:9px;width:100%;padding:14px;display:grid}.faction-directory>button:hover{border-color:var(--ink)}.faction-directory>button[aria-pressed=true]{border-color:var(--ink);background:var(--soft-purple);box-shadow:3px 3px 0 var(--ink)}.faction-list-main{gap:3px;display:grid}.faction-list-main strong{font-size:14px}.faction-list-main small{color:#72697e;font:10px/1.5 Space Mono,monospace}.faction-list-swatches{border:1px solid var(--ink);border-radius:4px;align-self:center;width:42px;height:36px;display:flex;overflow:hidden;transform:rotate(-4deg)}.faction-list-swatches i{flex:1}.faction-list-meta{color:#766e82;grid-column:1/-1;font-size:10px}.faction-detail-scroll{overscroll-behavior:contain;border:2px solid var(--ink);background:var(--white);min-width:0;max-height:max(450px,100dvh - 328px);box-shadow:5px 5px 0 var(--ink);scrollbar-width:thin;scrollbar-color:#b2a5d2 transparent;border-radius:9px;scroll-margin-top:12px;overflow:auto}.faction-detail-heading{border-bottom:1.5px solid var(--ink);background:var(--yellow);padding:24px 28px 19px}.faction-detail-kicker{letter-spacing:1px;justify-content:space-between;gap:12px;margin-bottom:14px;font:10px Space Mono,monospace;display:flex}.faction-detail-heading h2{font-size:29px;font-weight:900;line-height:1.5}.faction-english{margin:2px 0 13px;font:14px Space Mono,monospace}.faction-scheme{margin-bottom:4px;font-size:13px;font-weight:750}.faction-summary{color:#64582f;font-size:12px;line-height:1.8}.faction-source{flex-wrap:wrap;align-items:center;gap:13px;margin-top:16px;font-size:11px;display:flex}.faction-source a{border-bottom:1px solid;padding-bottom:2px}.faction-source>span{color:#64582f;margin-left:auto;font:10px Space Mono,monospace}.faction-detail-content{padding:18px 26px 22px}.recipe-provenance{color:#756b82;border-left:3px solid var(--purple);margin-bottom:23px;padding-left:12px;font-size:11px;line-height:1.85}.recipe-section-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.recipe-section-heading h3{font-size:15px;font-weight:800}.recipe-section-heading h3 span{background:var(--soft-purple);border-radius:3px;margin-left:5px;padding:3px 6px;font:11px Space Mono,monospace}.recipe-section-heading>span{color:#766e82;font-size:10px}.recipe-section-heading button{background:var(--white);border:1.5px solid var(--ink);white-space:nowrap;border-radius:4px;padding:6px 9px;font-size:11px}.recipe-paints{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.recipe-paint{text-align:left;background:#fff;border:1px solid #c7c0d1;border-radius:5px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.recipe-paint:hover:not(:disabled){border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.recipe-paint>i{border-bottom:1px solid #24273720;width:100%;height:32px;display:block}.recipe-paint>span{gap:4px;min-width:0;padding:8px 9px;display:grid}.recipe-paint strong{overflow-wrap:anywhere;font-size:11px;font-weight:700;line-height:1.5}.recipe-paint small{color:#716779;font:9px/1.5 Space Mono,monospace}.recipe-paint-meta{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.recipe-range-tag{white-space:nowrap;align-items:center;gap:3px;padding:1px 4px;font:700 9px/1.5 Space Mono,monospace;display:inline-flex}.recipe-range-tag svg{flex:none;width:12px;height:12px}.recipe-paint-levels{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.recipe-paint-badge{color:#416647;background:#e7eee8;border-radius:3px;width:fit-content;padding:2px 5px;font-size:10px;font-style:normal}.recipe-level-summary{overflow-wrap:anywhere;background:#f6f3fb;border:1px solid #d3ccdf;border-radius:5px;margin-bottom:14px;padding:12px;font-size:11px;line-height:1.85}.recipe-level-summary strong{font-size:12px}.recipe-level-summary p{color:#756b82;margin-top:4px}.recipe-small-note{color:#756b82;margin:11px 0;font-size:11px;line-height:1.85}.recipe-parts{margin-top:28px}.recipe-part{border:1px solid #d3ccdf;border-radius:6px;margin-bottom:9px;overflow:hidden}.recipe-part summary{cursor:pointer;background:#f6f3fb;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:12px;min-height:56px;padding:13px 15px;font-size:13px;font-weight:700;list-style:none;display:grid}.recipe-part summary::-webkit-details-marker{display:none}.recipe-part-name{overflow-wrap:anywhere;min-width:0;line-height:1.6}.recipe-part-count{color:#756b82;white-space:nowrap;font-size:11px;font-weight:400}.recipe-part-toggle{place-items:center;width:28px;height:28px;display:grid}.recipe-part-toggle svg{width:18px;height:18px;display:block}.recipe-part[open] .recipe-part-toggle svg{transform:rotate(45deg)}.recipe-part ol{gap:14px;margin:0;padding:15px;list-style:none;display:grid}.recipe-part li{align-items:flex-start;gap:12px;display:flex}.recipe-step-number{border:1px solid var(--ink);background:var(--yellow);border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font:12px Space Mono,monospace;display:grid}.recipe-step-body{flex:1;min-width:0}.recipe-step-heading{align-items:center;gap:10px;margin-bottom:7px;font-size:12px;display:flex}.level-tag{color:#62518f;background:var(--soft-purple);white-space:nowrap;border:1px solid #bdb0da;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500}.level-battle{color:#416647;background:#e7eee8;border-color:#b4c9b7}.recipe-paint.compact{flex-direction:row;align-items:center;width:fit-content;max-width:100%}.recipe-paint.compact>i{border:0;border-right:1px solid #24273720;flex:none;align-self:stretch;width:37px;height:auto;min-height:44px}.recipe-paint.compact>span{gap:2px;padding:5px 9px}.recipe-step-body>p{color:#756b82;margin-top:6px;font-size:11px;line-height:1.8}.recipe-part-sources{color:#6a55a5;gap:12px;padding:0 15px 13px;font-size:11px;display:flex}.recipe-bottom-note{color:#80768e;border-top:1px dashed #d3ccdf;margin-top:28px;padding-top:17px;font-size:10px;line-height:1.8}.back-to-factions{display:none}.directory-empty{background:var(--white);text-align:center;border:1.5px dashed #bdb0da;border-radius:8px;padding:45px 22px}.directory-empty strong{font-size:17px;line-height:1.6}.directory-empty p{color:#756b82;margin:12px 0;font-size:13px;line-height:1.8}.directory-empty button,.library-warning button{background:var(--yellow);border:1.5px solid var(--ink);border-radius:5px;padding:9px 13px;font-size:12px}.library-warning{background:#f9eeba;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.paint-browser{border:2px solid var(--ink);background:var(--white);box-shadow:5px 5px 0 var(--ink);border-radius:9px;overflow:hidden}.paint-browser .catalog-heading{background:var(--soft-purple);padding:15px 24px}.paint-browser .catalog-kicker{font-size:10px}.paint-browser .catalog-layout{height:auto}.paint-browser .catalog-results-area{min-height:200px;max-height:none;overflow:visible}.paint-browser .catalog-results{grid-template-columns:repeat(6,minmax(0,1fr))}.paint-detail-dialog{border:2px solid var(--ink);width:min(460px,100vw - 32px);max-height:calc(100dvh - 40px);box-shadow:6px 6px 0 var(--ink);background:var(--white);color:var(--ink);border-radius:10px;margin:auto;padding:0;overflow:auto}.paint-detail-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24273799}.paint-detail-header{z-index:1;border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0}.paint-detail-header>strong{flex-wrap:wrap;align-items:baseline;gap:9px;font-size:16px;font-weight:900;display:flex}.paint-detail-header>strong>span{letter-spacing:.7px;font:18px Bangers,sans-serif}.paint-detail-header .catalog-close{flex:none;width:40px;height:40px}.paint-detail-preview{border-bottom:2px solid var(--ink);margin:0;padding:18px 22px 22px}.paint-detail-preview figcaption{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.paint-detail-preview code{font:12px Space Mono,monospace}.paint-detail-swatch{height:132px}.paint-detail-body{padding:23px}.paint-detail-body h2{overflow-wrap:anywhere;margin-top:8px;font-size:25px}.paint-detail-code{margin:9px 0 19px;font:13px Space Mono,monospace}.paint-detail-body>p:last-of-type{color:#756b82;font-size:12px;line-height:1.9}.detail-actions{gap:12px;margin-top:23px;display:flex}.detail-actions button{border:1.5px solid var(--ink);background:var(--white);border-radius:5px;flex:1;padding:11px 8px;font-size:12px;font-weight:650}.detail-actions .primary-action{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}html[data-page]:not([data-page=studio]) .toast{max-width:calc(100vw - 32px);left:50%}@media (width>=761px) and (width<=1100px){.library-toolbar{grid-template-columns:minmax(0,1fr) 170px;gap:12px}.library-group{grid-column:1/-1}.recipe-workspace{grid-template-columns:235px minmax(0,1fr);gap:16px}.recipe-paints{grid-template-columns:repeat(2,minmax(0,1fr))}.faction-detail-content{padding-inline:19px}.paint-browser .catalog-results{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px),(width<=960px) and (height<=500px){.directory-shell.page-shell{padding:0 16px 14px}.site-header,.directory-shell .site-header{flex-wrap:wrap;gap:10px 14px;height:auto;min-height:100px;padding:10px 0}.directory-shell .brand-word{font-size:36px}.site-header .studio-help{margin-left:auto}.directory-kicker{letter-spacing:.8px;font-size:9px}.library-toolbar{grid-template-columns:minmax(0,1fr) 110px;gap:10px;padding:12px}.library-toolbar input{font-size:16px}.library-toolbar input::placeholder{font-size:11px}.library-group{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;display:grid}.library-group button{padding:8px 3px;font-size:11px}.library-result-count{flex-direction:column;gap:5px;font-size:11px}.library-result-count span{font-size:10px;line-height:1.6}.recipe-workspace{display:block}.faction-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:none;padding-right:0;overflow:visible}.faction-directory>button{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 10px}.faction-list-main strong{font-size:13px}.faction-list-main small{overflow-wrap:anywhere;min-height:27px;font-size:9px}.faction-list-swatches{width:100%;height:22px;transform:none}.faction-list-meta{font-size:9px}.faction-detail-scroll{max-height:none;box-shadow:3px 4px 0 var(--ink);display:none;overflow:visible}.showing-detail .faction-directory{display:none}.showing-detail .faction-detail-scroll{display:block}.back-to-factions{border:0;border-bottom:1.5px solid var(--ink);background:var(--white);text-align:left;border-radius:7px 7px 0 0;width:100%;padding:12px 16px;font-size:12px;display:block}.faction-detail-heading{padding:20px 17px 16px}.faction-detail-heading h2{font-size:27px}.faction-source{gap:10px;font-size:10px}.faction-source>span{flex-basis:100%;margin-top:2px;margin-left:0}.faction-detail-content{padding:16px 13px}.recipe-paints{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recipe-section-heading{gap:7px}.recipe-section-heading h3{font-size:13px}.recipe-section-heading h3 span{margin-left:2px;padding:2px 4px;font-size:10px}.recipe-paint strong{font-size:11px}.recipe-paint small{font-size:8px}.recipe-provenance{margin-bottom:20px;font-size:10px}.paint-browser .catalog-results{grid-template-columns:repeat(2,minmax(0,1fr))}.paint-browser .catalog-heading{padding:14px 16px}.paint-browser .catalog-heading h2{font-size:19px}.paint-browser .paint-swatch-color{height:62px}.directory-shell>footer{font-size:8px;line-height:1.8}.library-warning{align-items:flex-start;font-size:11px}.paint-detail-body{padding:19px}.paint-detail-body h2{font-size:23px}}.faction-identity{grid-template-columns:minmax(160px,.8fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}.faction-english{margin-bottom:0}.faction-detail-kicker{margin-bottom:10px}.faction-detail-heading{padding-top:18px;padding-bottom:16px}.faction-detail-heading h2{font-size:26px}.recipe-small-note a{text-underline-offset:3px;text-decoration:underline}@media (width<=760px),(width<=960px) and (height<=500px){.faction-identity{grid-template-columns:1fr;gap:12px}.back-to-factions{z-index:3;position:sticky;top:0}}.faction-family-heading{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.faction-family-kicker{letter-spacing:1px;font:10px Space Mono,monospace}.faction-family-heading h2{margin-top:5px;font-size:24px}.faction-family-count{text-align:center;gap:3px;font:700 28px Space Mono,monospace;display:grid}.faction-family-count small{font:11px Noto Sans SC,sans-serif}.scheme-picker{border-bottom:2px solid var(--ink);background:#f3eddd;padding:14px 24px 12px}.scheme-picker-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.scheme-picker-heading>span{color:#635d52;font-size:10px}.scheme-options{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#93877b transparent;gap:10px;padding:2px 4px 7px 1px;display:flex;position:relative;overflow-x:auto}.scheme-options>button{text-align:left;border:2px solid var(--ink);background:var(--white);scroll-snap-align:start;border-radius:3px;flex:0 0 145px;gap:6px;min-height:88px;padding:8px;display:grid}.scheme-options>button[aria-pressed=true]{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.scheme-options>button:hover{background:#fff3bb}.scheme-options strong{justify-content:space-between;gap:8px;font-size:12px;line-height:1.5;display:flex}.scheme-options strong>span{font-size:10px}.scheme-options small{color:#615b50;font-size:10px}.scheme-swatches{border:1px solid var(--ink);height:15px;display:flex;overflow:hidden}.scheme-swatches i{flex:1}.scheme-swatches:empty{background:repeating-linear-gradient(135deg,#f1edf6 0 7px,#d9d2e3 7px 8px)}.scheme-detail-heading{padding:22px 26px 0}.scheme-detail-heading h3{margin-top:10px;font-size:25px;line-height:1.5}.scheme-detail-heading .faction-english{overflow-wrap:anywhere;margin:2px 0 13px;font-size:12px}.recipe-source-kind{border:1px solid var(--ink);background:#deefe4;border-radius:2px;padding:4px 7px;font-size:10px;display:inline-block}.recipe-source-kind[data-kind=staff],.recipe-source-kind[data-kind=showcase]{background:#ece2ff}.recipe-source-kind[data-kind=video-list],.recipe-source-kind[data-kind=video]{background:#ffe1d2}.recipe-evidence{border:1px solid var(--ink);overflow-wrap:anywhere;background:#fff6db;border-left-width:4px;margin-top:14px;padding:10px 12px;font-size:11px;line-height:1.8}.recipe-evidence>strong{letter-spacing:.08em;font-size:10px}.recipe-evidence p{margin:3px 0 0}.recipe-evidence span{color:#665f53;display:block}.recipe-part-evidence{color:#665f53;overflow-wrap:anywhere;margin:0;padding:0 15px 12px;font-size:11px;line-height:1.8}.recipe-step-mix{border-left:2px solid #c0b298;gap:5px;margin-top:6px;padding-left:10px;display:grid}.recipe-step-mix>small{color:#665f53;font-size:10px}.scheme-scope{color:#655e58;font-size:12px;line-height:1.85}.scheme-scope>strong{color:var(--ink);margin-right:9px}.recipe-staff-note{background:#f1eafa;border:1px dashed #9680b4;margin:-10px 0 20px;padding:10px 12px;font-size:11px;line-height:1.8}.recipe-materials{border:1px dashed var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:11px;display:flex}.recipe-materials>span{background:#f3eddd;border:1px solid #d3cdbf;padding:4px 7px;font-family:Space Mono,monospace}.recipe-materials>small{color:#756b82}@media (width<=760px){.faction-family-heading{padding:14px 16px}.faction-family-heading h2{font-size:23px}.scheme-picker{padding-inline:15px}.scheme-options>button{flex-basis:136px}.scheme-detail-heading{padding:20px 16px 0}.scheme-detail-heading h3{font-size:23px}}:root{--paper:#f6f3e9;--white:#fffef8;--ink:#25232d;--yellow:#ffe052;--purple:#7155b7;--mint:#cce1d3;--soft-purple:#eae2f7;--muted:#67616e;--line:#c7c0ca;--comic-stroke:2px solid var(--ink);--comic-radius:6px;--comic-shadow:4px 4px 0 var(--ink);--shadow:var(--comic-shadow);--control-border:var(--comic-stroke);--control-radius:var(--comic-radius);--control-shadow:2px 2px 0 var(--ink);--control-focus:#49328c;--track-paper:#e5dfeb}body{background:var(--paper)}::selection{background:var(--yellow);color:var(--ink)}:is(button,a,input,select,summary):focus-visible{outline:3px solid var(--control-focus);outline-offset:4px}:is(button,a){transition:background-color .12s,box-shadow .12s,transform .12s}:is(.comic-panel,.paint-browser,.faction-detail-scroll,.library-toolbar){border:var(--comic-stroke);border-radius:var(--comic-radius);box-shadow:var(--comic-shadow)}.site-header{border-bottom:var(--comic-stroke)}.site-header .brand{cursor:pointer;border-radius:3px;gap:0;min-height:44px}.site-header .brand:hover{color:var(--purple)}.site-header .brand:active{transform:translateY(1px)}.site-header .brand-word{letter-spacing:.7px;gap:10px;font-size:36px;transform:none}.site-header .brand-description{display:none}.brand-seal{border:var(--comic-stroke);background:var(--yellow);width:34px;height:36px;box-shadow:2px 2px 0 var(--ink);border-radius:3px;place-items:center;display:grid;transform:rotate(-5deg)}.brand-seal .brand-miniature{filter:brightness(0);width:25px;height:29px;transform:rotate(5deg)}.studio-help>summary{border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:3px}.studio-help>summary span{background:var(--yellow)}.studio-help-content{border-radius:var(--comic-radius);box-shadow:var(--comic-shadow)}.directory-shell>footer{border-top:var(--comic-stroke);color:var(--muted);margin-top:26px;padding-top:18px}.directory-kicker{color:var(--ink);letter-spacing:1.2px;font-weight:700}:is(.catalog-filters input,.library-toolbar input,.hex-input-wrap,.osl-color-input input[type=text],.color-editor-hex-field input){border:1.5px solid var(--ink);border-radius:var(--control-radius);background-color:var(--white);box-shadow:none;color:var(--ink)}:is(.catalog-filters label,.library-toolbar label>span,.hex-field label,.osl-color-input label){color:var(--ink);font-size:12px;font-weight:800}:is(.hex-input-wrap,.library-toolbar,.catalog-filters):focus-within{outline-color:var(--control-focus)}.hex-input-wrap:focus-within{box-shadow:2px 2px 0 var(--ink);outline:2px solid var(--control-focus);outline-offset:3px}.osl-color-input input[aria-invalid=true],.color-editor-hex-field input[aria-invalid=true]{border-color:#ac2744;box-shadow:2px 2px #ac2744}.hex-input-wrap:has(input[aria-invalid=true]){border-color:#ac2744;box-shadow:2px 2px #ac2744}.range-field .range-label output{background:var(--soft-purple);box-shadow:none;border:0;border-radius:3px;font-size:11px;transform:none}.range-field .comic-range::-webkit-slider-runnable-track{box-shadow:1px 2px 0 var(--ink);border-radius:2px}.range-field .comic-range::-moz-range-track{box-shadow:1px 2px 0 var(--ink);border-radius:2px}.range-field .comic-range::-webkit-slider-thumb{box-shadow:2px 2px 0 var(--ink);border-radius:3px}.range-field .comic-range::-moz-range-thumb{box-shadow:2px 2px 0 var(--ink);border-radius:3px}.paint-color-trigger,.base-color-button.paint-color-trigger{box-shadow:3px 3px 0 var(--ink);border-radius:4px}.paint-color-trigger:before{display:none}.paint-color-trigger .picker-cross{border-radius:2px;transform:none}.toggle-track,.osl-blocked input{border-radius:3px}.toggle-track{box-shadow:1px 1px 0 var(--ink)}.toggle-track:before{border-radius:1px}:is(.mode-switch button,.copy-palette-button,.catalog-open-button,.catalog-close,.catalog-brands button,.catalog-pagination button,.catalog-status button,.color-editor-footer button,.detail-actions button,.recipe-section-heading button,.directory-empty button,.library-warning button,.mix-copy,.mix-result button,.mobile-sheet-footer button){border:var(--comic-stroke);border-radius:var(--control-radius);box-shadow:2px 2px 0 var(--ink);font-weight:700}.library-group button{color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:4px;font-weight:700}.library-group button[aria-pressed=true]{background:var(--yellow);border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.mode-switch button[aria-selected=true],.mode-switch button[data-mode=osl][aria-selected=true]{background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.mode-switch button[data-mode=osl][aria-selected=true] span{color:var(--ink)}.catalog-brands button{background:var(--white);color:var(--ink);box-shadow:none;border-width:1.5px}.catalog-brands button[aria-pressed=true]{background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.catalog-brands button[aria-pressed=true] strong{color:var(--ink)}.catalog-brands strong{font-size:29px}.catalog-open-button{background:var(--white);border-width:1.5px}.catalog-close{box-shadow:none;background:var(--white);border-width:1.5px}.mood-option input:checked+span{background:var(--yellow)}.mood-option>span{border-radius:4px}.mood-option input:checked+span:after{display:none}.osl-control-title{gap:7px}.paint-brand-count{font:11px Space Mono,monospace}:is(.catalog-pagination button,.color-editor-footer button):disabled{box-shadow:none;opacity:.45}.control-panel .panel-heading{background:var(--soft-purple)}.palette-panel .panel-heading,.osl-panel .panel-heading{background:var(--yellow);border-bottom:var(--comic-stroke)}.panel-heading h2{font-weight:900}.inspector-live{font-weight:700}.inspector-live i{border:1px solid var(--ink);background:var(--mint);border-radius:0;width:7px;height:7px}.preview-options{border-bottom:var(--comic-stroke);background:var(--white)}.preview-options .reference-options button{background:0 0;border:1.5px solid #0000;border-radius:4px;font-weight:700}.preview-options .reference-options button[aria-pressed=true]{background:var(--yellow);border-color:var(--ink)}.preview-options .preview-status{border-color:var(--ink);color:var(--ink);border-radius:3px}.preview-switch{border-radius:3px}.palette-panel{--preview-background:#e4e0d5}.palette-stage,.palette-panel #palette-model,.palette-panel #wheel-stage{background-image:none}.overview-base{border:var(--comic-stroke);box-shadow:2px 2px 0 var(--ink);border-radius:3px}.overview-settings>div{border-bottom:1px solid #aaa49c;padding-bottom:8px}.overview-hsl{border-top:0;padding-top:0}.model-light,#osl-model .model-light{border:1.5px solid var(--model-ink);border-radius:3px}.model-light{color:var(--model-ink)}.model-region{border-color:var(--model-line);border-radius:3px}.model-region[aria-pressed=true]{box-shadow:2px 2px 0 var(--model-ink)}.model-region-chip{border-radius:2px}.model-pin{box-shadow:2px 2px 0 var(--ink)}.model-status{border:1.5px solid var(--model-ink);box-shadow:3px 3px 0 var(--ink);border-radius:3px}.palette-card{box-shadow:2px 2px 0 var(--ink);border-radius:3px}.palette-card[data-base=true]{box-shadow:2px 2px 0 var(--ink)}.palette-strip-area,.osl-palette-area{background:var(--white)}.card-name{font-weight:800}.card-hex{font-variant-numeric:tabular-nums}.preset-button,.preset-chip,.mood-option>span,.osl-presets button{border-radius:3px}.color-fine-tuning{border-block:1.5px solid var(--ink)}.color-fine-tuning summary{font-weight:700}.color-fine-tuning summary>span,.osl-advanced summary>span{font-family:Space Mono,monospace}.osl-advanced summary{background:var(--soft-purple);border-radius:3px}.selected-paint:not([hidden]){background:var(--paper);border:0;border-left:3px solid var(--purple);border-radius:0 4px 4px 0;margin-top:12px;padding:9px 11px}.osl-source-card,.osl-comparison-card{border-radius:3px}.catalog-heading,.paint-browser .catalog-heading{background:var(--mint);background-image:none}.catalog-kicker,.mix-kicker{letter-spacing:1.3px;font:17px Bangers,Impact,sans-serif}.paint-browser .catalog-heading{padding-block:13px}.paint-browser .catalog-heading>div{flex-wrap:wrap;align-items:baseline;gap:7px 14px;display:flex}.paint-browser .catalog-heading h2{font-size:18px}.paint-browser .catalog-heading .catalog-kicker{font-size:21px}.catalog-toolbar{background:var(--white)}.catalog-results-area{background:var(--paper);border-top:1px solid var(--line);padding-top:18px}.catalog-results{gap:14px}.paint-swatch,.recipe-paint{border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:var(--white);border-radius:5px}.paint-swatch-color,.recipe-paint>i{border-bottom:var(--comic-stroke)}.paint-swatch-info{gap:7px;padding:11px}.paint-swatch-info strong{font-weight:800}.paint-swatch-meta{color:var(--muted);font-size:10px}.paint-swatch-range{border:1px solid var(--ink);width:fit-content;color:var(--ink);background:var(--paper);border-radius:2px;padding:2px 5px;font-size:10px}.catalog-footer{border-top:var(--comic-stroke)}.catalog-pagination>span{background:var(--yellow);border:1px solid var(--ink);padding:5px 8px;font-weight:700}.library-toolbar{background:var(--white);gap:16px}.library-group{gap:6px}.library-group button{padding-inline:10px}.faction-directory{gap:11px;padding-bottom:12px}.faction-directory>button{border:1.5px solid var(--line);box-shadow:none;background:var(--white);border-radius:5px}.faction-directory>button[aria-pressed=true]{background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.faction-list-main strong{font-weight:900}.faction-list-main small,.faction-list-meta{color:var(--muted)}.faction-list-swatches{border:1.5px solid var(--ink);border-radius:2px;transform:none}.faction-detail-heading{border-bottom:var(--comic-stroke);background:var(--yellow)}.faction-detail-kicker{letter-spacing:.8px;font-weight:700}.faction-source a{border:1px solid var(--ink);background:var(--white);border-radius:2px;padding:4px 6px;font-weight:600}.faction-source{gap:8px}.recipe-provenance{color:var(--muted);border-left:3px solid var(--purple)}.recipe-section-heading h3{font-weight:900}.recipe-section-heading h3 span{background:var(--yellow);color:var(--ink);border:1px solid var(--ink);border-radius:2px;font-weight:700}.recipe-section-heading button{background:var(--yellow);min-height:34px}.recipe-paint strong{font-size:12px;font-weight:800}.recipe-paint small{color:var(--muted)}.recipe-range-tag{background:var(--paper);color:var(--ink);border:1px solid;border-radius:3px}.recipe-range-tag[data-range=Base]{color:#fffefa;background:#344a73;border-color:#344a73}.recipe-range-tag[data-range=Layer]{color:#25486a;background:#dcecfb}.recipe-range-tag[data-range=Shade]{color:#60407e;background:#e7dcf4}.recipe-range-tag[data-range=Contrast]{color:#833b2b;background:#ffdbcf}.recipe-range-tag[data-range=Dry]{color:#655024;background:#eddfc6}.recipe-range-tag[data-range=Glaze]{color:#235b58;background:#d5ecea}.recipe-range-tag[data-range=Air]{color:#2c586e;background:#d9edf4}.recipe-range-tag[data-range=Spray]{color:#414f65;background:#e1e5ec}.recipe-paint>i{height:38px}.recipe-paint.compact{box-shadow:none}.paint-swatch-info .recipe-range-tag{width:fit-content;font-size:10px}.recipe-paint.compact>i{border-right:var(--comic-stroke)}.recipe-paint .unknown-paint{background:repeating-linear-gradient(135deg, var(--paper) 0 6px, #c7c0ca 6px 7px)}.recipe-paint-badge{border:1px solid var(--ink);background:var(--mint);color:var(--ink);border-radius:2px;font-size:10px}.recipe-level-summary{border:0;border-left:3px solid var(--purple);background:var(--soft-purple);border-radius:0 4px 4px 0}.recipe-part{border:1.5px solid var(--ink);border-radius:3px}.recipe-part summary{background:var(--paper);font-weight:800}.recipe-part[open] summary{border-bottom:1.5px solid var(--ink);background:var(--soft-purple)}.recipe-part-toggle{border:1.5px solid var(--ink);background:var(--white);color:var(--ink);border-radius:3px}.recipe-part[open] .recipe-part-toggle{background:var(--yellow)}.recipe-step-number{box-shadow:1px 1px 0 var(--ink);border-width:1.5px;border-radius:3px}.level-tag{border-color:var(--ink);color:var(--ink);border-radius:2px}.level-battle{background:var(--mint);border-color:var(--ink);color:var(--ink)}.level-parade{background:var(--yellow)}.level-ungraded{background:var(--paper);color:var(--muted)}.directory-empty{border:var(--comic-stroke);box-shadow:var(--comic-shadow);background:var(--white);border-radius:3px}.directory-empty strong{font-weight:900}.library-warning{border:1.5px solid var(--ink);background:#fff1b7;border-radius:3px}:is(.color-editor,.catalog-dialog,.paint-detail-dialog,.mix-dialog,.mobile-controls-dialog){box-shadow:var(--comic-shadow);border-radius:4px}:is(.color-editor,.catalog-dialog,.paint-detail-dialog,.mix-dialog,.mobile-controls-dialog)::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#25232d80}.color-editor-heading,.mix-heading,.mobile-sheet-heading{background:var(--yellow)}.color-editor-heading .catalog-kicker{letter-spacing:1px;font:15px Bangers,sans-serif}.color-editor-sv,.editor-sample{border-radius:3px}.color-editor-footer,.mix-footer,.mobile-sheet-footer{background:var(--paper)}.color-editor-footer button[type=submit],.mobile-sheet-footer button{background:var(--yellow);color:var(--ink)}.color-editor-footer button[type=submit] span,.mobile-sheet-footer button span{color:var(--ink)}.paint-detail-dialog{outline:3px solid var(--white)}.paint-detail-dialog::backdrop{background:#17151fc2}.paint-detail-header{background:var(--yellow)}.catalog-close,.color-editor-heading .catalog-close,.mobile-sheet-heading .catalog-close{width:40px;height:40px}.paint-detail-preview{background:var(--ink);color:var(--white)}.paint-detail-swatch{border:3px solid var(--white);border-radius:2px}.paint-detail-body .directory-kicker{border:1px solid var(--ink);background:var(--mint);width:fit-content;padding:4px 7px;font-size:11px}.paint-detail-identity{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.paint-detail-identity .recipe-range-tag{padding:3px 6px;font-size:11px}.paint-detail-code{border-bottom:1.5px solid var(--ink);padding-bottom:15px}.detail-actions .primary-action{background:var(--yellow)}.mix-ingredient-color,.mix-result,.mix-special{border-radius:3px}.mix-special{border:1.5px solid var(--ink)}.mobile-tools{box-shadow:none}.mobile-tools button{border-radius:3px}.toast{border:var(--comic-stroke);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:3px;font-weight:700}@media (hover:hover){:is(.paint-swatch,.recipe-paint):hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.faction-directory>button:hover,.library-group button:hover:not([aria-pressed=true]){background:var(--soft-purple)}}:is(.paint-swatch,.recipe-paint,.recipe-section-heading button,.detail-actions button,.library-group button):active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}@media (width<=760px),(width<=960px) and (height<=500px){:root{--comic-shadow:3px 3px 0 var(--ink)}.site-header .brand-word{font-size:32px}.catalog-close,:is(.color-editor-heading,.mobile-sheet-heading,.paint-detail-header,.catalog-heading,.mix-heading) .catalog-close{width:44px;height:44px}.brand-seal{width:30px;height:32px}.brand-seal .brand-miniature{width:22px;height:26px}.library-toolbar{grid-template-columns:minmax(0,1fr) 110px;gap:12px 10px}.library-toolbar input{height:44px;font-size:16px}.library-group{gap:5px}.library-group button{min-height:37px;padding:9px 2px;font-size:10px}.library-result-count{padding-block:15px 12px}.catalog-results{gap:12px}.catalog-results-area{padding-top:14px}.paint-swatch-info{padding:9px}.paint-swatch-info strong{font-size:13px}.paint-swatch-meta{font-size:10px}.catalog-brands strong{font-size:26px}.paint-brand-count{font-size:11px}.paint-browser .catalog-heading{padding:12px 15px}.paint-browser .catalog-heading h2,.catalog-filters input{font-size:16px}.catalog-filters label{font-size:12px}.faction-directory{gap:12px;padding-right:3px}.faction-list-main strong{font-size:14px}.faction-list-meta{font-size:10px}.back-to-factions{border-bottom:var(--comic-stroke);background:var(--white);border-radius:2px 2px 0 0;font-weight:700}.recipe-paints{gap:10px}.recipe-paint strong{font-size:12px}.recipe-paint small{font-size:9px}.recipe-provenance{font-size:11px;line-height:1.8}.recipe-section-heading button{min-height:38px}.recipe-part summary{padding:12px}.recipe-part ol{padding:13px 10px}.recipe-part li{gap:9px}.recipe-step-heading{flex-wrap:wrap;gap:6px}.palette-card{border-radius:3px}.mobile-tools{background:var(--paper)}.mobile-controls-dialog,.color-editor,body:is(.mobile-controls-open,.color-editor-open) .preview-stage>.model-preview:not([hidden]){border-radius:4px}.mix-dialog{box-shadow:0 -3px 0 var(--ink);border-radius:5px 5px 0 0}.paint-detail-header{padding:10px 14px}.paint-detail-header>strong{gap:6px;font-size:15px}.paint-detail-header>strong>span{font-size:16px}.paint-detail-preview{padding:14px 17px 17px}.paint-detail-swatch{height:116px}.paint-detail-body{padding:20px 17px}.detail-actions{gap:10px}.detail-actions button{min-height:44px}}@media (prefers-reduced-motion:reduce){:is(button,a,input,select,summary){transition:none}.paint-swatch:hover,.recipe-paint:hover{transform:none}}.home-intro{grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:32px;padding:27px 4px 24px;display:grid}.home-intro h1{letter-spacing:-1.5px;margin:9px 0 12px;font-size:clamp(30px,3.5vw,46px);font-weight:900;line-height:1.5}.home-intro h1 span{isolation:isolate;padding:0 4px;display:inline-block;position:relative}.home-intro h1 span:before{content:"";z-index:-1;background:var(--yellow);clip-path:polygon(2% 10%,97% 0,100% 74%,6% 100%,0 70%);position:absolute;inset:48% -3px 8%;transform:rotate(-2deg)}.home-intro h1 span:after{content:"";border-bottom:2px solid var(--ink);border-radius:50%;height:5px;position:absolute;bottom:1%;left:6%;right:5%;transform:rotate(-2deg)}.home-description{color:var(--muted);font-size:13px;line-height:1.8}.home-color-stack{justify-self:center;width:238px;height:150px;position:relative}.home-sample{border:var(--comic-stroke);background:var(--white);width:94px;height:122px;box-shadow:3px 3px 0 var(--ink);border-radius:3px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.home-sample>span{letter-spacing:.6px;border-bottom:var(--comic-stroke);padding:5px 6px;font:16px Bangers,Impact,sans-serif}.home-sample i{flex:1}.sample-back{color:var(--white);background:#59478d;top:12px;left:7px;transform:rotate(-14deg)}.sample-side{background:#c9b6eb;top:12px;right:5px;transform:rotate(14deg)}.sample-front{z-index:1;background:var(--yellow);width:108px;height:140px;top:0;left:68px;transform:rotate(-3deg)}.sample-front>span{text-align:center;font-size:20px}.sample-front img{filter:brightness(0);width:46px;height:64px;margin:auto;display:block}.sample-front b{text-align:center;border-top:1.5px solid var(--ink);padding:7px 1px;font:5px Space Mono,monospace}.home-tool-group+.home-tool-group{margin-top:23px}.home-group-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.home-group-heading h2{font-size:15px;font-weight:900}.home-group-heading>span{color:var(--muted);font-size:11px}.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}:is(.home-tool-card,.home-reference-card){--tool-tint:var(--soft-purple);border:var(--comic-stroke);border-radius:var(--comic-radius);box-shadow:var(--comic-shadow);background:var(--white);min-width:0;color:var(--ink)}.home-tool-coloring{--tool-tint:#f0dfb8}.home-tool-paints{--tool-tint:var(--mint)}.home-tool-recipes{--tool-tint:var(--yellow)}.home-tool-card{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) 170px;display:grid;overflow:hidden}.home-tool-copy{flex-direction:column;align-items:flex-start;padding:20px 0 20px 23px;display:flex}.home-tool-english{letter-spacing:1.3px;color:var(--muted);font:16px Bangers,Impact,sans-serif;display:block}.home-tool-copy h3{margin:3px 0 7px;font-size:28px;font-weight:900;line-height:1.5}.home-tool-copy p,.home-reference-copy p{color:var(--muted);max-width:29em;font-size:12px;line-height:1.8}.home-tool-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:15px;display:flex}.home-tool-tags span{background:var(--tool-tint);border:1px solid var(--ink);border-radius:2px;padding:3px 6px;font-size:10px;line-height:1.5}.home-tool-picture{background:var(--tool-tint);border:0;border-radius:40% 34% 37% 32%;justify-content:center;align-items:center;margin:15px 15px 15px 20px;display:flex}.home-tool-study{width:100%;max-width:160px;height:auto}.home-tool-action{border-top:var(--comic-stroke);background:var(--tool-tint);grid-column:1/-1;justify-content:space-between;align-items:center;min-height:43px;padding:7px 20px;font-size:12px;font-weight:800;display:flex}.home-tool-action>span{font-size:23px;line-height:1}.home-reference-card{grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:17px;padding:18px 20px;display:grid}.home-reference-icon{border:1.5px solid var(--ink);background:var(--tool-tint);border-radius:3px;place-items:center;width:52px;height:60px;display:grid}.home-reference-icon svg{width:40px;height:40px}.home-reference-copy{align-self:start}.home-reference-copy h3{margin:3px 0;font-size:20px;font-weight:900}.home-reference-copy .home-tool-english{font-size:13px}.home-reference-arrow{font-size:25px}.home-archive-card{border:var(--comic-stroke);border-radius:var(--comic-radius);box-shadow:var(--comic-shadow);background:var(--white);color:var(--ink);grid-template-columns:minmax(0,1fr) 32%;display:grid;overflow:hidden}.home-archive-copy{padding:21px 24px}.home-archive-copy .home-tool-english{letter-spacing:1px;font-size:14px}.home-archive-copy h3{margin:4px 0 8px;font-size:28px;font-weight:900;line-height:1.5}.home-archive-copy p{color:var(--muted);max-width:35em;font-size:12px;line-height:1.8}.home-archive-action{background:var(--yellow);border:1.5px solid var(--ink);border-radius:3px;align-items:center;gap:24px;min-height:36px;margin-top:14px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.home-archive-action>span{font-size:22px;line-height:1}.home-archive-picture{border-left:var(--comic-stroke);background:var(--ink);position:relative;overflow:hidden}.home-archive-picture img{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block;position:absolute;inset:0}.home-archive-picture>span{text-align:center;background:var(--ink);color:var(--white);letter-spacing:.3px;padding:8px;font:9px Space Mono,monospace;position:absolute;bottom:0;left:0;right:0}.home-footnote{color:var(--muted);text-align:center;margin-top:22px;font-size:11px;line-height:1.8}@media (hover:hover){:is(.home-tool-card,.home-reference-card,.home-archive-card):hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.home-tool-card:hover .home-tool-action{background:var(--ink);color:var(--white)}}:is(.home-tool-card,.home-reference-card,.home-archive-card):active{box-shadow:none;transform:translate(2px,2px)}@media (width<=1000px){.home-intro{grid-template-columns:minmax(0,1fr) 185px;gap:16px}.home-color-stack{transform-origin:100%;justify-self:end;transform:scale(.78)}.home-tool-card{grid-template-columns:minmax(0,1fr) 116px}.home-tool-copy{padding:17px 0 17px 16px}.home-tool-picture{margin:15px 10px}.home-tool-tags{gap:4px}.home-reference-card{gap:12px;padding:15px}}@media (width<=760px){.home-intro{grid-template-columns:1fr;padding:23px 1px}.home-intro h1{letter-spacing:-1px;margin:10px 0;font-size:clamp(26px,6.5vw,36px)}.home-intro .directory-kicker{font-size:9px}.home-description{max-width:28em;font-size:12px}.home-color-stack{display:none}.home-tool-grid{grid-template-columns:1fr;gap:14px}.home-group-heading{gap:6px;margin-bottom:10px}.home-group-heading>span{font-size:10px}.home-tool-card{grid-template-columns:minmax(0,1fr) 112px}.home-tool-copy{padding:15px 0 15px 15px}.home-tool-copy h3{margin-block:1px 5px;font-size:25px}.home-tool-english{font-size:14px}.home-tool-tags{padding-top:10px}.home-tool-tags span{padding:2px 4px;font-size:9px}.home-tool-picture{margin:12px 10px}.home-tool-action{min-height:44px;padding-inline:15px}.home-reference-card{grid-template-columns:44px minmax(0,1fr) 20px;gap:12px;min-height:102px;padding:13px 15px}.home-reference-icon{width:44px;height:52px}.home-reference-icon svg{width:35px;height:35px}.home-reference-copy h3{font-size:19px}.home-reference-copy p{font-size:11px}.home-lore-group .home-group-heading>span{display:none}.home-archive-card{grid-template-columns:minmax(0,1fr) 86px}.home-archive-copy{padding:16px 12px 16px 15px}.home-archive-copy .home-tool-english{letter-spacing:.6px;font-size:10px}.home-archive-copy h3{font-size:24px}.home-archive-copy p{font-size:11px}.home-archive-action{gap:10px;min-height:44px;padding:4px 7px;font-size:10px}.home-archive-picture>span{display:none}.home-footnote{margin-top:20px;font-size:10px}}@media (prefers-reduced-motion:reduce){:is(.home-tool-card,.home-reference-card,.home-archive-card):is(:hover,:active){transform:none}}.home-paint-list-entry{border:var(--comic-stroke);border-radius:var(--comic-radius);box-shadow:var(--comic-shadow);background:var(--white);color:var(--ink);align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;text-decoration:none;display:flex}.home-paint-list-entry>svg{background:var(--yellow);border:var(--ui-border);border-radius:4px;flex:none;width:48px;height:48px;padding:6px}.home-paint-list-entry>span{gap:6px;display:grid}.home-paint-list-entry strong{font-size:19px;font-weight:900}.home-paint-list-entry small{color:var(--muted);font-size:12px;line-height:1.6}.home-paint-list-entry>b{margin-left:auto;font-size:23px}@media (hover:hover){.home-paint-list-entry:hover{background:var(--paper);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}}@media (width<=760px){.home-paint-list-entry{gap:12px;padding:14px}.home-paint-list-entry small{font-size:11px}}.line-art-tool{--drawing-paper:#f5e9cc}.line-art-workspace{border:var(--comic-stroke);background:var(--drawing-paper);box-shadow:4px 4px 0 var(--ink);border-radius:5px;grid-template-columns:minmax(0,1fr) 310px;display:grid;overflow:hidden}.line-art-board{flex-direction:column;min-width:0;display:flex}.line-art-board-heading{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.line-art-board-heading>div:first-child{align-items:center;gap:11px;min-width:0;display:flex}.line-art-model-label{letter-spacing:1px;background:var(--yellow);border:1.5px solid var(--ink);padding:3px 7px;font:20px Bangers,sans-serif;transform:rotate(-3deg)}.line-art-board-heading strong{font-size:13px;font-weight:800}.line-art-template-select{align-items:center;min-width:0;display:flex;position:relative}.line-art-template-select .chroma-select{width:150px;max-width:100%}.line-art-tool button{color:var(--ink);cursor:pointer}.line-art-tool :is(button,input):focus-visible{outline:3px solid var(--control-focus);outline-offset:3px}.line-art-action{border:var(--control-border);border-radius:var(--control-radius);background:var(--action-bg,var(--white));min-height:38px;color:var(--action-fg,var(--ink));box-shadow:var(--control-shadow);font:inherit;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.line-art-action[aria-pressed=true]{--action-bg:var(--yellow);--action-fg:var(--ink);--action-hover-bg:var(--yellow);box-shadow:var(--control-shadow)}.line-art-action:is(.line-art-export,.line-art-download){--action-bg:var(--yellow);--action-hover-bg:var(--yellow)}.line-art-action:disabled{opacity:1;color:var(--muted);background:var(--paper);border-color:var(--line);box-shadow:none;cursor:not-allowed;transform:none}.line-art-action-icon{flex:none;width:16px;height:16px}@media (hover:hover){.line-art-action:not(:disabled):hover{background:var(--action-hover-bg,var(--soft-purple));box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}}.line-art-action:not(:disabled):active{box-shadow:none;transform:translate(2px,2px)}.line-art-history{gap:8px;display:flex}.line-art-history button{min-width:70px}.line-art-views{border-bottom:1px solid var(--line);background:var(--white);flex-wrap:wrap;gap:8px;padding:9px 18px 11px;display:flex}.line-art-views button{min-width:66px;box-shadow:none;background:0 0;border:1.5px solid #0000;padding-inline:14px}.line-art-views button[aria-pressed=true]{border-color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.line-art-stage{isolation:isolate;scrollbar-width:thin;scrollbar-color:var(--purple) transparent;background:#e6d1a5;flex:auto;height:clamp(320px,100dvh - 399px,760px);min-height:0;position:relative;overflow:auto}.line-art-stage-art{z-index:-1;pointer-events:none;background-image:url(../assets/line-art/parchment-grain.svg),radial-gradient(at 49% 42%,#fff7e4cf 0%,#f4e5c583 43%,#b8945545 100%),radial-gradient(at 0 0,#96734240,#0000 42%),radial-gradient(at 100% 100%,#85633038,#0000 38%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 42px #9d783325}.line-art-stage-art:after{content:"";border:3px double #93724138;border-radius:1px;position:absolute;inset:15px}.line-art-paper-space{place-items:center;display:grid;position:relative}.line-art-paper{cursor:crosshair;touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:0 0;flex:none;max-width:none;display:block}.line-art-paper.tool-pan{cursor:grab}.line-art-paper:is(.tool-fill,.tool-erase){touch-action:none}.line-art-paper.tool-pan:active{cursor:grabbing}.line-art-paper.tool-erase{cursor:cell}.line-art-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:280px;padding:28px;display:flex}.line-art-loading strong{font-size:15px;line-height:1.8}.line-art-loading p{font-size:12px;line-height:1.8}.line-art-loading button{--action-bg:var(--yellow);padding-inline:18px}.line-art-canvas-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;display:flex}.line-art-canvas-footer>span{color:var(--muted);font-size:10px}.line-art-zoom{align-items:center;gap:8px;display:flex}.line-art-zoom button{min-width:38px;padding-inline:9px}.line-art-zoom button[aria-label]{font-family:Space Mono,monospace;font-size:18px;line-height:1}.line-art-zoom output{text-align:center;min-width:43px;font:10px Space Mono,monospace}.line-art-message{min-height:34px;color:var(--muted);background:var(--paper);border-top:1px solid var(--line);margin:0;padding:6px 18px;font-size:11px;line-height:1.7}.line-art-controls{border-left:var(--comic-stroke);background:var(--white);flex-direction:column;min-width:0;display:flex}.line-art-controls-heading{background:var(--soft-purple);border-bottom:var(--comic-stroke);padding:12px 22px 10px}.line-art-controls-heading>span{letter-spacing:.7px;color:var(--purple);font:10px Space Mono,monospace}.line-art-controls-heading h2{align-items:center;gap:8px;margin:3px 0 0;font-size:20px;font-weight:900;display:flex}.line-art-control-body{padding:20px 22px 16px}.line-art-controls>.line-art-control-body{flex-direction:column;flex:1;display:flex}.line-art-controls>.line-art-controls-footer{border-top:1px solid var(--line);background:var(--white);text-align:left;flex:none;padding:14px 22px;display:block}.line-art-controls-footer .line-art-tools{margin:0 0 12px}.line-art-catalog{justify-content:space-between;gap:8px;width:100%;min-height:40px}.line-art-catalog>span{align-items:center;gap:6px;display:inline-flex}.line-art-catalog small{font:9px Space Mono,monospace}.line-art-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.line-art-tools button{padding-inline:4px}.line-art-tool .line-art-action[aria-pressed=true]{color:var(--ink)}.line-art-used{border-bottom:1px solid var(--line);flex:none;margin-bottom:16px;padding:0 0 16px}.line-art-used>div:first-child{justify-content:space-between;align-items:center;font-size:11px;display:flex}.line-art-used>div:first-child>span{color:var(--muted);font:10px Space Mono,monospace}.line-art-used>p{color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.8}.line-art-save{align-items:center;gap:10px;margin-top:auto;display:flex}.line-art-export{flex:1;justify-content:space-between;min-height:44px;padding-inline:15px;font-size:13px}.line-art-export span{font-size:19px;line-height:1}.line-art-reset{min-width:58px;min-height:44px}.line-art-session-note{color:var(--muted);margin:13px 0 0;font-size:10px;line-height:1.8}.line-art-open-palette{text-align:left;justify-content:flex-start;gap:8px;min-width:0;padding:5px 7px}.line-art-open-palette>span:first-child{border:1px solid var(--ink);border-radius:2px;flex:none;width:30px;height:33px}.line-art-open-palette strong{font-size:12px;display:block}.line-art-open-palette small{font:9px Space Mono,monospace}.line-art-source{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:15px;font-size:10px;line-height:1.8;display:flex}html[data-page=coloring] body:is(.line-art-palette-open,.line-art-export-open){overflow:hidden}html[data-page=coloring]:has(.line-art-dialog[open]){overflow:hidden}.line-art-dialog{border:var(--comic-stroke);background:var(--white);width:min(720px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--comic-shadow);border-radius:4px;margin:auto;padding:0;overflow:hidden}.line-art-dialog::backdrop{background:#17151fc2}.line-art-dialog-layout{flex-direction:column;max-height:calc(100dvh - 36px);display:flex}.line-art-dialog-heading{border-bottom:var(--comic-stroke);background:var(--yellow);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.line-art-dialog-heading span{letter-spacing:1px;font:15px Bangers,sans-serif}.line-art-dialog-heading h2{margin-top:4px;font-size:22px}.line-art-dialog .catalog-close{width:44px;min-width:44px;min-height:44px;padding:0;font-size:25px}.line-art-dialog .line-art-dialog-footer{border-top:var(--comic-stroke);background:var(--white);flex:none;gap:10px;padding:14px 20px;display:flex}.line-art-dialog-footer>a,.line-art-dialog-footer>button{flex:1;min-height:44px;padding:10px;font-size:13px}.line-art-export-status button{min-height:44px;padding-inline:18px}.line-art-export-body{overscroll-behavior:contain;background:var(--paper);min-height:0;padding:16px 20px;overflow:auto}.line-art-export-body figure{margin:0}.line-art-export-body img{border:1px solid var(--ink);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;background:#fff;width:100%;height:auto;display:block}.line-art-export-body figcaption{text-align:center;margin-top:10px;font:10px Space Mono,monospace}.line-art-export-body p{margin-top:12px;font-size:12px;line-height:1.8}.line-art-export-status{text-align:center;padding:30px 0;font-size:14px}.line-art-export-status button{margin:12px auto 0}.line-art-palette-dialog .line-art-control-body{overscroll-behavior:contain;min-height:0;overflow:auto}@media (width>=761px) and (height>=501px),(width>=961px){.line-art-workspace{height:max(470px,100dvh - 230px)}.line-art-board,.line-art-controls{min-height:0}.line-art-controls>.line-art-control-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding-block:16px;overflow-y:auto}.line-art-controls-heading{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:12px 16px;display:flex}.line-art-controls-heading h2{white-space:nowrap;margin:0;font-size:18px}.line-art-controls-heading>span{white-space:nowrap;font-size:12px}.line-art-board-heading,.line-art-views,.line-art-canvas-footer,.line-art-message,.line-art-controls-heading{flex:none}.line-art-session-note{margin-top:8px}}@media (width>=761px) and (width<=1150px){.line-art-workspace{grid-template-columns:minmax(0,1fr) 280px}.line-art-control-body{padding-inline:18px}}@media (width<=760px),(width<=960px) and (height<=500px){html[data-page=coloring]{scroll-padding-top:10px;scroll-padding-bottom:125px}.line-art-workspace{box-shadow:3px 3px 0 var(--ink);display:block}.line-art-board-heading{gap:8px;padding:7px 10px}.line-art-board-heading>div:first-child{gap:7px}.line-art-board-heading strong{font-size:12px}.line-art-template-select .chroma-select{width:132px}.line-art-model-label{padding:3px 5px;font-size:17px}.line-art-history{gap:7px}.line-art-history button{gap:4px;min-width:62px;min-height:44px;padding:4px 7px;font-size:11px}.line-art-views{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px 10px 9px;display:grid}.line-art-views button{min-width:0;min-height:44px;padding-inline:2px;font-size:11px}.line-art-stage{flex:none;height:clamp(240px,100dvh - 550px,630px)}.line-art-stage-art:after{inset:9px}.line-art-canvas-footer{padding:6px 10px}.line-art-canvas-footer>span{font-size:9px}.line-art-zoom{gap:7px}.line-art-zoom button{min-width:44px;min-height:44px;padding:4px;font-size:11px}.line-art-zoom output{min-width:36px}.line-art-message{padding:7px 10px;font-size:10px}.line-art-controls{left:10px;right:10px;bottom:max(8px, env(safe-area-inset-bottom));z-index:4;border:var(--comic-stroke);max-width:580px;box-shadow:var(--comic-shadow);border-radius:4px;margin:0 auto;position:fixed}.line-art-controls-heading{display:none}.line-art-controls>.line-art-control-body{grid-template-columns:110px minmax(0,1fr);gap:8px;padding:9px 9px 0;display:grid}.line-art-controls>.line-art-controls-footer{border:0;padding:9px}.line-art-controls .line-art-tools{gap:6px;margin:0}.line-art-tools button{min-width:44px;min-height:44px;padding:4px;font-size:11px}.line-art-save{grid-column:1/-1;gap:8px;margin:0}.line-art-export{min-height:44px;padding:7px 12px;font-size:12px}.line-art-reset{min-width:44px}.line-art-controls .line-art-session-note{display:none}.line-art-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.line-art-dialog-layout{max-height:calc(100dvh - 24px)}.line-art-palette-dialog{margin:auto auto max(8px, env(safe-area-inset-bottom))}.line-art-dialog-heading{padding:12px 14px}.line-art-dialog-heading h2{font-size:20px}.line-art-dialog .line-art-dialog-footer{padding:12px 14px}.line-art-export-body{padding:14px}.line-art-palette-dialog #line-art-hex{min-height:44px;font-size:16px}.line-art-palette-dialog .line-art-used{height:auto;min-height:90px;margin-top:20px}.line-art-source{gap:5px;margin-bottom:16px;font-size:9px}html[data-page=coloring] .directory-shell>footer{margin-bottom:calc(130px + env(safe-area-inset-bottom))}}@media (width<=960px) and (height<=500px) and (width>=600px){.line-art-stage{height:300px}.line-art-controls{flex-direction:row;align-items:stretch}.line-art-controls>.line-art-control-body{grid-template-columns:105px minmax(150px,1fr);padding:9px 0 9px 9px}.line-art-controls>.line-art-controls-footer{width:170px}.line-art-save{grid-column:auto}}@media (width<=350px){.line-art-canvas-footer>span{display:none}.line-art-zoom{margin:0 auto}}@media (prefers-reduced-motion:reduce){.line-art-action:not(:disabled):is(:hover,:active){transform:none}}.desk-icon{vertical-align:middle;flex:none;width:20px;height:20px;display:inline-block}.paint-mark{width:100%;height:100%;color:var(--ink);display:block;overflow:visible}.paint-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:3px 1px;display:grid}.paint-choice{min-width:0;min-height:76px;color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:5px;flex-direction:column;align-items:stretch;padding:4px 3px 6px;display:flex;position:relative}.paint-choice-color{flex:none;height:34px;margin-bottom:3px;display:block;position:relative}.paint-choice-name{letter-spacing:-.25px;overflow-wrap:normal;font-size:10px;font-weight:600;line-height:1.3;display:block}.paint-choice-check{border:1.5px solid var(--ink);background:var(--yellow);width:17px;height:17px;color:var(--ink);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:none;position:absolute;top:-3px;right:-3px}.paint-choice[aria-pressed=true]{background:var(--white);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.paint-choice[aria-pressed=true] .paint-choice-check{display:grid}.paint-choice[aria-pressed=true] .paint-choice-name{text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:2px;text-decoration-thickness:3px}.light-paint-choices{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 6px}.light-paint-choices .paint-choice{min-height:68px}.light-paint-choices .paint-choice-name{font-size:12px}.paint-choices-compact{scrollbar-width:thin;max-height:144px;margin-top:10px;overflow-y:auto}.paint-choices-compact .paint-choice{min-height:56px}.paint-choices-compact .paint-choice-color{height:26px}.paint-choices-compact .paint-choice-name{letter-spacing:-.5px;font:9px/1.5 Space Mono,monospace}.color-field{align-items:center;gap:13px;min-width:0;display:flex}.color-field-values{flex:1;min-width:0}.color-field-values>label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:12px;font-weight:800;display:flex}.color-field-values>label>span{color:var(--muted);font:10px Space Mono,monospace}.color-field-values>input{border:1.5px solid var(--ink);border-radius:var(--control-radius);background:var(--white);width:100%;min-width:0;height:40px;color:var(--ink);text-transform:uppercase;padding:8px 10px;font:700 14px Space Mono,monospace}.color-field-values>input[aria-invalid=true]{border-color:#ac2744}.color-field-values>small{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:10px;line-height:1.5;display:block}.paint-color-trigger,.base-color-button.paint-color-trigger{border:1.5px solid var(--ink);background:var(--white);width:70px;height:76px;box-shadow:2px 2px 0 var(--ink);border-radius:5px;place-items:center;padding:4px;display:grid}.paint-color-trigger>.paint-mark{height:48px;transform:rotate(-5deg)}.paint-color-trigger .picker-cross{border:1px solid var(--ink);background:var(--yellow);width:23px;height:23px;box-shadow:none;place-items:center;display:grid;position:absolute;bottom:3px;right:3px}.picker-cross .desk-icon{width:17px;height:17px}.paint-color-trigger.compact{padding:1px}.paint-color-trigger.compact .paint-mark{height:26px}.paint-color-trigger.compact .picker-cross{width:14px;height:14px;bottom:1px;right:1px}.paint-color-trigger.compact .desk-icon{width:11px;height:11px}.small-heading{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.small-heading .preset-tag{letter-spacing:-.3px;color:var(--muted);background:0 0;border:0;padding:0;font:9px Space Mono,monospace}.drawing-preset-section{margin:20px 0 13px}.line-art-catalog{flex:none;margin-top:14px}.catalog-open-button>span:first-child{align-items:center;gap:6px;display:inline-flex}.catalog-open-button .desk-icon,.line-art-catalog .desk-icon{width:17px;height:17px}.line-art-controls-heading{background:var(--soft-purple)}.line-art-controls-heading>span{color:var(--muted);letter-spacing:1px;font:15px Bangers,sans-serif}.line-art-controls-heading .desk-icon{width:24px;height:24px}.line-art-tools .desk-icon{width:17px;height:17px}.line-art-used .paint-choice{color:var(--ink)}@media (width>=761px) and (height>=501px),(width>=961px){.drawing-preset-section{margin:16px 0 12px}.drawing-preset-section .paint-choice{min-height:68px;padding-bottom:3px}.drawing-preset-section .paint-choice-color{height:30px}.line-art-controls-heading>span{font-size:12px}}:is(body.drawing-color-editor-open,html[data-page=coloring]:has(.standalone-color-editor[open])){overflow:hidden}.standalone-color-editor{width:min(440px,100vw - 28px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;inset:0}.standalone-color-editor form{height:auto;max-height:calc(100dvh - 36px)}.standalone-color-editor .color-editor-body{flex:1;min-height:0}.standalone-color-editor .color-editor-heading{padding:13px 18px}.standalone-color-editor .color-editor-body{padding:18px}.standalone-color-editor .color-editor-footer{padding:12px 18px 15px}@media (hover:hover){.paint-choice:hover{background:var(--paper);border-color:var(--line);transform:translateY(-1px)}.paint-choice[aria-pressed=true]:hover{border-color:var(--ink);background:var(--white)}}.paint-choice:active{box-shadow:none;transform:translate(1px,1px)}.paint-choice:focus-visible{outline:3px solid var(--control-focus);outline-offset:2px}@media (width<=760px),(width<=960px) and (height<=500px){.paint-choice{min-height:78px}.paint-choice-name{font-size:11px}.color-field-values>input{height:44px;font-size:16px}.paint-choices{gap:7px}.line-art-palette-dialog .line-art-control-body{padding:16px}.line-art-palette-dialog .line-art-used{min-height:0;margin-top:20px}.line-art-palette-dialog .paint-choices-compact{max-height:144px}}@media (width<=350px){.paint-choice-name{font-size:10px}}@media (prefers-reduced-motion:reduce){.paint-choice:is(:hover,:active){transform:none}}@media (forced-colors:active){.paint-mark{forced-color-adjust:none}}:root{--desk-edge:16px;--desk-gap:16px;--desk-sidebar:clamp(288px, 25vw, 330px);--desk-heading:58px}html[data-page],html[data-page] body,html[data-page] body.color-editor-open{height:100%;min-height:0;padding:0;overflow:hidden}#root{height:100%;min-height:0}.page-shell,.directory-shell.page-shell{width:100%;max-width:none;height:100dvh;min-height:0;padding:10px var(--desk-edge) 16px;grid-template-rows:56px minmax(0,1fr);gap:10px;display:grid;overflow:hidden}.page-shell .site-header{flex-wrap:nowrap;gap:20px;height:56px;min-height:0;padding:0 0 10px}.page-shell .brand-word{font-size:37px}.page-shell .brand-description{display:none}.header-actions{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.page-shell .studio-help{margin-left:0}.header-actions .comic-button{min-height:40px;padding:8px 12px}.page-shell .site-header{min-width:0}.page-shell>main,.directory-shell>main{grid-template-rows:var(--desk-heading) minmax(0, 1fr);gap:10px;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.directory-shell>main{display:block}.page-shell>footer,.page-shell .intro{display:none}.drawing-page,.line-art-tool,.paint-library,.official-library{min-width:0;height:100%;min-height:0}.line-art-tool,.paint-library,.official-library{grid-template-rows:minmax(0,1fr);display:grid}.page-shell .mode-switch{height:var(--desk-heading);background:0 0;align-items:center;gap:8px;min-height:0;margin:0;padding:0;display:flex;position:static}.page-shell .mode-switch button{height:40px;min-height:40px;padding:8px 18px;font-size:14px}.directory-workspace,.page-shell .workbench{grid-template-columns:minmax(0, 1fr) var(--desk-sidebar);gap:var(--desk-gap);align-items:stretch;min-width:0;height:100%;min-height:0;display:grid}.page-shell .workbench>.control-panel{grid-area:1/2;width:auto;height:100%;max-height:none;position:static;inset:auto}.page-shell .workbench>:is(.palette-panel,.osl-panel){height:100%;min-height:0;overflow:hidden}.page-shell .control-panel .control-body{max-height:none}.line-art-tool .line-art-workspace{grid-template-columns:minmax(0, 1fr) var(--desk-sidebar);height:100%;min-height:0}.line-art-board,.line-art-controls{min-height:0}.line-art-tool .line-art-stage{flex:1 1 0;height:0;min-height:0}.line-art-source{display:none}.line-art-model-label{cursor:help}.workspace-filter-trigger{display:none}.workspace-sidebar{border:2px solid var(--ink);background:var(--white);min-width:0;min-height:0;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.workspace-sidebar-heading{border-bottom:2px solid var(--ink);background:var(--yellow);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:12px 16px;display:flex}.workspace-sidebar-heading span{letter-spacing:.8px;font:10px Space Mono,monospace}.workspace-sidebar-heading h2{margin:2px 0 0;font-size:18px;font-weight:900}.workspace-sidebar-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:16px;overflow:auto}.workspace-sidebar input{border:1.5px solid var(--ink);background:var(--white);width:100%;min-width:0;min-height:42px;color:var(--ink);font:inherit;border-radius:5px;padding:8px 10px;font-size:12px}.workspace-note{border-top:1px dashed var(--line);color:var(--muted);margin-top:20px;padding-top:14px;font-size:11px;line-height:1.9}.workspace-note summary{cursor:pointer;color:var(--ink);font-weight:700}.workspace-note p{margin-top:10px}.workspace-note a{color:var(--purple);text-decoration:underline;display:inline-block}.workspace-sidebar .catalog-toolbar{padding:0}.workspace-sidebar .catalog-brands{grid-template-columns:1fr;gap:9px;display:grid}.workspace-sidebar .catalog-brands button{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:54px;padding:8px 10px;display:grid}.workspace-sidebar .catalog-brands button>span:nth-child(2){font-size:10px;display:block}.workspace-sidebar .paint-brand-count{grid-column:auto;margin:0;font-size:10px}.workspace-sidebar .catalog-filters{grid-template-columns:1fr;gap:18px;margin-top:24px;display:grid}.workspace-sidebar .catalog-filters>div{display:block}.workspace-sidebar .catalog-filters>div>label{margin-bottom:8px;font-size:12px;display:block}.paint-browser{flex-direction:column;height:100%;min-height:0;display:flex}.paint-browser .catalog-results-area{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;max-height:none;padding:16px;overflow:auto}.paint-results-heading{border-bottom:1px solid var(--line);background:var(--soft-purple);flex:none;align-items:center;gap:12px;padding:0 18px;display:flex}.paint-results-heading .catalog-count-row{flex:1;min-width:0;margin:0;padding:16px 0;font-size:12px;display:flex}.paint-browser .catalog-results{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.paint-browser .paint-swatch-color{height:58px}.paint-browser .paint-swatch-info{gap:6px;min-height:90px;padding:10px}.paint-browser .paint-swatch-info strong{font-size:12px;line-height:1.6}.paint-browser .catalog-footer{flex:none;padding:10px 16px}.catalog-dialog>.catalog-layout>div>.catalog-count-row{padding-inline:24px}.recipe-workspace .workspace-sidebar-body{flex-direction:column;padding:14px 12px 0;display:flex;overflow:hidden}.workspace-sidebar .library-toolbar{box-shadow:none;border:0;border-radius:0;flex:none;grid-template-columns:1fr;gap:12px;padding:0;display:grid}.workspace-sidebar .library-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:auto;display:grid}.workspace-sidebar .library-group button{min-height:36px;padding:6px 2px;font-size:11px}.workspace-sidebar .library-result-count{flex:none;padding:13px 2px 10px;font-size:11px}.workspace-sidebar .faction-directory{overscroll-behavior:contain;flex-direction:column;gap:5px;min-height:0;max-height:none;padding:0 3px 12px 0;display:flex;overflow:auto}.workspace-sidebar .faction-directory>button{box-shadow:none;flex:none;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;display:grid}.workspace-sidebar .faction-list-swatches{width:27px;height:30px;transform:none}.workspace-sidebar .faction-list-main strong{font-size:13px}.workspace-sidebar .faction-list-main small{font-size:9px;line-height:1.5}.workspace-sidebar .faction-list-meta{white-space:nowrap;grid-column:auto;font:13px Space Mono,monospace}.workspace-sidebar .faction-list-meta small{font:10px Noto Sans SC,sans-serif}.recipe-workspace .faction-detail-scroll{flex-direction:column;height:100%;min-height:0;max-height:none;display:flex;overflow:hidden}.recipe-selection-bar{background:var(--soft-purple);border-bottom:2px solid var(--ink);flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding:12px 20px;display:grid}.recipe-selection-bar>div>span,.recipe-selection-bar label>span:not(.chroma-select){color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.recipe-selection-bar h2{font-size:19px;font-weight:900}.recipe-selection-bar label{justify-self:end;width:100%;min-width:0;max-width:440px}.faction-detail{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.faction-detail .scheme-detail-heading{background:var(--white);border:0;flex:none;padding:18px 20px 12px}.faction-detail .scheme-detail-heading h3{overflow-wrap:anywhere;margin:8px 0 3px;font-size:23px;line-height:1.45}.faction-detail .faction-english{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.recipe-content-toolbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:0 20px 12px;display:flex}.recipe-copy{flex:none;margin-left:auto}.faction-detail .faction-detail-content{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:16px 20px;overflow:auto}.recipe-paints{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.recipe-paints .recipe-paint>i{height:38px}.recipe-paints .recipe-paint>span{gap:6px;padding:9px 10px}.recipe-paints .recipe-paint strong{font-size:12px}.recipe-paints .recipe-paint-hex{display:none}.recipe-level-summary{margin-bottom:14px;padding:10px 12px;font-size:11px}.recipe-level-summary p{line-height:1.7}.faction-detail .recipe-parts{margin-top:0}.recipe-source-reading{max-width:72ch;font-size:12px;line-height:1.9}.recipe-source-reading .scheme-scope{margin:0 0 18px;font-size:12px}.recipe-source-reading .faction-source{gap:12px;margin:0 0 20px}.recipe-source-reading .recipe-evidence{margin:16px 0}.recipe-source-reading .recipe-provenance{margin:18px 0}.preview-reading{display:contents}.preview-data-toggle{display:none}.tool-home{scrollbar-width:thin;flex-direction:column;gap:16px;height:100%;min-height:0;padding:0 4px 4px;display:flex;overflow:auto}.tool-home>section,.tool-home .home-footnote{flex:none}.tool-home .home-intro{padding:8px 0}.tool-home .home-tool-group,.tool-home .home-footnote{margin:0}.tool-home .home-tool-copy{padding-block:18px}@media (width>=761px) and (height>=501px),(width>=961px){.color-editor:not(.standalone-color-editor){inset:144px var(--desk-edge) 16px auto;width:var(--desk-sidebar);height:auto;max-height:none}.page-shell .workbench>:is(.palette-panel,.osl-panel){grid-template-rows:46px 50px minmax(0,1fr) 148px}}@media (width>=761px) and (width<=1050px) and (height>=501px){:root{--desk-edge:12px;--desk-gap:12px;--desk-sidebar:280px}.page-shell .site-header{gap:12px}.recipe-content-toolbar .content-tabs>button{padding-inline:6px;font-size:11px}.recipe-content-toolbar .content-tab-count{display:none}.preview-stage{grid-template-columns:minmax(0,1fr) 155px}}@media (width<=760px),(width<=960px) and (height<=500px){:root{--desk-edge:10px;--desk-gap:10px;--desk-heading:48px}.page-shell,.directory-shell.page-shell{padding:6px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));grid-template-rows:54px minmax(0,1fr);gap:8px}.page-shell .site-header{align-items:center;gap:10px;height:54px;padding:0 0 8px;display:flex}.page-shell .brand-word{font-size:31px}.page-shell .brand-symbol{width:32px;height:36px}.header-actions{gap:8px}.header-actions .comic-button{white-space:nowrap;gap:5px;min-height:44px;padding:8px 9px;font-size:11px}.header-actions .studio-help>summary span{display:none}.directory-workspace,.page-shell .workbench{grid-template-columns:minmax(0,1fr)}.workspace-sidebar-dialog{width:calc(100% - 16px);max-width:520px;height:min(680px,100dvh - 28px);max-height:calc(100dvh - 28px);margin:auto auto max(8px,env(safe-area-inset-bottom));z-index:30;padding:0;position:fixed;inset:auto 0 0}.workspace-sidebar-dialog:not([open]){display:none}.workspace-sidebar-dialog::backdrop{background:#25232d75}.workspace-sidebar-heading{min-height:66px;padding:10px 16px}.workspace-sidebar-heading h2{font-size:19px}.workspace-sidebar-close{border:1.5px solid var(--ink);background:var(--white);width:44px;height:44px;color:var(--ink);border-radius:5px;font-size:25px}.workspace-sidebar-body{flex:1}.workspace-sidebar input{min-height:44px;font-size:16px}.workspace-sidebar .library-group button{min-height:42px}.workspace-sidebar .faction-directory>button{min-height:58px}.page-shell .workspace-sidebar-footer{border-top:1px solid var(--line);flex:none;margin:0;padding:10px 16px;display:block}.workspace-sidebar-footer button{background:var(--yellow);border:1.5px solid var(--ink);width:100%;min-height:44px;color:var(--ink);border-radius:5px;font-size:14px;font-weight:800}.paint-results-heading{min-height:60px;padding-inline:12px}.paint-results-heading .catalog-count-row{padding-block:12px;font-size:11px}.paint-results-heading .catalog-count-row>span:last-child{display:none}.paint-browser .catalog-results-area{padding:12px}.paint-browser .catalog-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paint-browser .catalog-footer{padding:10px 12px}.paint-browser .paint-swatch-info{min-height:88px}.recipe-selection-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px}.recipe-selection-bar>div{align-items:center;gap:8px;display:flex}.recipe-selection-bar>div>span{margin:0;font-size:10px}.recipe-selection-bar h2{font-size:14px}.recipe-selection-bar label{grid-column:1/-1;max-width:none;display:block}.recipe-selection-bar label>span:not(.chroma-select){display:none}.faction-detail .scheme-detail-heading{padding:12px 12px 10px}.faction-detail .scheme-detail-heading h3{margin-top:6px;font-size:19px}.faction-detail .faction-english{font-size:10px}.recipe-content-toolbar{gap:6px;padding:0 10px 10px}.recipe-content-toolbar .content-tabs{flex:1}.recipe-content-toolbar .content-tabs>button{flex:1;padding-inline:5px;font-size:11px}.recipe-content-toolbar .recipe-copy{min-height:44px;padding-inline:7px;font-size:11px}.faction-detail .faction-detail-content{padding:12px}.recipe-paints{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-paints .recipe-paint strong{font-size:11px}.recipe-source-reading .faction-source>span{margin-left:0}.line-art-tool .line-art-workspace{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.line-art-workspace .line-art-controls{border:0;border-top:2px solid var(--ink);width:100%;max-width:none;box-shadow:none;border-radius:0;margin:0;position:static}.line-art-tool .line-art-stage{flex:1 1 0;height:0;min-height:0}.line-art-board-heading{padding:6px 10px}.line-art-views{gap:3px;padding:4px 8px 7px}.line-art-message{min-height:25px;padding-block:4px;line-height:1.5}.line-art-canvas-footer{padding-block:4px}.line-art-loading{min-height:0;padding:16px}.line-art-loading strong{font-size:13px}html[data-page=studio] .page-shell>main{padding-bottom:72px}.page-shell .mode-switch{grid-template-columns:1fr 1fr;display:grid}.page-shell .mode-switch button{height:42px;min-height:42px;padding:8px}.page-shell .workbench>:is(.palette-panel,.osl-panel){grid-template-rows:46px 88px minmax(0,1fr) 130px;display:grid}.page-shell .workbench .panel-heading{flex-wrap:nowrap;gap:6px;min-height:0;padding:6px 10px}.page-shell .workbench .panel-heading h2{font-size:13px}.preview-data-toggle{border:1px solid var(--ink);background:var(--white);min-height:34px;color:var(--ink);white-space:nowrap;border-radius:4px;margin-left:auto;padding:4px 6px;font-size:11px;display:block}.page-shell .grayscale-toggle{gap:4px;min-height:34px;font-size:10px}.page-shell .preview-options{grid-template-rows:36px 36px;grid-template-columns:minmax(0,1fr) 44px;gap:4px 6px;padding:6px 10px;display:grid}.page-shell .preview-options .reference-picker{grid-area:1/1;margin:0}.page-shell .preview-options .reference-options{gap:5px}.page-shell .preview-options .reference-options button{min-height:34px;padding:5px 9px;font-size:11px}.page-shell .preview-options .preview-toolbar{grid-area:2/1;justify-content:flex-start}.page-shell .preview-options .preview-switch{width:auto;display:flex}.page-shell .preview-options .preview-switch button{min-height:34px;padding:5px 10px;font-size:11px}.page-shell .preview-options .model-reset{grid-area:1/2/3;width:44px;min-height:44px}.page-shell .preview-stage{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.page-shell .preview-stage>.model-preview{border:0;flex-direction:column;flex:1;min-height:0;margin:0;padding:6px 8px;display:flex;position:relative;overflow:hidden}.preview-stage .model-heading,.preview-stage .model-caption,.preview-stage .model-method-note{display:none}.page-shell .preview-stage .model-layout{flex:1;grid-template-rows:minmax(0,1fr) 34px;grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;display:grid}.page-shell .preview-stage .model-scene{place-items:center;width:100%;min-width:0;max-width:none;height:100%;min-height:0;display:grid;position:relative;container-type:size}.page-shell .preview-stage .model-figure{width:min(100cqw,100cqh);max-width:none;height:min(100cqw,100cqh)}.page-shell .preview-stage .model-light{font-size:10px;position:absolute;top:0;left:0}.page-shell .preview-stage .model-light>span{display:none}.page-shell .preview-stage .model-legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-height:0;display:grid}.page-shell .preview-stage .model-region{gap:3px;min-height:0;padding:4px;display:flex}.page-shell .preview-stage .model-region-chip{width:100%;height:24px}.page-shell .preview-stage .model-region .model-region-info{display:none!important}.preview-reading{overscroll-behavior:contain;min-height:0;display:none;overflow:auto}.preview-stage.reading-open>:is(.model-preview,.wheel-stage){display:none}.preview-stage.reading-open .preview-reading{width:100%;height:100%;display:block}.preview-reading>:is(.palette-reading,.osl-reading){border:0;height:auto;min-height:100%;padding:14px}.preview-reading>.palette-reading{background:var(--preview-background)}.preview-reading>.osl-reading{background:#272535}.page-shell .palette-strip-area,.page-shell .osl-palette-area{padding:8px 10px;overflow:hidden}.page-shell .strip-heading{margin:0 0 5px}.page-shell .strip-heading h3{font-size:11px}.page-shell .strip-heading>span{display:none}.page-shell .palette-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.page-shell .palette-card{flex-direction:column;min-height:0;display:flex}.page-shell .palette-card .card-color{border:0;border-bottom:1px solid var(--ink);height:26px;min-height:26px}.page-shell .card-info{text-align:center;padding:4px 2px;display:block}.page-shell .card-name{white-space:nowrap;font-size:10px}.page-shell .card-hex{display:none}.page-shell .palette-actions{justify-content:flex-end;align-items:center;margin-top:6px;display:flex}.page-shell .palette-tip{display:none}.page-shell .copy-palette-button{min-height:32px;padding:5px 10px;font-size:11px}.page-shell .wheel-stage{flex:1;min-height:0;padding:8px;container-type:size}.page-shell .palette-wheel-wrap{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.page-shell .wheel-footnote,.page-shell .stage-label{display:none}.tool-home{gap:14px}.tool-home .home-intro{padding:10px 0 4px;display:block}.tool-home .home-intro h1{margin:5px 0 7px;font-size:27px}.tool-home .home-description{font-size:11px}.tool-home .home-tool-group{flex-direction:column;min-height:0;display:flex}.tool-home .home-tool-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.tool-home .home-group-heading{margin-bottom:8px}.tool-home .home-group-heading>span{display:none}.tool-home .home-tool-card{grid-template-rows:auto minmax(40px,1fr) auto;grid-template-columns:1fr}.tool-home .home-tool-copy{padding:13px 12px 0}.tool-home .home-tool-copy h3{font-size:21px}.tool-home .home-tool-copy p{font-size:11px;line-height:1.7}.tool-home .home-tool-english{font-size:12px}.tool-home .home-tool-tags{display:none}.tool-home .home-tool-picture{min-height:0;margin:8px 16px}.tool-home .home-tool-study{width:100%;height:100%;max-height:140px}.tool-home .home-tool-action{min-height:42px;padding:8px 12px;font-size:11px}.tool-home .home-reference-card{grid-template-columns:1fr auto;gap:8px;min-height:110px;padding:12px}.tool-home .home-reference-icon{display:none}.tool-home .home-reference-copy h3{font-size:17px}.tool-home .home-reference-copy p{font-size:10px}.tool-home .home-footnote{display:none}}@media (width<=960px) and (height<=500px){.page-shell,.directory-shell.page-shell{grid-template-rows:46px minmax(0,1fr)}.page-shell .site-header{gap:12px;height:46px;padding-bottom:6px;display:flex}:root{--desk-heading:36px}.page-shell .mode-switch button{height:34px;min-height:34px}.recipe-selection-bar{grid-template-columns:auto minmax(0,1fr) auto;padding-block:6px}.recipe-selection-bar label{grid-area:1/2}.recipe-selection-bar .workspace-filter-trigger{grid-area:1/3}.faction-detail .scheme-detail-heading{align-items:center;gap:10px;padding-block:6px;display:flex}.faction-detail .scheme-detail-heading h3{margin:0;font-size:16px}.faction-detail .faction-english{display:none}.recipe-content-toolbar{padding-bottom:6px}.page-shell .workbench>:is(.palette-panel,.osl-panel){grid-template-rows:40px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 230px}.page-shell .workbench .panel-heading{grid-area:1/1}.page-shell .preview-options{grid-area:1/2;padding:2px;display:flex}.page-shell .preview-options .preview-toolbar,.page-shell .preview-options .model-reset{display:none}.page-shell .preview-stage{grid-area:2/1}.page-shell :is(.palette-strip-area,.osl-palette-area){grid-area:2/2}.line-art-workspace .line-art-controls{flex-direction:row}.line-art-board{padding-top:48px;position:relative}.line-art-board-heading{width:45%;height:48px;position:absolute;top:0;left:0}.line-art-views{height:48px;padding:2px 8px;position:absolute;top:0;left:45%;right:0}.line-art-canvas-footer{background:var(--white);border:1px solid var(--line);padding:0 5px;position:absolute;bottom:0;right:4px}.line-art-canvas-footer>span,.line-art-message{display:none}.tool-home{grid-template-rows:max-content max-content;grid-template-columns:1fr 1fr;align-content:start;gap:18px;display:grid}.tool-home .home-lore-group{grid-column:1/-1}.tool-home .home-intro,.tool-home .home-tool-picture{display:none}.tool-home .home-reference-card{min-height:0}.tool-home .home-reference-group .home-tool-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.workspace-sidebar{scroll-behavior:auto}}@media (width<=760px),(width<=960px) and (height<=500px){.page-shell .preview-stage>.model-preview{top:auto}.page-shell .palette-strip-area,.page-shell .osl-palette-area{grid-template-rows:14px minmax(0,1fr) 32px;gap:5px;display:grid}.page-shell .strip-heading,.page-shell .palette-actions{margin:0}.page-shell .palette-actions .copy-palette-button{height:32px;min-height:32px}body:is(.mobile-controls-open,.color-editor-open) .page-shell .preview-stage>.model-preview:not([hidden]){display:flex;top:56px}body:is(.mobile-controls-open,.color-editor-open) .page-shell .preview-stage .model-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 36px}body:is(.mobile-controls-open,.color-editor-open) .page-shell .preview-stage .model-legend{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:1fr}body:is(.mobile-controls-open,.color-editor-open) .page-shell .preview-stage .model-region-chip{height:100%;min-height:0}}.faction-detail .scheme-detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.faction-detail .scheme-detail-heading h3{margin:0 0 4px}.scheme-title{min-width:0}.scheme-detail-heading .recipe-source-kind{flex:none;max-width:40%;line-height:1.6}@media (width<=760px),(width<=960px) and (height<=500px){.faction-detail .scheme-detail-heading{gap:10px}.scheme-detail-heading .recipe-source-kind{padding:3px 5px;font-size:9px}}@media (width<=960px) and (height<=500px){.faction-detail{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid}.faction-detail .scheme-detail-heading{border-bottom:1px solid var(--line);flex-direction:column;grid-area:1/1;gap:4px;padding:8px 12px}.scheme-detail-heading .recipe-source-kind{max-width:none}.recipe-content-toolbar{grid-area:1/2;padding:6px 10px}.faction-detail .faction-detail-content{grid-area:2/1/auto/-1}.recipe-paints,.paint-browser .catalog-results{grid-template-columns:repeat(4,minmax(0,1fr))}.page-shell .preview-stage .model-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 38px}.page-shell .preview-stage .model-legend{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:1fr}.page-shell .preview-stage .model-region-chip{height:100%}}@media (width>=761px) and (height<=700px){.tool-home .home-intro h1{margin-block:4px;font-size:32px}.tool-home .home-color-stack{transform-origin:50%;height:110px;transform:scale(.7)}.tool-home .home-tool-copy{padding-block:10px}.tool-home .home-tool-copy h3{font-size:23px}.tool-home .home-tool-tags{padding-top:8px}.tool-home .home-reference-card{padding-block:12px}}@media (width>=761px) and (width<=1100px) and (height>=501px){.page-shell .workbench>:is(.palette-panel,.osl-panel){grid-template-rows:46px 50px minmax(0,1fr) 160px}}@media (width>=961px) and (height<=600px){.page-shell .workbench>:is(.palette-panel,.osl-panel){grid-template-rows:40px 42px minmax(0,1fr) 128px}}@media (width<=960px) and (height<=500px){.page-shell .workbench>:is(.palette-panel,.osl-panel){grid-template-rows:40px 44px minmax(0,1fr)}.page-shell .preview-options{grid-area:1/2/3;grid-template-rows:36px 36px;grid-template-columns:minmax(0,1fr) 40px;gap:4px;padding:4px;display:grid}.page-shell .preview-options .preview-toolbar{display:flex}.page-shell .preview-options .model-reset{width:40px;display:block}.page-shell .preview-options .reference-options button{padding-inline:5px}.page-shell .preview-stage{grid-row:2/4}.page-shell :is(.palette-strip-area,.osl-palette-area){grid-row:3;grid-template-rows:minmax(0,1fr) 32px}.page-shell .strip-heading{display:none}}.recipe-copy{white-space:normal;max-width:110px}@media (width<=760px),(width<=960px) and (height<=500px){.page-shell .preview-stage .model-layout{align-items:stretch}.page-shell .preview-stage .model-legend{align-self:stretch;height:100%}}.home-tool-glossary{--tool-tint:var(--soft-purple)}@media (width>=761px) and (width<=1100px){.tool-home .home-reference-card{grid-template-columns:minmax(0,1fr) 18px}.tool-home .home-reference-icon{display:none}}@media (width<=760px),(width<=960px) and (height<=500px){.tool-home .home-reference-group .home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tool-home .home-reference-card{grid-template-columns:1fr;min-height:96px;padding:9px}.tool-home .home-reference-arrow,.tool-home .home-reference-copy .home-tool-english{display:none}.tool-home .home-reference-copy h3{font-size:15px}.tool-home .home-reference-copy p{font-size:10px}}@media (width<=960px) and (height<=500px){.tool-home .home-reference-group .home-tool-grid{grid-template-columns:1fr}.tool-home .home-reference-card{min-height:0}}@media (width<=360px){.page-shell .brand-word{gap:7px;font-size:27px}.page-shell .brand-seal{width:27px;height:30px}}.glossary-workspace{min-width:0;height:100%;min-height:0}.glossary-detail,.glossary-empty{border:var(--comic-stroke);border-radius:var(--comic-radius);min-width:0;min-height:0;box-shadow:var(--comic-shadow);background:var(--white);overflow:hidden}.glossary-detail{flex-direction:column;display:flex}.glossary-term-heading{flex:none;padding:18px 20px 14px}.glossary-term-meta{align-items:center;gap:10px;min-height:24px;display:flex}.glossary-term-heading h1{letter-spacing:-.5px;overflow-wrap:anywhere;margin:8px 0 4px;font-size:clamp(24px,2.3vw,30px);font-weight:900;line-height:1.35}.glossary-english{color:var(--muted);overflow-wrap:anywhere;font:12px/1.6 Space Mono,monospace}.glossary-definition{max-width:65ch;margin-top:12px;font-size:14px;line-height:1.8}.glossary-tabs{border-bottom:1px solid var(--line);flex:none;padding:0 20px 12px}.glossary-reading{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:16px 20px 24px;overflow:auto}.glossary-reading>section{max-width:1100px;margin:0 auto}.glossary-reading h2{font-size:14px;font-weight:800}.glossary-example{border:1.5px solid var(--ink);border-radius:4px;margin:0 0 22px;overflow:hidden}.glossary-example-heading{border-bottom:1px solid var(--ink);background:var(--soft-purple);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.glossary-example-heading strong{font-size:12px;line-height:1.7}.glossary-example-heading>span{white-space:nowrap;color:var(--muted);font-size:10px}.glossary-image-button{cursor:zoom-in;background:#f3eee0;border:0;width:100%;padding:0;display:block;position:relative}.glossary-image-button img{object-fit:contain;width:100%;height:auto;max-height:290px;display:block}.glossary-image-button>span{background:var(--white);border:1px solid var(--ink);border-radius:3px;align-items:center;gap:4px;padding:4px 7px;font-size:10px;display:flex;position:absolute;bottom:10px;right:10px}.glossary-image-button .desk-icon{width:12px;height:12px}.glossary-example figcaption{border-top:1px solid var(--line);color:var(--muted);padding:12px 14px;font-size:12px;line-height:1.85}.glossary-example figcaption small{margin-top:5px;font-size:10px;display:block}.glossary-image-error{padding:30px 18px;font-size:13px;line-height:1.8}.glossary-prose{max-width:75ch;font-size:14px;line-height:2}.glossary-prose p+p{margin-top:12px}.glossary-applications{flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin-top:22px;display:flex}.glossary-applications ul{flex-wrap:wrap;gap:7px;padding:0;list-style:none;display:flex}.glossary-applications li{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:4px 8px;font-size:12px}.glossary-aliases{color:var(--muted);margin-top:22px;font-size:12px}.glossary-aliases summary{cursor:pointer;width:fit-content}.glossary-aliases p{margin-top:9px;line-height:1.9}.glossary-related{border-top:1px dashed var(--line);margin-top:26px;padding-top:18px}.glossary-related>div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.glossary-related a{min-height:38px;color:var(--ink);background:var(--white);border:1.5px solid var(--ink);border-radius:4px;align-items:center;gap:14px;padding:7px 12px;font-size:12px;display:inline-flex}.glossary-related a:hover{background:var(--yellow)}.glossary-related a>span{color:var(--purple)}.glossary-practice-intro,.glossary-source-intro{color:var(--muted);max-width:70ch;margin-bottom:20px;font-size:13px;line-height:1.9}.glossary-points{gap:14px;display:grid}.glossary-points>section{border-left:4px solid var(--mint);padding:4px 0 4px 16px}.glossary-points p{max-width:70ch;margin-top:6px;font-size:14px;line-height:1.9}.glossary-pitfalls{border:1px solid var(--ink);background:var(--paper);border-radius:4px;margin-top:25px;padding:16px 18px}.glossary-pitfalls ul{margin-top:8px;padding-left:18px;font-size:13px;line-height:1.9}.glossary-pitfalls li+li{margin-top:5px}.glossary-sources{gap:16px;display:grid}.glossary-sources section{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:16px 0;display:flex}.glossary-sources a{color:var(--purple);text-underline-offset:4px;overflow-wrap:anywhere;font-size:14px;font-weight:750;line-height:1.8;text-decoration:underline}.glossary-sources section>div>span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.glossary-sources p{margin-top:10px;font-size:13px;line-height:1.9}.glossary-workspace .workspace-sidebar-body{flex-direction:column;flex:1;min-height:0;padding:14px 12px 0;display:flex;overflow:hidden}.glossary-filters{flex:none;margin-top:14px}.glossary-result-count{color:var(--muted);flex:none;justify-content:space-between;gap:8px;padding:15px 2px 10px;font-size:11px;display:flex}.glossary-result-count>span{font-size:10px}.glossary-index{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:3px 5px 16px 0;overflow:auto}.glossary-index>a{margin-bottom:5px;padding:12px 10px;display:block}.glossary-index>a>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.glossary-index strong{overflow-wrap:anywhere;font-size:13px;line-height:1.7}.glossary-index small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font:9px/1.7 Space Mono,monospace;display:block}.glossary-index p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:11px;line-height:1.8;display:-webkit-box;overflow:hidden}.glossary-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.glossary-empty-mark{border-bottom:6px solid var(--yellow);font:70px Bangers,Impact,sans-serif;transform:rotate(-5deg)}.glossary-empty h1{font-size:23px;font-weight:900}.glossary-empty p{color:var(--muted);font-size:13px;line-height:1.8}.glossary-empty .workspace-filter-trigger{margin:0}.glossary-index-empty{padding:14px 8px}.glossary-index-empty button{margin-top:12px}.glossary-example-dialog{border:var(--comic-stroke);background:var(--white);width:min(1100px,100vw - 30px);max-width:none;max-height:calc(100dvh - 30px);color:var(--ink);box-shadow:var(--comic-shadow);border-radius:6px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.glossary-example-dialog::backdrop{background:#25232d99}.glossary-example-dialog header{background:var(--yellow);border-bottom:var(--comic-stroke);justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;display:flex}.glossary-example-dialog header span{font-size:11px}.glossary-example-dialog h2{margin-top:5px;font-size:18px}.glossary-expanded-image{overscroll-behavior:contain;background:#f3eee0;overflow:auto}.glossary-expanded-image img{width:100%;min-width:720px;height:auto;display:block}.glossary-example-dialog>p{padding:14px 18px;font-size:13px;line-height:1.8}@media (width<=760px),(width<=960px) and (height<=500px){.glossary-term-heading{padding:10px 14px 12px}.glossary-term-meta{gap:8px}.glossary-term-heading h1{margin-top:8px;font-size:25px}.glossary-english{font-size:10px}.glossary-definition{margin-top:8px;font-size:13px;line-height:1.8}.glossary-tabs{gap:4px;padding:0 10px 10px}.glossary-tabs .content-tabs>button{flex:1}.glossary-reading{padding:14px 12px 22px}.glossary-example-heading{gap:8px;padding:8px 10px}.glossary-example-heading strong{font-size:11px}.glossary-example-heading>span{font-size:9px}.glossary-example figcaption{padding:10px;font-size:12px}.glossary-image-button>span{font-size:9px;bottom:5px;right:5px}.glossary-prose{font-size:13px}.glossary-related a{min-height:44px}.glossary-points p{font-size:13px}.glossary-example-dialog h2{font-size:16px}.glossary-index>a{padding:12px}.glossary-index strong{font-size:14px}.glossary-example-dialog header{padding:10px 12px}}@media (width<=360px){.glossary-term-heading h1{font-size:23px}}@media (width<=960px) and (height<=500px){.glossary-term-heading{padding:8px 14px}.glossary-term-meta{float:right;margin-left:12px}.glossary-term-heading h1{margin:0;font-size:20px}.glossary-definition{margin-top:4px;font-size:12px}.glossary-tabs{padding-bottom:6px}}:root{--ui-height:40px;--ui-border:1.5px solid var(--ink);--ui-radius:4px;--ui-shadow:2px 2px 0 var(--ink)}.desk-icon{flex:none;width:18px;height:18px;display:block}.comic-button{min-height:var(--ui-height);border:var(--ui-border);border-radius:var(--ui-radius);background:var(--white);color:var(--ink);box-shadow:var(--ui-shadow);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:750;line-height:1.5;text-decoration:none;display:inline-flex}.comic-button-primary{background:var(--yellow)}.comic-button.comic-icon-button{width:var(--ui-height);height:var(--ui-height);min-height:var(--ui-height);box-shadow:none;flex:none;padding:0}.comic-button.workspace-filter-trigger{flex:none;margin-left:auto;display:none}.comic-button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.workspace-search{flex:none;min-width:0;display:block}.workspace-search>label{color:var(--ink);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.workspace-search-input{position:relative}.workspace-search-input>.desk-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.workspace-search-input input{border:var(--ui-border);border-radius:var(--ui-radius);background:var(--white);width:100%;min-width:0;height:44px;min-height:44px;color:var(--ink);font:inherit;box-shadow:none;margin:0;padding:9px 40px 9px 36px;font-size:13px;display:block}.workspace-search-input input::-webkit-search-cancel-button{display:none}.workspace-search-input input::placeholder{color:var(--muted);opacity:1;font-size:12px}.workspace-search-clear{border-radius:var(--ui-radius);width:40px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:0 0 0 auto}.workspace-search-clear:hover{color:var(--ink)}.content-tabs{gap:4px;min-width:0;display:flex}.content-tabs>button{min-height:var(--ui-height);border-radius:var(--ui-radius);color:var(--muted);white-space:nowrap;background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:750;line-height:1.5;display:inline-flex}.content-tabs>button[aria-selected=true]{color:var(--ink);background:var(--yellow);border-color:var(--ink);box-shadow:var(--ui-shadow)}.content-tab-count{background:var(--paper);min-width:20px;color:var(--ink);border-radius:2px;place-items:center;padding:1px 4px;font:10px/1.4 Space Mono,monospace;display:inline-grid}.comic-tag{border:1px solid var(--ink);background:var(--paper);width:fit-content;color:var(--ink);white-space:nowrap;border-radius:3px;flex:none;justify-content:center;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:700;line-height:1.5;display:inline-flex}.comic-tag[data-tone=yellow]{background:var(--yellow)}.comic-tag[data-tone=mint]{background:var(--mint)}.comic-tag[data-tone=purple]{background:var(--soft-purple)}.workspace-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.workspace-sidebar .workspace-choices>button{min-height:var(--ui-height);border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--white);color:var(--ink);justify-content:center;align-items:center;gap:4px;padding:6px 3px;font-size:11px;font-weight:700;display:flex}.workspace-choices>button>span{color:var(--muted);font:10px Space Mono,monospace}.workspace-sidebar .workspace-choices>button[aria-pressed=true]{background:var(--yellow);border-color:var(--ink);box-shadow:var(--ui-shadow)}.workspace-sidebar .workspace-directory-item{border:1px solid #0000;border-bottom-color:var(--line);border-radius:var(--ui-radius);background:var(--white);color:var(--ink);box-shadow:none}.workspace-sidebar .workspace-directory-item:hover{background:var(--paper)}.workspace-sidebar .workspace-directory-item:is([aria-current=page],[aria-pressed=true]){border-color:var(--ink);box-shadow:inset 4px 0 0 var(--ink);background:#fff5bf}@media (hover:hover){.comic-button:hover:not(:disabled),.content-tabs>button:hover:not([aria-selected=true]){background:var(--soft-purple);color:var(--ink)}}.comic-button:active:not(:disabled),.content-tabs>button:active{box-shadow:none;transform:translate(1px,1px)}@media (width<=760px),(width<=960px) and (height<=500px){:root{--ui-height:44px}.comic-button.workspace-filter-trigger{display:inline-flex}.workspace-search-input input{font-size:16px}.content-tabs{gap:3px}.content-tabs>button{padding-inline:8px}.content-tab-count{display:none}}@media (prefers-reduced-motion:reduce){.comic-button:active:not(:disabled),.content-tabs>button:active{transform:none}}.paint-comparison{flex-direction:column;gap:14px;height:100%;min-height:0;display:flex}.comparison-heading{flex:none;justify-content:space-between;align-items:center;gap:14px;min-height:50px;display:flex}.comparison-heading>div{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.comparison-heading .directory-kicker{letter-spacing:1px;color:var(--purple);font:17px Bangers,Impact,sans-serif}.comparison-heading h1{letter-spacing:-.5px;font-size:25px;font-weight:900}.comparison-heading p{color:var(--muted);font-size:12px}.comparison-heading>button{flex:none}.comparison-workspace{flex:1;grid-template-columns:minmax(0,1fr) clamp(300px,29vw,380px);gap:18px;min-height:0;padding:0 5px 5px 1px;display:grid}.comparison-sheet,.comparison-report{border:var(--comic-stroke);background:var(--white);min-width:0;min-height:0;box-shadow:var(--comic-shadow);scrollbar-width:thin;overscroll-behavior:contain;border-radius:6px;overflow:auto}.comparison-sheet{flex-direction:column;display:flex}.comparison-sheet-heading{border-bottom:var(--comic-stroke);background:var(--soft-purple);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.comparison-sheet-heading>p{font-size:14px;font-weight:900}.comparison-view-controls{border:1.5px solid var(--ink);background:var(--white);border-radius:4px;gap:2px;padding:2px;display:flex}.comparison-view-controls button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:2px;padding:5px 10px;font-size:11px;font-weight:700}.comparison-view-controls [aria-pressed=true]{background:var(--ink);color:var(--white)}.comparison-paints{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding:20px 24px 16px;display:grid;position:relative}.comparison-paint{flex-direction:column;gap:10px;min-width:0;display:flex}.comparison-paint-heading{flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.comparison-paint-heading small{color:var(--muted);overflow-wrap:anywhere;margin-left:auto;font:10px Space Mono,monospace}.comparison-letter{border:1.5px solid var(--ink);background:var(--yellow);width:27px;height:27px;color:var(--ink);border-radius:3px;place-items:center;font:22px Bangers,Impact,sans-serif;display:grid}.comparison-paint:last-of-type .comparison-letter{background:var(--mint)}.comparison-paint-choice{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:7px;min-width:0;min-height:66px;padding:0;display:flex}.comparison-paint-choice strong{letter-spacing:-.4px;overflow-wrap:anywhere;font-size:clamp(19px,2vw,29px);font-weight:900;line-height:1.25}.comparison-paint-choice>span{color:var(--purple);text-underline-offset:3px;margin-top:auto;font-size:11px;font-weight:600;text-decoration:underline}.comparison-paint-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.comparison-paint-meta code{font:11px Space Mono,monospace}.comparison-find{width:fit-content;min-height:30px;color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:11px;display:flex}.comparison-find .desk-icon{width:14px;height:14px}.comparison-find:hover{color:var(--purple);text-underline-offset:3px;text-decoration:underline}.comparison-swap{border:1.5px solid var(--ink);background:var(--white);border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font:24px Space Mono,monospace;display:grid;position:absolute;top:calc(50% - 18px);left:calc(50% - 18px)}.comparison-swap:hover{background:var(--yellow)}.comparison-observation{color:#222;background:#b3b3b3;border-block:1px solid #737373;flex-direction:column;flex:1;min-height:200px;padding:14px 24px 12px;display:flex}.comparison-observation>p{text-align:center;margin-bottom:10px;font-size:10px}.comparison-swatches{border:1px solid #737373;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:130px;display:grid}.comparison-swatch-labels{text-align:center;grid-template-columns:repeat(2,1fr);padding-top:9px;font:11px Space Mono,monospace;display:grid}.comparison-swatch-labels span{justify-content:center;gap:8px;display:flex}.comparison-swatch-labels code{font-size:10px}.comparison-grays{flex:none;padding:14px 24px 0}.comparison-grays>div:first-child{justify-content:space-between;gap:8px;margin-bottom:9px;display:flex}.comparison-grays strong{font-size:11px}.comparison-grays>div>span{color:var(--muted);font-size:10px}.comparison-gray-pair{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comparison-gray-pair>div>span{border-block:1px solid #999;height:16px;display:block}.comparison-gray-pair p{justify-content:space-between;padding:5px 0 0;font:10px Space Mono,monospace;display:flex}.comparison-gray-pair>div:first-child p{padding-right:10px}.comparison-gray-pair>div:last-child p{padding-left:10px}.comparison-note{color:var(--muted);flex:none;padding:12px 24px 16px;font-size:10px;line-height:1.7}.comparison-verdict{border-bottom:var(--comic-stroke);background:var(--yellow);padding:22px 22px 18px}.comparison-verdict>.directory-kicker{letter-spacing:.5px;font-size:10px}.comparison-verdict>div{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.comparison-verdict h2{letter-spacing:-.5px;font-size:27px;font-weight:900;line-height:1.3}.comparison-distance{text-align:right;font:700 34px/1.1 Space Mono,monospace}.comparison-distance small{white-space:nowrap;margin-top:6px;font-size:9px;font-weight:400;display:block}.comparison-verdict p{font-size:12px;line-height:1.7}.comparison-axes{padding:0 20px}.comparison-axis{padding:16px 0}.comparison-axis+.comparison-axis{border-top:1px solid var(--line)}.comparison-axis-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.comparison-axis-heading h3{font-size:13px;font-weight:900}.comparison-axis-heading strong{font:700 21px Space Mono,monospace}.comparison-axis>p{margin:6px 0 10px;font-size:12px;font-weight:700;line-height:1.7}.comparison-axis-values{background:var(--paper);border-radius:3px;justify-content:space-between;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex}.comparison-axis-values>span{overflow-wrap:anywhere;min-width:0}.comparison-axis-values b{margin-left:4px;font-weight:500}.comparison-axis>small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.7;display:block}.comparison-method{border-top:1px solid var(--line);color:var(--muted);padding:14px 20px;font-size:11px;line-height:1.8}.comparison-method summary{color:var(--ink);cursor:pointer;font-weight:700}.comparison-method p{margin-top:10px}.comparison-method a{color:var(--purple);text-decoration:underline}.paint-detail-compare{width:100%;margin-top:16px}.home-tool-compare{--tool-tint:#d8e4f0}.tool-home .home-reference-group .home-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-home .home-reference-card{grid-template-columns:minmax(0,1fr) 18px}.tool-home .home-reference-icon{display:none}@media (width<=760px){.paint-comparison{gap:10px}.comparison-heading{gap:10px;min-height:48px}.comparison-heading>div{gap:3px 9px}.comparison-heading .directory-kicker{font-size:13px}.comparison-heading h1{font-size:22px}.comparison-heading p{width:100%;font-size:10px}.comparison-heading>button{min-height:44px;padding-inline:10px;font-size:11px}.comparison-workspace{scrollbar-width:thin;padding:0 4px 6px 1px;display:block;overflow:auto}.comparison-report{margin-top:14px}.comparison-sheet,.comparison-report{overflow:visible}.comparison-sheet-heading{border-radius:4px 4px 0 0;padding:10px 12px}.comparison-sheet-heading>p{font-size:12px}.comparison-view-controls button{min-height:40px;padding-inline:8px;font-size:10px}.comparison-paints{gap:48px;padding:15px 12px}.comparison-paint{gap:9px}.comparison-paint-heading{gap:5px;font-size:10px}.comparison-paint-heading small{width:100%;margin-left:0;font-size:9px}.comparison-letter{width:24px;height:24px;font-size:20px}.comparison-paint-choice strong{font-size:19px;line-height:1.3}.comparison-paint-choice>span{min-height:28px;padding-top:7px;font-size:10px}.comparison-paint-meta code{font-size:10px}.comparison-find{min-height:44px;font-size:10px}.comparison-swap{border-radius:4px;width:44px;height:44px;font-size:21px;top:calc(50% - 22px);left:calc(50% - 22px)}.comparison-observation{min-height:0;padding:12px}.comparison-swatches{flex:none;height:164px}.comparison-swatch-labels{font-size:10px}.comparison-swatch-labels span{gap:5px}.comparison-grays{padding:13px 12px 0}.comparison-note{padding:12px}.comparison-verdict{border-radius:4px 4px 0 0;padding:18px 16px}.comparison-verdict h2{font-size:26px}.comparison-axes,.comparison-method{padding-inline:16px}.tool-home .home-reference-group .home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-home .home-reference-card{grid-template-columns:1fr}}@media (height<=540px) and (width>=761px){.tool-home .home-reference-group .home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.reference-tool{flex-direction:column;gap:14px;height:100%;min-height:0;display:flex}.reference-heading{flex:none;justify-content:space-between;align-items:center;gap:14px;min-height:50px;display:flex}.reference-heading>div{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.reference-heading .directory-kicker{letter-spacing:1px;color:var(--purple);font:17px Bangers,Impact,sans-serif}.reference-heading h1{letter-spacing:-.5px;font-size:25px;font-weight:900}.reference-heading p{color:var(--muted);font-size:12px}.reference-heading>a{flex:none}.reference-workspace{flex:1;grid-template-columns:clamp(300px,28vw,360px) minmax(0,1fr);gap:18px;min-height:0;padding:0 5px 5px 1px;display:grid}.reference-source,.reference-results{border:var(--comic-stroke);min-width:0;min-height:0;box-shadow:var(--comic-shadow);background:var(--white);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.reference-source.is-dragging{outline:3px dashed var(--purple);outline-offset:-6px}.reference-section-heading{border-bottom:var(--comic-stroke);background:var(--yellow);flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:57px;padding:14px 18px;display:flex}.reference-section-heading>div{align-items:center;gap:8px;display:flex}.reference-section-heading .desk-icon{width:20px;height:20px}.reference-section-heading h2{font-size:15px;font-weight:900}.reference-section-heading>span{text-align:right;gap:3px;font-size:9px;display:grid}.reference-section-heading>span>code{font:10px Space Mono,monospace}.reference-source-body{scrollbar-width:thin;overscroll-behavior:contain;min-height:0;padding:18px;overflow:auto}.reference-target{padding:4px 0 20px}.reference-target .color-field{align-items:center;gap:14px;min-width:0;margin:0;display:flex}.reference-target .paint-color-trigger{flex:none;width:76px;height:76px}.reference-target .color-field-values{flex:1;min-width:0}.reference-target .color-field-values input{width:100%;max-width:170px;font-size:17px}.reference-target .color-field-values label{font-size:11px}.reference-selected-paint{gap:6px;padding:14px 0 0;display:grid}.reference-selected-paint small{color:var(--muted);font:10px Space Mono,monospace}.reference-selected-paint strong{overflow-wrap:anywhere;font-size:20px;font-weight:900;line-height:1.4}.reference-selected-paint .recipe-range-tag{justify-self:start}.reference-source-body>.content-tabs{border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:5px}.reference-source-body>.content-tabs>button{flex:1;min-height:38px;padding-inline:8px}.reference-source-body>.content-tabs>[aria-selected=true]{background:var(--white);box-shadow:1px 1px 0 var(--ink)}.reference-paint-source{gap:10px;padding:18px 0 4px;display:grid}.reference-paint-source>button{justify-content:center;min-height:44px;font-size:12px}.reference-library-button>span:nth-child(2){text-align:left;flex:1}.reference-paint-source>p{color:var(--muted);padding-block:2px;font-size:11px;line-height:1.9}.reference-target-actions{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:16px;padding-top:8px;display:flex}.reference-text-button{color:var(--muted);text-underline-offset:4px;background:0 0;border:0;min-height:36px;padding:8px 2px;font-size:11px;font-weight:600;text-decoration:underline}.reference-text-button:hover{color:var(--purple)}.reference-mobile-results{display:none}.reference-image-source{padding-top:14px}.reference-upload{text-align:center;flex-direction:column;align-items:center;padding:20px 0 8px;display:flex}.reference-upload-art{border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--paper);border-radius:3px;grid-template-rows:48px 23px;grid-template-columns:repeat(3,26px);justify-content:center;gap:0;margin-bottom:20px;padding:10px 14px;display:grid;transform:rotate(-4deg)}.reference-upload-art>svg{grid-column:1/-1;justify-self:center;width:34px;height:34px;margin-bottom:12px}.reference-upload-art i{border-block:1px solid var(--ink);background:var(--purple)}.reference-upload-art i:nth-of-type(2){background:var(--mint)}.reference-upload-art i:nth-of-type(3){background:var(--yellow)}.reference-upload h3{font-size:19px;font-weight:900}.reference-upload>p{color:var(--muted);margin:9px 0 16px;font-size:11px;line-height:1.9}.reference-upload>small{color:var(--muted);margin-top:8px;font-size:9px;line-height:1.8}.reference-primary{background:var(--yellow);min-height:44px;font-size:12px}.reference-image-toolbar{flex-wrap:wrap;align-items:center;gap:7px;padding-bottom:10px;display:flex}.reference-image-toolbar>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:70px;font-size:10px;font-weight:700;overflow:hidden}.reference-image-toolbar>.comic-button{min-height:34px;padding:5px 8px;font-size:10px}.reference-image-stage{background:#b3b3b3;border:1px solid #888;border-radius:3px;justify-content:center;align-items:center;min-height:140px;padding:10px;display:flex}.reference-image-picker{cursor:crosshair;touch-action:pan-y;background:0 0;border:0;max-width:100%;padding:0;line-height:0;transition:none;display:block;position:relative}.reference-image-picker:active{transform:none}.reference-image-picker img{-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:330px;display:block}.reference-pick-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;outline:1px solid #222;width:19px;height:19px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #222}.reference-pick-marker:before,.reference-pick-marker:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #222}.reference-pick-marker:before{width:1px;height:25px;top:-6px;left:7px}.reference-pick-marker:after{width:25px;height:1px;top:7px;left:-6px}.reference-image-meta{justify-content:space-between;align-items:center;gap:8px;padding-top:9px;display:flex}.reference-image-meta p{color:var(--muted);font-size:10px}.reference-image-meta label,.reference-count{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.reference-image-meta .chroma-select{flex:none;width:103px}.reference-count .chroma-select{flex:none;width:76px}.reference-credit{color:var(--muted);padding-top:8px;font-size:9px}.reference-credit a{text-decoration:underline}.reference-feedback{padding:16px;font-size:12px;line-height:1.8}.reference-feedback.is-error{color:#97283e;background:#fcecef}.reference-sample-note{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.7}.reference-palette-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 0;display:flex}.reference-palette-heading h3{font-size:12px}.reference-palette-heading small{color:var(--muted);margin-left:5px;font-size:10px;font-weight:400}.reference-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reference-palette>button{border:1px solid var(--ink);background:var(--white);text-align:center;border-radius:3px;min-width:0;padding:0 0 6px;overflow:hidden}.reference-palette>button[aria-pressed=true]{outline:2px solid var(--purple);outline-offset:2px}.reference-palette i{border-bottom:1px solid var(--ink);height:35px;display:block}.reference-palette strong{padding-top:5px;font:9px Space Mono,monospace;display:block}.reference-palette small{color:var(--muted);font-size:9px}.reference-palette-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.reference-palette-empty{color:var(--muted);padding:4px 0 12px;font-size:11px;line-height:1.8}.reference-match-heading{border-bottom:var(--comic-stroke);background:var(--soft-purple);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:17px 20px;display:flex}.reference-match-heading>div{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.reference-match-heading .directory-kicker{letter-spacing:1px;color:var(--purple);font:15px Bangers,Impact,sans-serif}.reference-match-heading h2{font-size:18px;font-weight:900}.reference-match-heading h2>span{color:var(--muted);margin-left:5px;font:11px Space Mono,monospace}.reference-match-heading p{color:var(--muted);font-size:10px}.reference-results-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:flex-end;gap:8px 16px;padding:14px 18px;display:flex}.reference-filters{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:240px;display:grid}.reference-filters label{gap:6px;min-width:0;font-size:10px;font-weight:700;display:grid}.reference-results-controls>.cabinet-only-toggle{gap:6px;min-height:40px;font-size:10px}.reference-results-controls .cabinet-only-toggle small{color:var(--muted);font-size:9px}.reference-results-scroll{scrollbar-width:thin;overscroll-behavior:contain;background:var(--paper);flex:1;min-height:0;padding:16px;overflow:auto}.reference-matches{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.reference-matches>li{min-width:0;display:flex}.reference-match{border:1.5px solid var(--ink);background:var(--white);text-align:left;border-radius:5px;grid-template-columns:72px minmax(0,1fr) 64px;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.reference-matches>li:first-child .reference-match{box-shadow:inset 0 3px 0 var(--yellow)}.reference-match-chips{background:#b3b3b3;border:1px solid #888;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px;display:grid}.reference-match-chips i{height:48px}.reference-match-chips>span{text-align:center;color:#222;grid-column:1/-1;padding-top:5px;font-size:8px}.reference-match-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.reference-match-brand{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;font:9px Space Mono,monospace;display:flex}.reference-match-brand b{border:1px solid var(--line);background:var(--paper);min-width:22px;min-height:21px;color:var(--ink);border-radius:3px;place-items:center;font-size:9px;display:inline-grid}.reference-matches>li:first-child .reference-match-brand b{background:var(--yellow);border-color:var(--ink)}.reference-match-copy>strong{overflow-wrap:anywhere;font-size:14px;font-weight:900;line-height:1.4}.reference-match-copy>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reference-match-copy code{color:var(--muted);font:9px Space Mono,monospace}.reference-match-distance{text-align:right;border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-end;gap:5px;padding-left:8px;display:flex}.reference-match-distance>strong{letter-spacing:-1px;font:700 23px/1.1 Space Mono,monospace}.reference-match-distance>span{white-space:nowrap;font-size:9px}.reference-match-distance>small{color:var(--muted);font-size:9px}.reference-empty{text-align:center;justify-items:center;gap:12px;padding:54px 16px;display:grid}.reference-empty>svg{width:30px;height:30px;color:var(--muted)}.reference-empty h3{font-size:16px}.reference-empty p{color:var(--muted);font-size:12px;line-height:1.8}.reference-empty a{text-decoration:underline}.reference-method{border-top:1px solid var(--line);color:var(--muted);margin-top:16px;padding:12px 2px 2px;font-size:11px;line-height:1.8}.reference-method summary{cursor:pointer;color:var(--ink);font-weight:700}.reference-method p{margin-top:10px}@media (hover:hover){.reference-match:hover{background:var(--white);box-shadow:2px 2px 0 var(--ink)}.reference-palette>button:hover{box-shadow:1px 1px 0 var(--ink)}}.home-tool-reference{--tool-tint:var(--mint)}@media (hover:hover){.reference-match:hover{background:var(--paper);box-shadow:2px 2px 0 var(--ink)}.reference-palette>button:hover{box-shadow:2px 2px 0 var(--ink)}}@media (width>=1050px){.home-workbench-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-workbench-grid .home-tool-card{grid-template-columns:minmax(0,1fr) 105px}.home-workbench-grid .home-tool-copy{padding-left:18px}.home-workbench-grid .home-tool-copy h3{font-size:24px}.home-workbench-grid .home-tool-picture{margin-inline:8px}}@media (width>=761px) and (width<=1049px){.home-workbench-grid .home-tool-reference{grid-column:1/-1}}@media (width<=760px){.reference-tool{gap:10px}.reference-heading{gap:10px;min-height:48px}.reference-heading>div{gap:3px 9px}.reference-heading .directory-kicker{font-size:13px}.reference-heading h1{font-size:22px}.reference-heading p{width:100%;font-size:10px}.reference-heading>a{min-height:44px;padding-inline:10px;font-size:11px}.reference-workspace{scrollbar-width:thin;padding:0 4px 6px 1px;display:block;overflow:auto}.reference-source,.reference-results{overflow:visible}.reference-results{margin-top:14px}.reference-section-heading{border-radius:4px 4px 0 0;min-height:46px;padding:10px 12px}.reference-section-heading h2{font-size:14px}.reference-source-body{padding:12px;overflow:visible}.reference-target{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:0 0 14px;display:grid}.reference-target .color-field{grid-column:1/-1}.reference-target .paint-color-trigger{width:64px;height:64px}.reference-target .color-field-values input{max-width:180px;font-size:16px}.reference-selected-paint{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:0}.reference-selected-paint small{grid-column:1/-1;font-size:9px}.reference-selected-paint strong{font-size:17px}.reference-selected-paint .recipe-range-tag{white-space:normal;overflow-wrap:anywhere;align-self:start;max-width:120px}.reference-source-body>.content-tabs{padding:3px}.reference-source-body>.content-tabs>button{min-height:40px}.reference-paint-source{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding-top:12px}.reference-paint-source>button{padding-inline:9px;font-size:11px}.reference-paint-source>p{grid-column:1/-1;font-size:10px}.reference-target-actions{margin-top:10px;padding-top:3px}.reference-mobile-results{background:var(--paper);justify-content:center;width:100%;min-height:44px;margin-top:8px;font-size:11px;display:flex}.reference-text-button{min-height:44px}.reference-match-heading{border-radius:4px 4px 0 0;gap:6px;padding:13px 12px}.reference-match-heading .directory-kicker{font-size:12px}.reference-match-heading h2{font-size:17px}.reference-match-heading p{font-size:9px}.reference-results-controls{gap:7px;padding:12px}.reference-filters{flex-basis:100%;min-width:0}.reference-results-controls>.cabinet-only-toggle{min-height:36px}.reference-results-scroll{border-radius:0 0 4px 4px;padding:10px;overflow:visible}.reference-matches{grid-template-columns:minmax(0,1fr);gap:9px}.reference-match{grid-template-columns:62px minmax(0,1fr) 57px;gap:8px;padding:9px}.reference-match-chips{padding:4px}.reference-match-chips i{height:44px}.reference-match-copy>strong{font-size:13px}.reference-match-distance>strong{font-size:20px}.reference-match-distance>span{font-size:8px}.reference-image-picker img{max-height:290px}.reference-palette{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=360px){.reference-library-button>.desk-icon{display:none}.reference-match{grid-template-columns:50px minmax(0,1fr) 51px;gap:6px;padding:8px}.reference-match-copy>strong{font-size:12px}.reference-match-distance{padding-left:6px}.reference-match-distance>strong{font-size:18px}.reference-match-chips>span{font-size:7px}.reference-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}.paint-cabinet{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.cabinet-heading{flex:none;align-items:baseline;gap:18px;padding:2px;display:flex}.cabinet-heading>div{align-items:baseline;gap:14px;display:flex}.cabinet-heading .directory-kicker{letter-spacing:1px;color:var(--muted);font:14px Bangers,Impact,sans-serif}.cabinet-heading h1{font-size:23px;font-weight:900}.cabinet-heading>p{color:var(--muted);margin-left:auto;font-size:12px}.cabinet-workspace{flex:1;height:auto;min-height:0}.cabinet-sheet{background:var(--white);border:var(--comic-stroke);border-radius:var(--comic-radius);min-width:0;min-height:0;box-shadow:var(--comic-shadow);flex-direction:column;display:flex;overflow:hidden}.cabinet-toolbar{background:var(--cabinet-spectrum,var(--yellow));border-bottom:var(--comic-stroke);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cabinet-toolbar .content-tabs{background:var(--ink);border-radius:5px;padding:3px}.cabinet-toolbar .content-tabs>button{color:var(--white)}.cabinet-toolbar .content-tabs>button[aria-selected=true]{color:var(--ink);box-shadow:none}.cabinet-search-row{flex:none;align-items:flex-end;gap:12px;padding:14px 18px 0;display:flex}.cabinet-search-row .workspace-search{flex:1}.cabinet-search-row .workspace-search>label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cabinet-result-heading{color:var(--muted);flex:none;justify-content:space-between;gap:12px;padding:12px 18px;font-size:11px;display:flex}.cabinet-result-heading>span:first-child{color:var(--ink);font-weight:700}.cabinet-scroll{scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-height:0;padding:0 18px 20px;overflow:auto}.cabinet-scroll[hidden]{display:none}.cabinet-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));align-items:stretch;gap:18px 14px;display:grid}.cabinet-paint{border:1.5px solid var(--ink);background:var(--white);min-width:0;box-shadow:0 4px 0 var(--ink);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.cabinet-paint-inspect{background:var(--white);text-align:left;width:100%;min-height:120px;color:var(--ink);border:0;flex:1;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:12px 10px;display:grid}.cabinet-paint-chip{flex-direction:column;align-items:center;gap:5px;display:flex}.cabinet-paint-chip svg{width:64px;height:75px;color:var(--ink);display:block}.cabinet-paint-chip code{color:var(--muted);font:9px Space Mono,monospace}.cabinet-paint-info{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.cabinet-paint-info>small{color:var(--muted);font:10px Space Mono,monospace}.cabinet-paint-info>strong{overflow-wrap:anywhere;font-size:15px;font-weight:850;line-height:1.35}.cabinet-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.cabinet-actions .cabinet-action{min-height:38px;box-shadow:none;gap:5px;padding:7px 4px;font-size:11px}.cabinet-action>span{font-size:15px}.cabinet-actions .is-owned[aria-pressed=true]{background:var(--mint)}.cabinet-actions .is-favorite[aria-pressed=true]{background:var(--yellow)}.cabinet-actions .is-wanted[aria-pressed=true]{background:var(--soft-purple)}.cabinet-paint>.cabinet-actions{border-top:1px solid var(--line);background:var(--paper);padding:8px}.cabinet-badge{white-space:nowrap;background:var(--mint);width:fit-content;color:var(--ink);border:1px solid #59615c;border-radius:3px;align-items:center;padding:2px 5px;font:700 10px/1.4 Noto Sans SC,sans-serif;display:inline-flex}.cabinet-badge.is-favorite{background:var(--yellow);border-color:var(--ink)}.cabinet-badge.is-wanted{background:var(--soft-purple);border-color:var(--purple)}.cabinet-badge:is(.is-missing,.is-unmatched){background:var(--paper);border-color:var(--line);color:var(--muted)}.paint-swatch-info>.cabinet-badge{margin-top:6px}.catalog-dialog .catalog-filters{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}.catalog-dialog .catalog-count-row>.catalog-add-note{color:var(--purple);font-size:11px;line-height:1.6;display:block}.cabinet-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;padding:30px 12px 36px;display:flex}.cabinet-empty-art{background:var(--mint);border:2px solid var(--ink);width:112px;height:102px;box-shadow:5px 5px 0 var(--ink);border-radius:6px;margin-bottom:8px;padding:14px}.cabinet-empty-art svg{width:100%;height:100%}.cabinet-empty .directory-kicker{letter-spacing:1.2px;color:var(--purple);font:15px Bangers,Impact,sans-serif}.cabinet-empty h2{font-size:23px;font-weight:900}.cabinet-empty p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.9}.cabinet-empty .comic-button{margin-top:8px}.cabinet-sheet-footer{border-top:1px solid var(--line);background:var(--paper);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.cabinet-sheet-footer>span{color:var(--muted);font-size:10px}.cabinet-tally{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:5px 0 18px;display:flex}.cabinet-tally>strong{font:42px/1 Bangers,Impact,sans-serif}.cabinet-tally small{margin-top:7px;font:700 11px Noto Sans SC,sans-serif;display:block}.cabinet-tally>span{color:var(--muted);font-size:11px;line-height:2.4}.cabinet-tally b{color:var(--ink);font-family:Space Mono,monospace}.cabinet-filters{gap:16px;padding-block:18px;display:grid}.cabinet-filters label{flex-direction:column;gap:8px;font-size:12px;font-weight:750;display:flex}.cabinet-connections{gap:8px;padding:6px 0 20px;display:grid}.cabinet-connections>a{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:4px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.cabinet-connections svg{flex:none;width:30px;height:30px}.cabinet-connections span{gap:4px;display:grid}.cabinet-connections strong{font-size:12px}.cabinet-connections small{color:var(--muted);font-size:10px}.cabinet-connections b{margin-left:auto}.cabinet-backup{border-top:1px solid var(--line);padding-block:18px}.cabinet-backup h3{font-size:13px}.cabinet-backup p{color:var(--muted);margin-block:9px 12px;font-size:11px;line-height:1.8}.cabinet-backup>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cabinet-feedback{color:var(--ink);overflow-wrap:anywhere;background:#fff5bf;border-radius:3px;flex:none;padding:8px 12px;font-size:11px;line-height:1.7}.cabinet-sheet>.cabinet-feedback{margin:0 18px 12px}.cabinet-storage-error{z-index:100;border:var(--comic-stroke);width:min(620px,100% - 32px);box-shadow:var(--comic-shadow);background:#fff5bf;border-radius:4px;padding:12px 16px;font-size:12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.cabinet-storage-error a{color:var(--purple);margin-left:8px;text-decoration:underline;display:inline-block}.paint-detail-cabinet{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.paint-detail-cabinet>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.paint-detail-cabinet a{color:var(--purple);font-size:11px;text-decoration:underline}.cabinet-only-toggle{cursor:pointer;align-items:center;gap:8px;min-height:38px;font-size:12px;font-weight:700;display:flex}.cabinet-only-toggle input{appearance:auto;accent-color:var(--purple);cursor:pointer;flex:none;width:17px;height:17px;margin:0}.cabinet-only-toggle small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:400}.reference-results>.cabinet-only-toggle{border-bottom:1px solid var(--line);margin-top:-2px;padding:0 20px}.recipe-cabinet-check{border:1px solid var(--line);background:var(--paper);border-radius:4px;margin-bottom:16px;padding:12px}.recipe-cabinet-counts{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.recipe-cabinet-counts a{color:var(--ink);font-weight:800;text-decoration:none}.recipe-cabinet-counts b{font-family:Space Mono,monospace}.recipe-cabinet-counts i{color:var(--muted);margin-inline:5px;font-style:normal}.recipe-cabinet-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.recipe-cabinet-actions>.cabinet-only-toggle{margin-right:auto}.recipe-cabinet-actions>.comic-button{min-height:34px;padding:6px 10px;font-size:11px}.recipe-cabinet-check>p{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.8}.recipe-paint-meta{flex-wrap:wrap}.header-help-label{font:inherit}.header-actions .header-cabinet{background:var(--yellow);white-space:nowrap;position:relative;overflow:hidden}.header-actions .header-cabinet.has-spectrum{background-image:var(--cabinet-spectrum)}.header-cabinet-label{border-radius:2px;padding:2px 5px}.header-cabinet.has-spectrum .header-cabinet-label{background:var(--ink);color:var(--white)}.header-cabinet-count{border:1px solid var(--ink);background:var(--white);border-radius:3px;place-items:center;min-width:23px;padding:2px 5px;font:10px/1.4 Space Mono,monospace;display:grid}.header-actions .header-cabinet[aria-current=page]{box-shadow:inset 0 0 0 1px var(--ink),var(--ui-shadow)}@media (hover:hover){.cabinet-paint-inspect:hover{background:var(--paper)}.cabinet-connections>a:hover{background:var(--soft-purple);border-color:var(--ink)}.header-actions .header-cabinet:hover{background-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--ink),var(--ui-shadow)}.cabinet-toolbar .content-tabs>button:hover:not([aria-selected=true]){color:var(--ink)}}@media (width<=1100px){.cabinet-heading>p{display:none}}@media (width<=760px),(width<=960px) and (height<=500px){.paint-cabinet{gap:8px}.cabinet-heading{padding-inline:2px}.cabinet-heading h1{font-size:19px}.cabinet-heading .directory-kicker{font-size:12px}.cabinet-toolbar{flex-wrap:wrap;gap:8px;padding:9px}.cabinet-toolbar .content-tabs{flex:1}.cabinet-toolbar .content-tabs>button{flex:1;padding-inline:5px}.cabinet-toolbar .content-tab-count{min-width:16px;font-size:9px;display:inline-grid}.cabinet-add{padding-inline:8px;font-size:11px}.cabinet-search-row{gap:8px;padding:10px 10px 0}.cabinet-search-row .workspace-filter-trigger{padding-inline:8px;font-size:11px}.cabinet-search-row .workspace-filter-trigger .desk-icon{display:none}.cabinet-result-heading{padding:10px;font-size:10px}.cabinet-scroll{padding:0 10px 16px}.cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:12px 10px}.cabinet-paint-inspect{flex-direction:column;align-items:stretch;gap:7px;min-height:0;padding:8px;display:flex}.cabinet-paint-chip{flex-direction:row;justify-content:flex-start;gap:6px}.cabinet-paint-chip svg{flex:none;width:32px;height:38px}.cabinet-paint-info{gap:4px}.cabinet-paint-info>strong{min-height:0;font-size:13px}.cabinet-paint-info>small{font-size:9px}.cabinet-paint-info>.recipe-range-tag{white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%}.cabinet-paint>.cabinet-actions{gap:2px;padding:5px}.cabinet-actions .cabinet-action{gap:2px;min-height:44px;padding-inline:1px;font-size:10px}.cabinet-paint .cabinet-action>span{display:none}.cabinet-sheet-footer{padding:9px 10px}.cabinet-sheet-footer>span{max-width:130px;line-height:1.6}.cabinet-sheet-footer .comic-button{padding-inline:8px;font-size:11px}.cabinet-empty{gap:10px;padding:18px 10px 25px}.cabinet-empty h2{font-size:19px}.cabinet-empty-art{width:85px;height:80px}.cabinet-empty p{max-width:270px;font-size:12px}.catalog-dialog .catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-dialog .catalog-search-field{grid-column:1/-1}.catalog-dialog .catalog-filters>div:last-child{display:block}.catalog-dialog .catalog-filters>div>label{margin:0 0 6px;font-size:12px}.cabinet-only-toggle{min-height:44px}.recipe-cabinet-check{padding:10px}.recipe-cabinet-actions{gap:6px}.recipe-cabinet-actions .comic-button{min-height:44px;padding-inline:8px}.recipe-cabinet-actions .cabinet-only-toggle{width:100%}.recipe-cabinet-actions .comic-button{flex:1}.recipe-cabinet-counts{gap:8px;font-size:11px}.header-cabinet-count,.header-help-label{display:none}.header-actions .studio-help>summary{justify-content:center;width:44px;height:44px;padding:0}.header-actions .studio-help>summary span{display:grid}}@media (width<=360px){.cabinet-toolbar .content-tabs{flex-basis:100%}.cabinet-add{width:100%}.cabinet-grid{grid-template-columns:minmax(0,1fr)}.cabinet-paint-inspect{grid-template-columns:56px minmax(0,1fr);gap:12px;min-height:96px;display:grid}.cabinet-paint-chip{flex-direction:column;gap:3px}.cabinet-paint-chip svg{width:44px;height:52px}.cabinet-paint .cabinet-action>span{display:inline}}.paint-detail-english{overflow-wrap:anywhere;font:12px Space Mono,monospace}.paint-provenance-link{text-underline-offset:3px;text-decoration:underline}.paint-equivalent{border:1.5px solid var(--ink);background:var(--paper);border-radius:var(--control-radius);grid-template-columns:64px minmax(0,1fr);align-items:start;gap:12px;margin:14px 0;padding:12px;display:grid}.paint-equivalent-swatch{border:1px solid var(--ink);border-radius:3px;width:64px;height:64px;display:block}.paint-equivalent-info{gap:7px;min-width:0;display:grid}.paint-equivalent>.cabinet-actions{grid-column:1/-1}.paint-equivalent small{color:var(--muted);font-size:11px}.paint-equivalent .recipe-range-tag{justify-self:start}.paint-detail-body .paint-reference-note{color:var(--muted);font-size:12px;line-height:1.9}.paint-equivalent strong{overflow-wrap:anywhere;font-size:13px}.paint-equivalent>button{grid-column:1/-1;justify-self:start;min-height:36px}.recipe-jw-options{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:10px 0;display:flex}.recipe-jw-options>label{flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.recipe-jw-options .chroma-select{width:220px;max-width:100%}.cabinet-badge.is-substitute{background:var(--soft-purple);color:var(--ink)}.comparison-reference-note{padding-top:10px;font-size:12px;line-height:1.7}@media (width>=761px){.catalog-dialog .catalog-brands{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.catalog-dialog .catalog-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-dialog .catalog-brands button{flex-wrap:nowrap;min-height:44px}.catalog-dialog .paint-brand-count{flex-basis:auto;margin-left:auto}.paint-equivalent .cabinet-actions{gap:4px}.paint-equivalent .cabinet-action,.paint-equivalent>button{min-height:44px}}.cabinet-heading>.comic-button{flex:none;margin-left:auto}@media (width<=600px){.cabinet-heading .directory-kicker{display:none}.cabinet-heading{align-items:center}}.paint-swatch-entry{flex-direction:column;min-width:0;display:flex}.paint-swatch-entry>.paint-swatch{flex:1;width:100%}.paint-swatch-entry.has-find-action{border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:var(--white);border-radius:5px;overflow:hidden}.paint-swatch-entry.has-find-action>.paint-swatch{box-shadow:none;border:0;border-radius:0;transform:none}.paint-swatch-find{border:0;border-top:1px solid var(--line);background:var(--paper);text-align:left;justify-content:space-between;align-items:center;gap:6px;min-height:38px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.paint-swatch-find:hover{background:var(--yellow)}.paint-detail-find{width:100%;margin-block:10px 6px}@media (width<=760px){.paint-swatch-find{min-height:44px}}.cabinet-brands [data-brand=jw]>strong{white-space:nowrap;align-items:flex-end;gap:5px;display:inline-flex}.cabinet-brands .catalog-brand-caption{color:var(--muted);letter-spacing:normal;margin-bottom:2px;font:500 10px/1.4 Noto Sans SC,sans-serif}.paint-swatch-color{flex:none}.paint-swatch-info{flex-direction:column;flex:1;align-items:stretch;min-width:0;display:flex}.paint-swatch-info>strong{overflow-wrap:anywhere;min-width:0}.paint-correspondences>h3{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:15px;display:flex}.paint-correspondences>h3 small{color:var(--muted);font-size:11px;font-weight:400}.paint-equivalent-sources{overflow-wrap:anywhere;grid-column:1/-1;gap:5px;font-size:11px;line-height:1.6;display:grid}.paint-equivalent-sources a{text-underline-offset:3px;text-decoration:underline}.paint-swatch-meta{align-items:baseline;gap:3px 8px;min-width:0;line-height:1.5}.paint-swatch-meta>span{min-width:0}.paint-swatch-meta>span:last-child{white-space:nowrap}.paint-swatch-labels{flex-wrap:wrap;align-items:flex-start;gap:6px;min-width:0;margin-top:auto;padding-top:2px;display:flex}.paint-swatch-labels .recipe-range-tag{white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%}@media (width<=360px){.paint-swatch-meta{flex-direction:column;align-items:flex-start;gap:2px}}[data-metallic=true]{background-image:repeating-linear-gradient(0deg,#ffffff03 0 1px,#00000002 1px 2px),linear-gradient(115deg,#00000003 0%,#0000000d 18%,#ffffff08 30%,#fff3 43%,#ffffff08 55%,#00000010 67%,#ffffff08 84%,#00000003 100%)}.chapter-forge{overscroll-behavior:contain;scrollbar-width:thin;height:100%;min-height:0;color:var(--ink);flex-direction:column;padding:0 5px 5px 0;display:flex;overflow-y:auto}.forge-page-nav{flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:5px 2px 12px;display:flex}.forge-page-nav a{color:var(--muted);font-size:12px}.forge-page-nav>span{letter-spacing:1.2px;color:var(--purple);font:14px Bangers,Impact,sans-serif}.forge-button{border:2px solid var(--ink);min-height:48px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:var(--white);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:11px 23px;font:700 14px Noto Sans SC,sans-serif;display:inline-flex}.forge-button>svg{flex:none;width:20px;height:20px}.forge-button.forge-primary{background:var(--yellow)}.forge-button.forge-secondary{background:var(--white)}.forge-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.forge-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.forge-onboarding{flex:1;place-items:center;padding:24px 20px 48px;display:grid}.forge-invitation{border:var(--comic-stroke);border-radius:var(--comic-radius);background:var(--white);width:min(880px,100%);box-shadow:6px 6px 0 var(--ink);grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.forge-invitation-art{background:var(--soft-purple);border-right:var(--comic-stroke);background-image:radial-gradient(#7155b725 .9px,#0000 .9px);background-size:8px 8px;flex-direction:column;justify-content:space-between;align-items:center;padding:26px;display:flex;position:relative}.forge-edition{letter-spacing:.7px;align-self:flex-start;padding-bottom:15px;font:10px Space Mono,monospace}.forge-art-caption{letter-spacing:1.3px;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);padding:7px 13px;font:27px Bangers,Impact,sans-serif;transform:rotate(-3deg)}.forge-invitation-copy{align-self:center;padding:42px 40px 40px}.forge-kicker{letter-spacing:1.3px;color:var(--purple);margin:0;font-size:11px;font-weight:700;display:block}.forge-invitation h1{letter-spacing:-1px;margin:17px 0 30px;font-size:44px;font-weight:900;line-height:1.3}.forge-invitation h1>span{color:var(--muted);letter-spacing:0;margin-top:9px;font-size:21px;font-weight:500;display:block}.forge-invitation form>label{margin-bottom:8px;font-size:12px;font-weight:800;display:block}.forge-invitation input{border:2px solid var(--ink);background:var(--paper);width:100%;min-width:0;height:54px;color:var(--ink);border-radius:4px;padding:10px 13px;font:700 18px Noto Sans SC,sans-serif}.forge-invitation input::placeholder{color:#8a8390;font-size:15px;font-weight:400}.forge-invitation input[aria-invalid=true]{border-color:#953e43}.forge-invitation .forge-error{color:#953e43;margin:8px 0 0;font-size:12px}.forge-start{justify-content:space-between;width:100%;min-height:54px;margin-top:19px;font-size:16px}.forge-seal{aspect-ratio:1;flex:none;width:240px;max-width:100%;position:relative}.forge-seal>svg{width:100%;height:100%;display:block;overflow:visible}.forge-seal-spark{color:var(--purple);font-size:25px;line-height:1;position:absolute}.forge-seal-spark-one{top:19%;left:3%;transform:rotate(10deg)}.forge-seal-spark-two{font-size:17px;bottom:18%;right:3%}.forge-loading{flex:1;place-items:center;padding:20px 20px 60px;display:grid}.forge-loading-inner{text-align:center;width:min(380px,100%)}.forge-loading .forge-seal{margin:0 auto 26px}.forge-loading h1{overflow-wrap:anywhere;outline:none;margin:13px 0 28px;font-size:clamp(23px,3vw,32px);font-weight:900;line-height:1.4}.forge-loading-progress{border:1.5px solid var(--ink);background:var(--white);border-radius:2px;height:10px;padding:2px}.forge-loading-progress>span{background:var(--purple);width:0;height:100%;animation:2s linear forwards forge-progress;display:block}.forge-loading-stages{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.forge-loading-stages span{opacity:.45;animation:.5s forwards forge-stage}.forge-loading-stages span:nth-child(2){animation-delay:.65s}.forge-loading-stages span:nth-child(3){animation-delay:1.3s}.is-forging .forge-seal-orbit{transform-origin:120px 120px;animation:2s ease-out forwards forge-orbit}.is-forging .forge-seal-left{--plate-x:-42px;--plate-y:12px;animation:.65s .1s both forge-assemble}.is-forging .forge-seal-right{--plate-x:42px;--plate-y:12px;animation:.65s .45s both forge-assemble}.is-forging .forge-seal-centre{--plate-x:0px;--plate-y:-35px;animation:.65s .8s both forge-assemble}.is-forging .forge-seal-eyes{animation:.4s 1.5s both forge-lens}.is-forging .forge-seal-spark{animation:.5s 1.4s both forge-spark}.forge-result{width:min(1100px,100%);margin:0 auto;padding:12px 20px 0;animation:.4s ease-out both forge-reveal}.forge-result-card{background-color:#dddde3;background-image:linear-gradient(#ffffff50 1px,#0000 1px),linear-gradient(90deg,#ffffff50 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:28px 28px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #c7c0ca;border-radius:6px;padding:22px;position:relative}.forge-desktop-card{background:var(--white);box-shadow:5px 7px #25232d26}.forge-desktop-card>svg{width:100%;height:auto;display:block}.forge-result-actions{z-index:2;background:var(--paper);justify-content:center;gap:14px;padding:18px 0 12px;display:flex;position:sticky;bottom:0}.forge-result-actions>button{min-width:160px}.forge-mobile-card{display:none}.forge-trait-stamp{color:var(--card-accent);flex:none;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.forge-trait-stamp svg{width:22px;height:22px;display:block}.forge-trait-stamp.is-entry{background:var(--card-panel);border:1px solid;border-radius:2px;width:32px;height:36px;padding:5px;position:relative}.forge-gene-mark{color:var(--card-accent);background:var(--card-paper);border:1px solid var(--card-accent);white-space:nowrap;border-radius:3px;flex:none;padding:3px 5px;font-size:10px;font-weight:700;line-height:1.4;display:inline-block}.forge-gene-mark.is-advantage{color:var(--card-onStrong);background:var(--card-strong)}.forge-gene-mark.is-neutral{border-radius:12px}.forge-export-dialog{border:var(--comic-stroke);border-radius:var(--comic-radius);width:min(960px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--comic-shadow);color:var(--ink);background:var(--white);padding:0;overflow:auto}.forge-export-dialog::backdrop{background:#25232db3}.forge-export-dialog>header{background:var(--yellow);border-bottom:var(--comic-stroke);z-index:1;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex;position:sticky;top:0}.forge-export-dialog h2{margin:0;font-size:19px;font-weight:900}.forge-export-body{background:var(--paper);padding:16px}.forge-export-body img{border:1px solid var(--line);width:100%;height:auto;display:block}.forge-export-wait{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:220px;font-size:13px;display:flex}.forge-export-actions{border-top:var(--comic-stroke);background:var(--white);justify-content:flex-end;gap:12px;padding:12px 16px 16px;display:flex;position:sticky;bottom:0}.chapter-forge :is(button,a,input):focus-visible{outline:3px solid var(--purple);outline-offset:3px}.home-tool-forge{--tool-tint:#dfd4eb}@keyframes forge-progress{to{width:100%}}@keyframes forge-stage{to{opacity:1;color:var(--purple)}}@keyframes forge-orbit{0%{transform:rotate(-70deg)}to{transform:rotate(0)}}@keyframes forge-assemble{0%{opacity:0;transform:translate(var(--plate-x), var(--plate-y))}to{opacity:1;transform:translate(0)}}@keyframes forge-lens{0%{fill:#25232d}to{fill:#ffe052}}@keyframes forge-spark{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes forge-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.forge-page-nav a:hover{color:var(--purple)}.forge-button.forge-primary:hover{background:#f5d140}.forge-button.forge-secondary:hover{background:var(--soft-purple)}}@media (width<=760px){.chapter-forge{padding-right:4px}.forge-page-nav{min-height:38px;padding-bottom:10px}.forge-page-nav a{font-size:11px}.forge-page-nav>span{font-size:13px}.forge-onboarding{align-items:center;padding:12px 2px 26px}.forge-invitation{max-width:440px;box-shadow:4px 4px 0 var(--ink);flex-direction:column;display:flex}.forge-invitation-art{border-right:0;border-bottom:var(--comic-stroke);flex:none;height:210px;padding:13px 18px}.forge-edition{align-self:flex-start;padding-bottom:0;font-size:8px}.forge-invitation-art .forge-seal{width:155px;position:absolute;top:23px}.forge-art-caption{z-index:1;margin-top:auto;padding:4px 11px;font-size:19px}.forge-invitation-copy{width:100%;padding:25px 23px 28px}.forge-kicker{font-size:10px}.forge-invitation h1{margin:11px 0 25px;font-size:32px}.forge-invitation h1>span{margin-top:6px;font-size:17px}.forge-invitation input{height:52px;font-size:18px}.forge-start{min-height:52px;margin-top:16px}.forge-loading{padding:16px 20px 70px}.forge-loading .forge-seal{width:210px;margin-bottom:26px}.forge-loading h1{font-size:26px}.forge-result{padding:3px 1px 0}.forge-result-card{background:0 0;border:0;border-radius:0;padding:0}.forge-desktop-card{display:none}.forge-mobile-card{border:2px solid var(--card-ink);box-shadow:3px 4px 0 var(--card-shadow);color:var(--card-ink);background:var(--card-paper);border-radius:5px;padding:15px;display:block;position:relative;overflow:hidden}.forge-mobile-card:before{content:"";background:linear-gradient(90deg, var(--card-pigment) 66%, var(--card-secondary) 66%);height:4px;margin:-15px -15px 14px;display:block}.forge-mobile-heading{border-bottom:2px solid var(--card-ink);margin-bottom:14px;padding-bottom:16px}.forge-mobile-heading>div{border-bottom:1px solid var(--card-line);justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;padding-bottom:12px;display:flex}.forge-mobile-heading>div>span{letter-spacing:.4px;font:23px Bangers,Impact,sans-serif}.forge-mobile-heading small{border:1px solid var(--card-ink);color:var(--card-onStrong);background:var(--card-strong);border-radius:2px;padding:4px 8px;font-size:11px;font-weight:800}.forge-mobile-heading h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:28px;font-weight:900;line-height:1.35}.forge-mobile-heading>p{color:var(--card-muted);margin:0;font-size:10px;font-weight:600}.forge-mobile-lineage{border:1.5px solid var(--card-ink);color:var(--card-ink);background:var(--card-panel);border-radius:4px;grid-template-columns:56px minmax(0,1fr);column-gap:10px;padding:11px;display:grid;position:relative}.forge-mobile-lineage-icon{width:56px;height:56px}.forge-mobile-lineage-icon svg{width:100%;height:100%;display:block}.forge-mobile-lineage small{color:var(--card-muted);font-size:10px}.forge-mobile-lineage h3{color:var(--card-accent);margin:1px 0;font-size:18px;font-weight:900;line-height:1.4}.forge-mobile-lineage>div>span{color:var(--card-muted);font-size:11px}.forge-mobile-lineage>p{grid-column:1/-1;margin:9px 0 0;font-size:12px;line-height:1.8}.forge-mobile-armour{border:1px solid var(--card-line);border-radius:4px;margin-top:14px;overflow:hidden}.forge-mobile-section-title{background:var(--card-panel);border-bottom:1px solid var(--card-line);align-items:center;gap:10px;padding:9px 17px;display:flex}.forge-mobile-section-title>.forge-trait-stamp{width:32px}.forge-mobile-section-title h3{margin:0;font-size:12px;font-weight:800}.forge-mobile-section-title h3 small{color:var(--card-accent);letter-spacing:.4px;margin-top:2px;font:8px Space Mono,monospace;display:block}.forge-trait-count{background:var(--card-paper);color:var(--card-accent);white-space:nowrap;border-radius:12px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:700}.forge-mobile-paint-study{background:var(--card-art);grid-template-columns:minmax(0,1fr) 89px;align-items:center;gap:7px;padding:12px 10px 6px 4px;display:grid}.forge-mobile-marine{min-width:0}.forge-mobile-marine svg{width:100%;height:auto;display:block}.forge-mobile-colors{gap:14px;margin:0;padding:0;list-style:none;display:grid}.forge-mobile-colors li{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:0 3px;display:flex}.forge-mobile-colors i{border:1px solid var(--card-ink);border-radius:2px;flex:none;width:100%;height:16px;display:block}.forge-mobile-colors span{color:var(--card-muted);font:10px Space Mono,monospace}.forge-mobile-traits{border:1px solid var(--card-line);border-radius:4px;margin-top:14px;overflow:hidden}.forge-mobile-traits ul{gap:8px;margin:0;padding:10px 8px;list-style:none;display:grid}.forge-mobile-traits li{border:1px solid #0000;border-radius:2px;align-items:flex-start;gap:10px;padding:11px 8px;display:flex;position:relative}.forge-mobile-traits .forge-trait-ribbon{background:var(--card-soft)}.forge-trait-ribbon .forge-trait-stamp.is-entry{height:36px;color:var(--card-onStrong);background:var(--card-strong);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);border:0;padding:4px 5px 8px}.forge-trait-seal .forge-trait-stamp.is-entry{background:var(--card-paper);border-radius:50%;height:32px}.forge-trait-ledger .forge-trait-stamp.is-entry{border:0;border-radius:5px;height:32px}.forge-trait-copy{flex:1;min-width:0}.forge-trait-copy>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 8px;display:flex}.forge-mobile-traits h4{margin:0;font-size:14px;font-weight:800;line-height:1.5}.forge-mobile-traits li p{color:var(--card-muted);margin:5px 0 0;font-size:13px;line-height:1.85}.forge-result-actions{gap:10px;padding:14px 1px 7px}.forge-result-actions>button{flex:1;min-width:0;min-height:48px;padding:10px;font-size:13px}.forge-export-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.forge-export-dialog>header{padding:10px 12px}.forge-export-dialog h2{font-size:17px}.forge-export-body{padding:7px}.forge-export-actions{gap:10px;padding:11px 10px 13px}.forge-export-actions>a{flex:1;min-width:0;padding:10px 6px;font-size:12px}}@media (prefers-reduced-motion:reduce){.chapter-forge *,.chapter-forge :before,.chapter-forge :after{transition:none!important;animation:none!important}.forge-loading-progress>span{width:100%}.forge-loading-stages span{opacity:1}}