*,*:before,*:after{box-sizing:border-box}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input{max-width:100%}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292b27;background:#f7f7f2;font-synthesis:none;--muted: #6d7066;--line: #e2e3d9;--accent: #dfff82}body{margin:0;min-width:320px}button,input,summary{font:inherit}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #5c6e36;outline-offset:4px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit}.button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 17px;font-size:13px;font-weight:600}.button:hover:not(:disabled){background:#eeefe7}.button-primary{background:#292b27;border-color:#292b27;color:#fff}.button-primary:hover:not(:disabled){background:#464a3e}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.export-options[data-v-9fe08a42]{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.export-error[data-v-9fe08a42]{color:#a43125;font-size:12px}.export-options .eyebrow[data-v-9fe08a42]{font-size:9px;margin-right:5px}.export-options .button[data-v-9fe08a42]{padding:7px 12px;font-size:11px}.export-options button span[data-v-9fe08a42]{margin-left:10px}@media (max-width: 380px){.export-options .eyebrow[data-v-9fe08a42]{display:none}}.color-adjuster[data-v-d70fe176]{padding:5px 2px 9px}label[data-v-d70fe176]{display:block;margin-bottom:9px;font-size:10px;color:var(--muted)}label>span[data-v-d70fe176]{display:flex;align-items:center;justify-content:space-between;gap:2px}output[data-v-d70fe176]{font-size:9px;font-variant-numeric:tabular-nums}input[data-v-d70fe176]{display:block;width:100%;margin:5px 0;height:16px;accent-color:#657b46;cursor:pointer}.contrast-checker[data-v-1f137a65]{border-top:1px solid var(--line);padding:10px 2px;font-size:10px;color:var(--muted)}.contrast-checker p[data-v-1f137a65],.contrast-checker div[data-v-1f137a65]{display:flex;justify-content:space-between;gap:3px}.contrast-checker p[data-v-1f137a65]{margin-bottom:7px;font-weight:600}.contrast-checker div[data-v-1f137a65]{margin-top:3px}.pass[data-v-1f137a65]{color:#43622b;font-weight:600}abbr[data-v-1f137a65]{text-decoration:none}.color-card[data-v-385000fe]{min-width:0}.swatch[data-v-385000fe]{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:210px;border:0;border-radius:9px;padding:14px 10px;overflow:hidden}.swatch:hover .swatch-sample[data-v-385000fe]{transform:scale(1.08)}.swatch-number[data-v-385000fe]{position:absolute;top:12px;left:12px;font-size:10px;opacity:.65}.copy-icon[data-v-385000fe]{position:absolute;right:11px;top:8px;opacity:.7;font-size:20px}.swatch-sample[data-v-385000fe]{margin:auto;font-family:Georgia,serif;font-size:39px;letter-spacing:-2px;transition:transform .2s;opacity:.85}.swatch-action[data-v-385000fe]{font-size:10px;opacity:.8}.color-meta[data-v-385000fe]{padding:13px 2px 10px}.text-recommendation[data-v-385000fe]{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.hex[data-v-385000fe]{display:block;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:600}.color-label[data-v-385000fe]{display:block;font-size:10px;color:var(--muted);margin-top:4px}.adjust-panel[data-v-385000fe]{border-top:1px solid var(--line)}.adjust-panel summary[data-v-385000fe]{list-style:none;font-size:11px;color:var(--muted);padding:9px 2px;display:flex;justify-content:space-between}.adjust-panel summary[data-v-385000fe]::-webkit-details-marker{display:none}.adjust-panel[open] summary span[data-v-385000fe]{transform:rotate(45deg)}@media (max-width: 1050px){.swatch[data-v-385000fe]{height:190px}.hex[data-v-385000fe]{font-size:12px}}@media (max-width: 500px){.swatch[data-v-385000fe]{height:168px}.hex[data-v-385000fe]{font-size:14px}.color-label[data-v-385000fe]{font-size:11px}.adjust-panel summary[data-v-385000fe]{padding:12px 2px}}.text-guide[data-v-dd75d775]{margin-top:28px;border-top:1px solid var(--line);padding-top:26px}.text-guide-heading[data-v-dd75d775]{display:flex;justify-content:space-between;align-items:center;gap:16px}h3[data-v-dd75d775]{font-size:21px;font-weight:550;letter-spacing:-.4px;margin:7px 0}.theme-switch[data-v-dd75d775]{display:flex;flex-shrink:0;padding:4px;background:#eeefe7;border-radius:8px;gap:4px}.theme-switch button[data-v-dd75d775]{padding:8px 12px;border:0;background:none;border-radius:5px;font-size:11px}.theme-switch button[aria-pressed=true][data-v-dd75d775]{background:#fff;box-shadow:0 1px 4px #00000012}.text-intro[data-v-dd75d775]{font-size:12px;color:var(--muted);max-width:800px;line-height:1.8;margin:8px 0 22px}.css-note[data-v-dd75d775]{font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px;overflow-wrap:anywhere}.text-layout[data-v-dd75d775]{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;min-width:0}.type-preview[data-v-dd75d775]{border:1px solid var(--line);border-radius:10px;padding:28px;min-width:0}.preview-kicker[data-v-dd75d775]{font-size:11px;overflow-wrap:anywhere}.type-preview h4[data-v-dd75d775]{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-.5px;margin:25px 0 14px}.type-preview p[data-v-dd75d775]{font-size:16px;line-height:1.6}.type-preview .secondary-sample[data-v-dd75d775]{font-size:14px;margin-top:16px}.sample-link[data-v-dd75d775]{display:inline-block;text-decoration:underline;text-underline-offset:3px;font-size:14px;margin-top:16px}.type-card[data-v-dd75d775]{border:1px solid;padding:18px;border-radius:8px;margin-top:26px}.type-card>span[data-v-dd75d775]{font-size:17px;font-weight:650}.type-card p[data-v-dd75d775]{font-size:14px;margin-top:9px}.sample-actions[data-v-dd75d775]{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sample-actions span[data-v-dd75d775]{font-size:12px;font-weight:600;padding:10px 12px;border-radius:5px}.surface-values[data-v-dd75d775]{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}.surface-values code[data-v-dd75d775]{color:#292b27;margin-left:4px}dl[data-v-dd75d775]{margin:0}.text-pair[data-v-dd75d775]{padding:12px 0;border-bottom:1px solid var(--line)}.text-pair dt[data-v-dd75d775]{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;font-weight:600}.text-pair code[data-v-dd75d775]{margin-left:auto;font-size:11px;font-weight:400}.token-dot[data-v-dd75d775]{width:12px;height:12px;border:1px solid #80808066;border-radius:50%}.text-pair dd[data-v-dd75d775]{margin:5px 0 0}.ratio[data-v-dd75d775]{color:#43622b;font-size:10px;font-weight:600}.pair-background[data-v-dd75d775]{display:block;color:var(--muted);font-family:monospace;font-size:10px;margin-top:3px}.text-pair p[data-v-dd75d775]{font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px}.type-guidelines[data-v-dd75d775]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:25px}.type-guidelines h4[data-v-dd75d775]{font-size:12px;margin:0 0 7px;font-weight:650}.type-guidelines p[data-v-dd75d775]{font-size:11px;color:var(--muted);line-height:1.8}@media (max-width: 800px){.text-layout[data-v-dd75d775]{grid-template-columns:1fr}.text-guide-heading[data-v-dd75d775]{align-items:flex-start;flex-direction:column}.type-guidelines[data-v-dd75d775]{grid-template-columns:1fr;gap:16px}}@media (max-width: 400px){.type-preview[data-v-dd75d775]{padding:18px}.type-preview h4[data-v-dd75d775]{font-size:28px}}.brand-guide[data-v-e9d5e5a7]{border-top:1px solid var(--line);padding:28px 24px;background:#fcfcf9}.guide-heading[data-v-e9d5e5a7]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}h2[data-v-e9d5e5a7]{font-size:23px;letter-spacing:-.6px;margin-top:6px;font-weight:550;overflow-wrap:anywhere}.guide-tag[data-v-e9d5e5a7]{flex-shrink:0;border:1px solid var(--line);border-radius:20px;padding:5px 10px;font-size:10px;color:var(--muted)}.guide-layout[data-v-e9d5e5a7]{display:grid;grid-template-columns:1fr 1fr;gap:40px}h3[data-v-e9d5e5a7]{font-size:13px;margin-bottom:8px;font-weight:650}p[data-v-e9d5e5a7]{font-size:12px;color:var(--muted);line-height:1.8}.usage-strip[data-v-e9d5e5a7]{display:flex;height:66px;margin:22px 0 8px;border-radius:8px;overflow:hidden}.usage-strip div[data-v-e9d5e5a7]{display:grid;place-items:center;font-size:12px;font-weight:600}.usage-caption[data-v-e9d5e5a7]{font-size:10px}.fine-print[data-v-e9d5e5a7]{font-size:10px;margin-top:10px}.application[data-v-e9d5e5a7]{padding:22px;background:#fff;border:1px solid var(--line);border-top:5px solid;border-radius:8px}.sample-brand[data-v-e9d5e5a7]{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:21px;font-weight:650;margin:15px 0;overflow-wrap:anywhere}.sample-brand span[data-v-e9d5e5a7]{width:20px;height:20px;flex-shrink:0;border-radius:50%}.sample-panels[data-v-e9d5e5a7]{display:grid;grid-template-columns:2fr 1fr;gap:8px}.sample-panels div[data-v-e9d5e5a7]{min-height:65px;padding:12px;display:flex;align-items:flex-end;border-radius:5px;font-size:10px}.sample-cta[data-v-e9d5e5a7]{display:inline-block;padding:9px 14px;border-radius:5px;font-size:11px;font-weight:600;margin-top:12px}.guide-notes[data-v-e9d5e5a7]{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}@media (max-width: 700px){.brand-guide[data-v-e9d5e5a7]{padding:24px 18px}.guide-heading[data-v-e9d5e5a7]{align-items:flex-start;flex-direction:column}.guide-layout[data-v-e9d5e5a7],.guide-notes[data-v-e9d5e5a7]{grid-template-columns:1fr;gap:22px}}.studio[data-v-de2fc8eb]{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 25px #292b2703;overflow:hidden}.studio-toolbar[data-v-de2fc8eb]{display:flex;align-items:center;gap:32px;padding:24px;border-bottom:1px solid var(--line)}.base-control[data-v-de2fc8eb]{flex-shrink:0}.brand-settings[data-v-de2fc8eb]{padding:18px 24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#fcfcf9}.brand-settings input[type=text][data-v-de2fc8eb]{width:min(280px,100%);background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font:inherit;font-size:13px}.brand-settings>span[data-v-de2fc8eb]{color:var(--muted);font-size:11px}.palette-actions[data-v-de2fc8eb]{display:flex;align-items:center;gap:18px}.count-control[data-v-de2fc8eb]{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden}.count-control button[data-v-de2fc8eb]{background:#f7f7f2;border:0;width:32px;height:32px;font-size:18px}.count-control output[data-v-de2fc8eb]{padding:0 9px;font-size:11px;min-width:65px;text-align:center}.harmony-note[data-v-de2fc8eb]{padding:0 24px 20px;color:var(--muted);font-size:12px;line-height:1.7;max-width:900px}.harmony-note span[data-v-de2fc8eb]{margin-left:4px}.base-control>label[data-v-de2fc8eb]{display:block;margin-bottom:9px}.color-input[data-v-de2fc8eb]{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:5px 9px;height:42px;background:#fafaf7}.color-input.invalid[data-v-de2fc8eb]{border-color:#b13629}input[type=color][data-v-de2fc8eb]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:27px;height:27px;border:0;padding:0;background:transparent;cursor:pointer}input[type=color][data-v-de2fc8eb]::-webkit-color-swatch-wrapper{padding:0}input[type=color][data-v-de2fc8eb]::-webkit-color-swatch{border:0;border-radius:5px}input[type=text][data-v-de2fc8eb]{width:88px;border:0;background:none;font-family:monospace;color:#42463b;font-size:13px;padding:3px}.harmony-control[data-v-de2fc8eb]{margin:0;padding:0;border:0;min-width:0}.harmony-control legend[data-v-de2fc8eb]{padding:0;margin-bottom:9px}.segments[data-v-de2fc8eb]{display:flex;background:#f3f4ee;border-radius:8px;padding:4px;gap:3px}.segments button[data-v-de2fc8eb]{border:0;background:none;border-radius:5px;padding:8px 13px;font-size:12px;color:var(--muted)}.segments button.selected[data-v-de2fc8eb]{background:#fff;color:#292b27;box-shadow:0 1px 4px #00000012;font-weight:600}.generate-control[data-v-de2fc8eb]{margin-left:auto;text-align:center}.generate-button[data-v-de2fc8eb]{display:flex;gap:10px;align-items:center;white-space:nowrap}.generate-button>span[data-v-de2fc8eb]:first-child{font-size:21px;line-height:1}.key-hint[data-v-de2fc8eb]{color:#dfff82;border:1px solid #ffffff35;border-radius:4px;padding:0 4px;font-size:11px}.shortcut-note[data-v-de2fc8eb]{display:block;font-size:10px;color:var(--muted);margin-top:5px}kbd[data-v-de2fc8eb]{font-family:inherit;border:1px solid var(--line);border-radius:3px;padding:0 3px}.palette-heading[data-v-de2fc8eb]{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.color-count[data-v-de2fc8eb]{margin-left:12px;font-size:11px;color:#7b7f71;text-transform:capitalize}.undo-button[data-v-de2fc8eb]{border:0;background:none;font-size:12px;padding:5px;color:var(--muted)}.palette-grid[data-v-de2fc8eb]{display:grid;grid-template-columns:repeat(var(--palette-columns),minmax(0,1fr));padding:0 24px 24px;gap:10px}.studio-footer[data-v-de2fc8eb]{border-top:1px solid var(--line);padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fcfcf9}.studio-footer p[data-v-de2fc8eb]{font-size:11px;color:var(--muted)}.studio-footer p span[data-v-de2fc8eb]{margin-right:6px}.input-error[data-v-de2fc8eb]{color:#a43125;font-size:12px;padding:12px 24px 0}@media (max-width: 1050px){.studio-toolbar[data-v-de2fc8eb]{gap:18px;padding:20px}.segments button[data-v-de2fc8eb]{padding:8px 9px}.palette-grid[data-v-de2fc8eb]{gap:7px;padding-left:20px;padding-right:20px}.key-hint[data-v-de2fc8eb]{display:none}}@media (max-width: 850px){.studio-toolbar[data-v-de2fc8eb]{flex-wrap:wrap}.generate-control[data-v-de2fc8eb]{margin-left:0}.palette-grid[data-v-de2fc8eb]{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-footer[data-v-de2fc8eb]{align-items:flex-start;flex-direction:column}.shortcut-note[data-v-de2fc8eb]{display:none}}@media (max-width: 500px){.brand-settings[data-v-de2fc8eb]{padding:16px 18px;flex-wrap:wrap;gap:8px}.brand-settings input[type=text][data-v-de2fc8eb]{width:100%}.brand-settings>span[data-v-de2fc8eb]{display:none}.palette-heading[data-v-de2fc8eb]{flex-wrap:wrap}.palette-actions[data-v-de2fc8eb]{width:100%;justify-content:space-between}.harmony-note[data-v-de2fc8eb]{padding:0 18px 18px;font-size:11px}.studio-toolbar[data-v-de2fc8eb]{padding:18px;gap:18px}.harmony-control[data-v-de2fc8eb]{width:100%;order:3}.segments button[data-v-de2fc8eb]{flex:1;padding:9px 7px}.generate-control[data-v-de2fc8eb]{margin-left:auto}.generate-button[data-v-de2fc8eb]{font-size:11px;padding:11px 10px;gap:5px}.base-control .eyebrow[data-v-de2fc8eb]{font-size:10px}.color-input[data-v-de2fc8eb]{gap:5px;padding:5px}input[type=text][data-v-de2fc8eb]{width:75px;font-size:12px}.palette-grid[data-v-de2fc8eb]{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 18px;gap:12px}.palette-heading[data-v-de2fc8eb]{padding:16px 18px 12px}.color-count[data-v-de2fc8eb]{display:block;margin:4px 0 0}.studio-footer[data-v-de2fc8eb]{padding:16px 18px}}.site-shell[data-v-c651403d]{max-width:1440px;padding:0 64px;margin:auto}.site-header[data-v-c651403d]{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand[data-v-c651403d]{display:flex;align-items:center;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:-.8px}.brand-light[data-v-c651403d]{font-weight:450}.brand-dot[data-v-c651403d]{color:#7f9951}.brand-mark[data-v-c651403d]{display:flex;margin-right:10px;transform:rotate(-12deg)}.brand-mark i[data-v-c651403d]{width:11px;height:24px;border-radius:4px;background:#404f38;margin-right:-3px;border:1px solid #f7f7f2}.brand-mark i[data-v-c651403d]:nth-child(2){background:#9eb475;transform:translateY(-3px)}.brand-mark i[data-v-c651403d]:nth-child(3){background:#d5e4a9}.header-link[data-v-c651403d]{font-size:12px;text-decoration:none;font-weight:600}.intro[data-v-c651403d]{padding:40px 0 32px}h1[data-v-c651403d]{font-size:clamp(34px,4vw,54px);font-weight:550;line-height:1.12;letter-spacing:-2px;margin:12px 0 15px}h1 span[data-v-c651403d]{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#738556}.intro-copy[data-v-c651403d]{font-size:14px;line-height:1.8;color:var(--muted)}.how-it-works[data-v-c651403d]{padding:40px 0;scroll-margin-top:20px}.section-heading[data-v-c651403d]{margin-bottom:24px}.section-heading h2[data-v-c651403d]{font-size:24px;font-weight:550;letter-spacing:-.6px;margin-top:8px}.theory-grid[data-v-c651403d]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step[data-v-c651403d]{color:#858a77;font-size:11px;letter-spacing:.1em}.how-it-works h3[data-v-c651403d]{font-size:14px;font-weight:600;margin:8px 0}.how-it-works p[data-v-c651403d]:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.tools-grid[data-v-c651403d]{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);margin-top:28px;padding-top:18px}footer[data-v-c651403d]{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}footer>span[data-v-c651403d]:first-child{font-weight:650;color:#292b27;font-size:14px}@media (max-width: 1000px){.site-shell[data-v-c651403d]{padding:0 32px}}@media (max-width: 700px){.site-shell[data-v-c651403d]{padding:0 20px}.site-header[data-v-c651403d]{height:76px;gap:12px}.brand[data-v-c651403d]{font-size:19px}.header-link[data-v-c651403d]{font-size:10px}.intro[data-v-c651403d]{padding:28px 0}h1[data-v-c651403d]{letter-spacing:-1.5px}.theory-grid[data-v-c651403d],.tools-grid[data-v-c651403d]{grid-template-columns:1fr;gap:20px}footer[data-v-c651403d]{align-items:flex-start;flex-direction:column;gap:6px}}