.gc-gamut-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);align-items:center;gap:38px}.gc-gamut-map{display:block;width:100%;max-height:490px}.gc-grid{stroke:var(--mg-ui-line);stroke-width:1;fill:none}.gc-axis-text{fill:var(--mg-ui-muted);font:14px sans-serif}.gc-white-point{fill:var(--mg-ui-ink)}
.gc-space-selector{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:24px}.gc-space-selector button{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 0;border:0;border-bottom:1px solid var(--mg-ui-line);border-radius:0;background:none;box-shadow:none;font-size:15px;min-height:44px}.gc-space-selector button[aria-pressed=true]{font-weight:650;color:var(--mg-ui-link)}.gc-space-selector i{display:block;background:var(--gc-space);width:23px;height:3px}.gc-gamut-reading h4,.gc-reading-title{font-size:19px;font-weight:650;line-height:1.4;margin:0 0 13px;display:block}.gc-gamut-map [data-gamut-shape].is-muted{opacity:.22}.gc-gamut-map [data-gamut-shape].is-active polygon{fill-opacity:.15;stroke-width:4}
.gc-brightness-bars{margin:30px 0}.gc-brightness-bars>div{display:grid;grid-template-columns:minmax(200px,1fr) 1.2fr 120px;gap:22px;align-items:center;margin:24px 0}.gc-brightness-bars>div>strong{font-size:16px;line-height:1.5;font-weight:550}.gc-bar-track{height:13px;background:var(--mg-ui-soft)}.gc-bar-track i{display:block;height:100%;background:#65ae9f}.gc-brightness-bars>div:nth-child(2) i{background:#5989bb}.gc-brightness-bars>div>span{text-align:right;font-size:14px}.gc-brightness-bars b{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums}.gc-brightness-bars small{display:block;font-size:12px;color:var(--mg-ui-muted)}
.gc-residual-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.gc-residual-screen{position:relative;aspect-ratio:16/9;background:#3d3d42;overflow:hidden}.gc-residual-screen span{position:absolute;left:10%;top:16%;bottom:16%;width:35%;border:2px solid #303036;color:#303036;font-size:clamp(17px,3vw,28px);padding:12px;font-weight:650}.gc-residual-pair[data-residual-state=later] .temporary span{opacity:0}.gc-residual-pair figcaption{display:block}.gc-residual-pair figcaption span{display:block;font-size:13px;margin-top:5px}
.gc-curve-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.8fr);gap:36px;align-items:center;margin:30px 0}.gc-curve-layout svg{display:block;width:100%;overflow:visible}.gc-target{stroke:var(--mg-ui-muted);stroke-width:3;stroke-dasharray:7 5;fill:none}.gc-result{stroke:#58ac98;stroke-width:3.5;fill:none}.gc-line-key{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--mg-ui-muted);margin-bottom:23px}.gc-line-key span{display:flex;align-items:center;gap:8px}.gc-line-key i{width:24px;border-bottom:3px solid #58ac98}.gc-line-key i.target{border-bottom:2px dashed var(--mg-ui-muted)}.gc-value{font-size:clamp(30px,4vw,42px);line-height:1.2;font-weight:600;display:block;margin-bottom:9px}.gc-value small{font-size:17px;font-weight:400}.gc-peak-cursor{stroke:var(--mg-ui-muted);stroke-dasharray:3 5;fill:none}.gc-peak-dot{fill:var(--mg-ui-ink);stroke:var(--mg-ui-bg);stroke-width:2}
.gc-volume-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px;margin:28px 0}.gc-volume-layout svg{width:100%;max-height:310px}.gc-volume-slice{fill:#69bbae;fill-opacity:.2;stroke:#69bbae;stroke-width:3}.gc-color-comparison>div{margin:20px 0}.gc-color-comparison strong{font-size:14px;font-weight:550;display:block;margin-bottom:12px}.gc-color-lights{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gc-color-lights i{display:block;aspect-ratio:1.4;background:#a24050}.gc-color-lights i:nth-child(2){background:#3b8860}.gc-color-lights i:nth-child(3){background:#446faf}
@media(prefers-reduced-motion:no-preference){.gc-gamut-map [data-gamut-shape],.gc-residual-screen span{transition:opacity .45s ease}.gc-bar-track i{transition:width .35s ease}.gc-color-lights i{transition:background .15s ease}}
@media(max-width:760px){.gc-gamut-layout,.gc-curve-layout{gap:24px;grid-template-columns:1fr}.gc-gamut-map{max-height:400px}.gc-space-selector{flex-direction:row;flex-wrap:wrap;gap:0 20px}.gc-space-selector button{font-size:14px}.gc-curve-layout svg{max-height:340px}.gc-gamut-reading h4{font-size:18px}.gc-brightness-bars>div{grid-template-columns:1fr 106px;gap:8px 16px}.gc-brightness-bars>div>strong{grid-column:1;grid-row:1}.gc-bar-track{grid-column:1;grid-row:2}.gc-brightness-bars>div>span{grid-column:2;grid-row:1/3}.gc-volume-layout{grid-template-columns:1fr 1.3fr;gap:14px}.gc-color-lights{gap:7px}.gc-color-comparison strong{font-size:13px}}
@media(max-width:480px){.gc-residual-pair{grid-template-columns:1fr;gap:22px}.gc-volume-layout{grid-template-columns:1fr}.gc-volume-layout svg{max-height:230px}.gc-color-lights i{aspect-ratio:1.7}.gc-brightness-bars>div>strong{font-size:14px}.gc-brightness-bars b{font-size:21px}.gc-residual-pair figcaption{display:flex;justify-content:space-between;gap:10px}.gc-residual-pair figcaption span{margin:0}.gc-curve-layout{margin-top:24px}}