/*! ColorLab BlueGreen | www.BGLAB.co.kr | BGLAB-4468341921ea4dff9a417c3a7db1ea59 | Original application layer; third-party rights retained. */
/* A calm ivory workbench. Only the viewing bay stays N7; paint values stay untouched. */
:root{--paper:var(--bg-paper);--white:var(--bg-surface);--ink:var(--bg-ink);--muted:var(--bg-muted);--line:var(--bg-line)}
body{font-family:var(--font);font-size:16px;line-height:1.7;letter-spacing:0}
.shell{max-width:960px;padding-inline:28px}
.site-header{min-height:82px;height:auto;padding-block:16px}
.brand>span{font-size:11px;font-weight:550;letter-spacing:.12em}
.brand>span>span{font-size:14px;font-weight:650;letter-spacing:.08em}
.preview-tag{font-size:13px}
.icon-button.info-trigger{font-family:var(--font);font-style:normal;font-weight:550}
.intro{padding-block:32px 26px;align-items:center}
.eyebrow,.section-index{font-size:12px;letter-spacing:.08em;font-weight:550}
h1{font-size:36px;font-weight:550;line-height:1.3;letter-spacing:-.02em}
h1 span{font-weight:650}
.intro-copy{font-size:15px;line-height:1.75}
.panel{border-radius:var(--bg-radius);box-shadow:0 4px 20px #173f4205}
.bench-title{padding:22px 24px;gap:20px}
.bench-title .section-index{font-size:12px}
.bench-title h2{font-size:26px;font-weight:600;letter-spacing:-.015em;line-height:1.4}
.bench-title h2 span{font-size:13px;font-weight:500;letter-spacing:0}
.change-target{font-size:15px;font-weight:600;line-height:1.5;padding:12px 18px;min-height:48px;border-radius:var(--bg-control-radius)}
.mixing-surface{gap:24px;padding:0 20px 22px}
.comparison-dock{border-radius:12px;box-shadow:none}
.sample-labels{font-size:15px;font-weight:600;line-height:1.45}
.paper-reference small,.paper-reference>span{font-size:12px;line-height:1.5}
.paper-reference strong{font-size:20px;font-weight:650;line-height:1.4}
.mix-reference,.mix-reference small{font-size:12px;line-height:1.55}
.reference-recipe{padding:14px}
.recipe-check-button{padding:14px;min-height:72px;border-radius:var(--bg-control-radius)}
.recipe-check-button strong{font-size:17px;font-weight:600;line-height:1.45;letter-spacing:-.01em}
.recipe-check-button small{font-size:13px;line-height:1.6}
.reference-recipe h3{font-size:16px;font-weight:600;line-height:1.5}
.reference-recipe .section-heading{align-items:baseline;flex-wrap:wrap;gap:6px}
.reference-recipe .section-heading>span{font-size:12px;line-height:1.6}
.paint-well{min-height:44px;grid-template-columns:16px minmax(0,1fr) auto;gap:7px;padding:7px 6px;border-radius:7px}
.paint-name{font-size:13px;line-height:1.45}
.part-value{font-size:20px;font-weight:650}
.palette-legend{font-size:13px;line-height:1.7;margin-top:8px}
.method-heading{gap:10px;align-items:baseline}
.method-heading h3{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.4}
.method-heading>span{font-size:13px;font-weight:550}
.method-intro,.tone-advice,.dry-check{font-size:14px;line-height:1.8}
.mix-stage{grid-template-columns:24px 24px minmax(0,1fr);gap:10px;padding-block:16px}
.stage-number{font:500 16px/1.5 var(--font);font-variant-numeric:tabular-nums}
.mix-stage h4{font-size:16px;line-height:1.5;font-weight:600}
.mix-stage p{font-size:14px;line-height:1.75;margin-top:5px}
.recipe-guide>.secondary-button{font-size:14px;line-height:1.6;min-height:48px}
.mixing-controls{max-width:790px;padding:0 4px}
.comparison-insight{font-size:14px;line-height:1.75;padding-block:12px}
.paint-toolbar{align-items:center;flex-wrap:wrap;gap:10px}
.paint-toolbar h3{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.5}
.segmented button{font-size:13px;line-height:1.5;min-height:46px;min-width:72px;padding:6px 9px}
.segmented button b{font-size:15px;font-weight:650}
.dose-feedback{font-size:14px;line-height:1.7;padding-block:10px;min-height:44px}
.paint-grid{border-radius:12px}
.paint-tube{min-height:148px;padding-block:12px 10px;gap:5px}
.tube-name{font-size:13px;min-height:36px;line-height:1.35;font-weight:550}
.tube-amount{font-size:17px;font-weight:650;line-height:1.5}
.fine-tune{padding-block:18px}
.selected-paint small{font-size:13px;line-height:1.5}
.selected-paint strong{font-size:16px;font-weight:600;line-height:1.5}
.amount-adjust output{font-size:22px;font-weight:600;min-width:42px}
.quantity-button{width:48px;height:48px;font-size:24px}
.paint-advice,.control-footnote{font-size:13px;line-height:1.75}
.bench-actions{grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}
.undo-button{grid-column:1;grid-row:2;justify-self:end;width:auto;font-size:13px;line-height:1.5;min-height:44px;padding:8px 14px;border-radius:var(--bg-control-radius)}
.wash-button{grid-column:1;grid-row:1;min-width:0;min-height:88px;width:100%;padding:12px 16px;gap:12px;border-radius:var(--bg-control-radius)}
.wash-copy{min-width:0;flex:1;word-break:keep-all;overflow-wrap:anywhere}
.wash-arrow{flex-shrink:0;margin-left:0}
.wash-illustration{width:58px;height:58px;flex-shrink:0}
.wash-button strong{font-size:16px;font-weight:600;line-height:1.5}
.wash-button small{font-size:13px;line-height:1.6;color:var(--muted)}
.text-button,.secondary-button,.primary-button{font-size:15px;font-weight:600;line-height:1.6;min-height:48px}
.current-total{font-size:13px;line-height:1.65}.current-total b{font-size:16px;font-weight:600}
.notes-actions{gap:24px;padding-block:12px;flex-wrap:wrap}
.research-signature{font-size:14px;line-height:1.8;margin-top:32px}
.research-signature span,.site-footer,.site-footer>p,.site-footer button{font-size:13px;line-height:1.7;letter-spacing:0}
.site-footer{gap:16px;padding-block:22px 32px}
.site-footer button{min-height:44px}
dialog{border-radius:var(--bg-radius)}
.dialog-header h2,.ratio-dialog .dialog-header h2{font-size:26px;font-weight:600;letter-spacing:-.015em;line-height:1.4}
.dialog-header .eyebrow{font-size:13px;letter-spacing:.03em}
.picker-label{align-items:baseline;gap:10px;flex-wrap:wrap}
.picker-label h3{font-size:19px;letter-spacing:-.01em;font-weight:600;line-height:1.5}
.picker-label h3>span{font:500 14px/1.5 var(--font)}
.picker-label>small,.picker-note,.paper-search>p{font-size:13px;line-height:1.75}
.paper-search>label{font-size:15px;font-weight:600;line-height:1.6}
.paper-search input{font-size:17px;min-height:48px}
.wheel-center small{font-size:12px}
.wheel-center strong{font-size:27px;font-weight:600;letter-spacing:-.01em}
.wheel-center>span{font:500 16px/1.4 var(--font)}
/* Keep the validated 40px hue circles and orbit geometry exactly intact. */
.hue-choice strong{font-weight:600}.hue-choice small{font-weight:450}
.tone-choice strong{font-size:12px;line-height:1.3;font-weight:600}
.tone-choice small{font-size:11px;line-height:1.3}
.map-axis{font-size:12px}
.picker-bottom strong{font-size:17px;font-weight:600;line-height:1.5}
.picker-bottom small{font-size:13px;line-height:1.6}
.picker-bottom .primary-button{font-size:15px;min-height:52px}
.info-intro,.study-philosophy{font-size:16px;line-height:1.8}
.source-list dt{font-size:16px;font-weight:600;line-height:1.6}
.source-list dd,.credits,.dialog-description{font-size:14px;line-height:1.8}
.ratio-target,.ratio-explanation,.ratio-note{font-size:14px;line-height:1.75}
.ratio-insight{font-size:18px;font-weight:600;line-height:1.7}
.ratio-table{font-size:15px;line-height:1.6}
.ratio-table thead th,.ratio-table tbody th{font-size:13px;line-height:1.6;font-weight:550}
.saved-item strong{font-size:16px;font-weight:600}.saved-item small{font-size:13px}
@media(max-width:719px){
 .shell{padding-inline:12px}
 .site-header{min-height:72px;padding-block:14px}
 .brand>span{font-size:10px;letter-spacing:.09em}.brand>span>span{font-size:12px;letter-spacing:.08em}
 .header-actions{gap:8px}.preview-tag{font-size:12px}
 .intro{display:block;padding:26px 2px 22px}
 .intro .eyebrow{font-size:11px;letter-spacing:.06em;margin-bottom:8px}
 h1{font-size:32px;letter-spacing:-.02em;line-height:1.3}
 .intro-copy{font-size:14px;line-height:1.75;margin-top:10px}
 .bench-title{display:grid;grid-template-columns:minmax(0,1fr);padding:20px 16px;gap:14px}
 .bench-title h2{font-size:24px}.bench-title h2 span{font-size:13px}
 .bench-title .section-index{font-size:11px}
 .change-target{width:100%;justify-content:space-between;font-size:16px;padding:12px 16px}
 .mixing-surface{gap:16px;padding:0 10px 16px}
 .sample-labels{font-size:14px}
 .paper-reference small,.paper-reference>span,.mix-reference,.mix-reference small{font-size:12px}
 .paper-reference strong{font-size:19px}
 .recipe-check-button strong{font-size:17px}
 .reference-recipe{padding:12px}
 .reference-recipe .section-heading>span{font-size:12px}
 .paint-name{font-size:13px}
 .part-value{font-size:20px}
 .recipe-guide{padding:2px 4px 18px}
 .method-heading h3{font-size:21px}
 .paint-toolbar h3{font-size:18px}
 .segmented button{font-size:12px;min-width:66px;min-height:46px;padding:5px 7px}
 .dose-feedback{font-size:13px}
 .paint-tube{min-height:128px;padding:10px 1px 8px;gap:4px}
 .tube-name{font-size:12px;line-height:1.35;min-height:34px}
 .tube-amount{font-size:16px}
 .selected-paint small{font-size:12px}.selected-paint strong{font-size:15px}
 .bench-actions{grid-template-columns:minmax(0,1fr);gap:8px}
 .wash-button{gap:10px;padding:12px 10px}.wash-button strong{font-size:15px}.wash-button small{font-size:12px}
 .wash-illustration{width:52px;height:58px}.wash-arrow{font-size:20px}
 .dialog-header h2,.ratio-dialog .dialog-header h2{font-size:24px}
 .picker-label h3{font-size:18px}.picker-label>small{font-size:12px}
 .picker-bottom{flex-wrap:wrap}.picker-bottom .primary-button{width:100%}
 .picker-bottom strong{font-size:16px}.picker-bottom small{font-size:13px}
 .ratio-body{padding-inline:16px}.ratio-table{font-size:14px}.ratio-table thead th,.ratio-table tbody th{font-size:12px}
}
@media(max-width:359px){
 .shell{padding-inline:10px}.mixing-surface{padding-inline:6px}
 .preview-tag{font-size:11px}.brand>span>span{font-size:11px}
 .paint-well{gap:4px;padding-inline:4px}.paint-name{font-size:12px}
 .tube-name{font-size:11px}.tube-amount{font-size:15px}
 .wash-button small{font-size:11px}.wash-illustration{width:44px}.wash-button{gap:5px}
 .ratio-body{padding-inline:12px}.ratio-table{font-size:13px}
}
@media(max-height:780px),(max-width:359px){.comparison-dock{position:static}}
@media(prefers-reduced-motion:reduce){.paint-tube .tube-body,.paint-tube .paint-drop,.paint-tube .tube-amount,.wash-brush,.water-ripple,.jar-water{animation:none!important;transition:none!important}}
.sample-captions{word-break:keep-all}
@media(max-width:359px){
 .sample-captions{display:grid;grid-template-columns:1fr;gap:4px}
 .paper-reference{flex-wrap:wrap;column-gap:5px}
 .mix-reference{display:flex;flex-wrap:wrap;gap:2px 8px;text-align:left}
}