.palette-head{padding:24px 6vw;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}main{max-width:1280px;margin:auto;padding:48px 6vw}.palette-lead{max-width:720px;margin-bottom:48px}.palette-lead h1{font:clamp(36px,5vw,64px)/1.15 var(--font-reading);letter-spacing:-.04em}.palette-lead p{font-size:18px}.palette-tools{display:flex;gap:24px;align-items:end;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0}.palette-tools label{display:grid;gap:8px}.palette-tools select{min-width:190px;background:var(--canvas);border:1px solid var(--line);border-radius:6px;padding:10px}.palette-tools span{font-size:12px;color:var(--muted)}#swatches{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:32px}#swatches span{display:grid;gap:6px;font-size:11px}#swatches i{height:24px;width:60px;border:1px solid var(--line);background:var(--swatch)}#preview{display:grid;gap:48px;border-top:1px solid var(--line);padding:40px 0}#preview[data-layout=compare]{grid-template-columns:1fr 1.4fr}#preview[data-layout=reading]{grid-template-columns:1fr;max-width:700px}#preview[data-layout=dashboard]{grid-template-columns:2fr 1fr}#preview[data-layout=operation]{grid-template-columns:1fr 2fr}#preview h2{font:30px/1.2 var(--font-reading)}#preview .reading{font-size:18px;line-height:1.8}.palette-config{border-top:1px solid var(--line);padding:24px 0}.palette-config summary{cursor:pointer;margin-bottom:16px}.palette-config label{display:block;color:var(--muted);margin-bottom:8px}.palette-config textarea{display:block;width:100%;max-width:700px;background:var(--surface);border:1px solid var(--line);padding:16px;font:14px/1.5 monospace;margin-bottom:16px}footer{font-size:12px;color:var(--muted);margin-top:48px}@media(max-width:760px){#preview[data-layout]{grid-template-columns:1fr}.palette-tools{align-items:stretch}}