:root{color-scheme:light;--ink:#19221d;--muted:#56655c;--paper:#f4f2e9;--surface:#fffdf7;--line:#d3d6cb;--accent:#176b50;--danger:#a52d2d;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;margin:0;color:var(--ink);background:radial-gradient(ellipse at 90% 0%,#f0e3cc,transparent 650px),var(--paper);line-height:1.45}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button,a,input,select,summary{touch-action:manipulation}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #176b50;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.04em}h1{font-size:clamp(36px,4.6vw,62px);line-height:1.08}h2{font-size:30px;line-height:1.15}h3{font-size:16px;line-height:1.4}button{min-height:44px;min-width:44px}input,select{min-height:46px;width:100%;min-width:0;padding:10px 12px;border:1px solid #aeb9b0;border-radius:6px;background:#fff;color:var(--ink)}input[aria-invalid=true]{border-color:var(--danger)}label{display:block;font-size:14px;font-weight:750;margin-bottom:5px}code,textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.nav-inner,.site-header,main,footer{width:min(1200px,calc(100% - 48px));margin-inline:auto}.catalog-nav{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:var(--paper)}.nav-inner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-inner a{display:inline-flex;align-items:center;min-height:48px;font-size:14px;font-weight:700}.nav-inner>span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.site-header{padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:32px}.intro{margin-top:8px;color:var(--muted);font-size:16px}.privacy-note{max-width:230px;border-left:3px solid #c08230;padding-left:14px;color:var(--muted);font-size:13px}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:24px;align-items:start}.editor-panel,.compare-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.count,.small-label{font-size:12px;color:var(--muted);white-space:nowrap}.count{border:1px solid var(--line);border-radius:20px;padding:5px 9px}.help,.status,.error,.section-copy,.caution{font-size:13px;color:var(--muted)}.help{margin-top:5px}.palette-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:430px;overflow:auto;margin:14px 0 20px;padding:4px;scroll-padding:4px}.color-item{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;display:flex;flex-direction:column}.color-chip{height:78px;flex:none;border-bottom:1px solid rgba(0,0,0,.15)}.color-meta{padding:9px 9px 5px;flex:1;min-width:0}.color-name{display:block;overflow-wrap:anywhere;font-size:15px;font-weight:750;line-height:1.25}.color-hex{display:block;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);margin-top:3px}.item-actions{display:flex;gap:2px;border-top:1px solid var(--line);padding:2px}.item-actions .button{flex:1;padding:8px 3px;border:0;border-radius:3px;font-size:14px;min-height:44px}.button{border:1px solid transparent;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:750;line-height:1.4}.primary{background:var(--accent);color:#fff}.primary:hover{background:#105039}.secondary{border-color:var(--line);background:#fff;color:var(--ink)}.secondary:hover{background:#eef1e9}.danger{background:#fff;color:var(--danger)}.danger:hover{background:#fff0ee}button:disabled{opacity:.55;cursor:not-allowed}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#color-form{border-top:1px solid var(--line);padding-top:16px;scroll-margin-top:65px}#form-title{margin-bottom:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{min-width:0}.hex-field{position:relative}.hex-field input{padding-right:40px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}#input-swatch{position:absolute;right:10px;top:12px;width:22px;height:22px;border:1px solid #aeb9b0;border-radius:4px;background:repeating-linear-gradient(45deg,#eee 0 4px,#fff 4px 8px)}.error{color:var(--danger);font-weight:650;margin-top:8px}.status{font-weight:600;margin-top:10px}.error:empty,.status:empty{display:none}.empty-state{padding:22px 14px;border:1px dashed #aeb9b0;margin:14px 0 20px}.empty-state p{font-size:14px;color:var(--muted);margin-top:5px}.compare-panel{position:static;scroll-margin-top:62px}#compare-title{scroll-margin-top:80px}.saved-result{display:flex;align-items:center;gap:10px;background:#eaf1e9;border:1px solid #b7cdbb;padding:8px;margin-bottom:10px;border-radius:6px}.saved-result>span{width:44px;height:44px;flex:none;border:1px solid rgba(0,0,0,.25);border-radius:4px}.saved-result p{font-size:14px;overflow-wrap:anywhere}.pair-identities{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}.pair-identities p{min-width:0;overflow-wrap:anywhere}.identity-label{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}.pair-identities strong{display:block;font-size:15px;line-height:1.25}.pair-identities code{font-size:12px;color:var(--muted)}.preview-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:stretch}.pair-preview{grid-column:1;grid-row:1;padding:20px;border:1px solid #b8bcb1;border-radius:6px;min-width:0}.preview-kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;margin-bottom:10px}.preview-large{font:400 30px/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin-bottom:10px}.preview-small{font-size:14px;margin-bottom:12px}.preview-example{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;max-width:100%;border:1px solid currentColor;border-radius:4px;padding:10px 12px;font-size:14px;line-height:1.4;font-weight:700;text-align:center}.ratio-card{grid-column:2;grid-row:1;padding:16px;background:#eaf0e7;color:#19221d;border:1px solid #c4d0be;border-radius:6px;min-width:0}.ratio-label{display:block;font-size:12px;font-weight:750}.ratio-card strong{display:block;font-size:clamp(26px,2.5vw,36px);letter-spacing:-.045em;line-height:1.3;margin:4px 0 8px;font-variant-numeric:tabular-nums}.ratio-card p{font-size:13px;line-height:1.5}.caution{font-size:12px;margin:10px 0 16px}.comparison-controls{display:grid;gap:10px}.comparison-controls select{font-size:16px}.comparison-controls button{justify-self:start}.export-panel{grid-column:1/-1;border-top:1px solid #adb9ae;padding:24px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:40px}.export-intro,.export-code{min-width:0}.section-copy{font-size:14px;max-width:390px;margin-top:10px}.file-tools{margin-top:16px}.file-tools summary{min-height:44px;padding:10px 0;font-size:14px;font-weight:750}.file-tools label{margin-top:16px}input[type=file]{padding:4px;font-size:13px}input::file-selector-button{min-height:44px;border:0;background:#eaf0e7;color:var(--ink);padding:8px 12px;font:700 14px system-ui;margin-right:8px}textarea{width:100%;min-height:156px;resize:vertical;border:1px solid #aeb9b0;border-radius:6px;padding:12px;color:var(--ink);background:#fffdf7;font-size:14px;line-height:1.55}footer{padding:24px 0;color:var(--muted);font-size:12px}[hidden]{display:none!important}@media(max-width:1050px) and (min-width:761px){.palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-layout{grid-template-columns:1fr}.ratio-card{grid-column:1;grid-row:1}.pair-preview{grid-row:2}.field-grid{grid-template-columns:1fr}.ratio-card strong{margin:0}}@media(max-width:760px){.nav-inner,.site-header,main,footer{width:calc(100% - 28px)}.site-header{padding:16px 0 18px;display:block}.privacy-note{border:0;padding:0;max-width:none;margin-top:8px;font-size:12px}.intro{font-size:16px;margin-top:6px}.nav-inner>span{letter-spacing:.05em}main{grid-template-columns:1fr;gap:18px}.editor-panel,.compare-panel{padding:16px;border-radius:8px}h2{font-size:26px}.palette-list{display:flex;gap:10px;margin:10px 0 14px;max-height:none;overflow-x:auto;align-items:stretch}.color-item{flex:0 0 150px}.color-chip{height:62px}.color-meta{padding:7px 8px 5px}.color-name{font-size:14px}.field-grid{gap:10px}.field-grid input{padding-left:9px;font-size:16px}.help{font-size:12px}#color-form{padding-top:12px}#form-title{margin-bottom:8px}.button-row{margin-top:10px}.pair-identities{margin:10px 0;gap:12px}.preview-layout{grid-template-columns:1fr;gap:10px}.ratio-card{grid-column:1;grid-row:1;display:grid;grid-template-columns:105px 1fr;column-gap:12px;padding:12px}.ratio-label{grid-column:1;grid-row:1}.ratio-card strong{grid-column:1;grid-row:2;font-size:29px;margin:0}.ratio-card p{grid-column:2;grid-row:1/3;align-self:center;font-size:12px}.pair-preview{grid-column:1;grid-row:2;padding:16px}.preview-kicker{margin-bottom:7px}.preview-large{font-size:29px;max-width:300px;margin-bottom:8px}.preview-small{margin-bottom:8px;font-size:14px}.caution{margin-bottom:12px}.export-panel{grid-template-columns:1fr;gap:20px;padding-top:18px}.comparison-controls{gap:8px}.saved-result{margin-bottom:8px}.section-heading{gap:8px}.small-label{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}