:root{--palette-source-white:oklch(95.59% .008 39.17);--palette-source-black:oklch(21.51% .0197 39.17);--palette-source-brand:oklch(61.87% .1565 39.17);--palette-source-support:oklch(55.8% .095 194.769);--palette-source-highlight:oklch(48.2% .058 211.419);--palette-source-success:oklch(70% .15 150);--palette-source-warning:oklch(76% .16 70);--palette-source-danger:oklch(62% .2 28);--palette-source-info:oklch(59.1% .088 208.079);--palette-neutral-100:oklch(95.59% 0 39.17);--palette-neutral-200:oklch(89.6636% 0 39.17);--palette-neutral-300:oklch(83.7372% 0 39.17);--palette-neutral-400:oklch(76.3292% 0 39.17);--palette-neutral-500:oklch(68.9212% 0 39.17);--palette-neutral-600:oklch(61.5132% 0 39.17);--palette-neutral-700:oklch(54.1052% 0 39.17);--palette-neutral-800:oklch(45.9564% 0 39.17);--palette-neutral-900:oklch(37.0668% 0 39.17);--palette-neutral-1000:oklch(28.918% 0 39.17);--palette-neutral-1100:oklch(21.51% 0 39.17);--palette-neutral-tinted-100:oklch(95.59% .008 39.17);--palette-neutral-tinted-200:oklch(89.6636% .01 39.17);--palette-neutral-tinted-300:oklch(83.7372% .012 39.17);--palette-neutral-tinted-400:oklch(76.3292% .016 39.17);--palette-neutral-tinted-500:oklch(68.9212% .016 39.17);--palette-neutral-tinted-600:oklch(61.5132% .015 39.17);--palette-neutral-tinted-700:oklch(54.1052% .014 39.17);--palette-neutral-tinted-800:oklch(45.9564% .012 39.17);--palette-neutral-tinted-900:oklch(37.0668% .01 39.17);--palette-neutral-tinted-1000:oklch(28.918% .008 39.17);--palette-neutral-tinted-1100:oklch(21.51% .006 39.17);--palette-brand-100:oklch(92.8924% .01878 50.6265);--palette-brand-200:oklch(89.5204% .0313 48.7518);--palette-brand-300:oklch(85.474% .05008 46.6688);--palette-brand-400:oklch(80.7532% .07512 44.5858);--palette-brand-500:oklch(75.358% .10329 42.5028);--palette-brand-600:oklch(69.2884% .13146 40.8364);--palette-brand-700:oklch(61.87% .1565 39.17);--palette-brand-800:oklch(54.6052% .14711 35.253);--palette-brand-900:oklch(46.5332% .12833 31.336);--palette-brand-1000:oklch(37.654% .10642 26.6356);--palette-brand-1100:oklch(29.582% .08138 21.9352);--palette-support-100:oklch(92.4068% .0114 186.646);--palette-support-200:oklch(88.4278% .019 187.975);--palette-support-300:oklch(83.653% .0304 189.452);--palette-support-400:oklch(78.0824% .0456 190.929);--palette-support-500:oklch(71.716% .0627 192.406);--palette-support-600:oklch(64.5538% .0798 193.587);--palette-support-700:oklch(55.8% .095 194.769);--palette-support-800:oklch(49.6278% .0893 199.292);--palette-support-900:oklch(42.7698% .0779 203.815);--palette-support-1000:oklch(35.226% .0646 209.243);--palette-support-1100:oklch(28.368% .0494 214.671);--palette-highlight-100:oklch(91.7988% .00696 194.139);--palette-highlight-200:oklch(87.0598% .0116 196.966);--palette-highlight-300:oklch(81.373% .01856 200.108);--palette-highlight-400:oklch(74.7384% .02784 203.25);--palette-highlight-500:oklch(67.156% .03828 206.392);--palette-highlight-600:oklch(58.6258% .04872 208.905);--palette-highlight-700:oklch(48.2% .058 211.419);--palette-highlight-800:oklch(43.3958% .05452 214.277);--palette-highlight-900:oklch(38.0578% .04756 217.135);--palette-highlight-1000:oklch(32.186% .03944 220.565);--palette-highlight-1100:oklch(26.848% .03016 223.995);--palette-success-100:oklch(93.5428% .018 166.5);--palette-success-200:oklch(90.9838% .03 163.8);--palette-success-300:oklch(87.913% .048 160.8);--palette-success-400:oklch(84.3304% .072 157.8);--palette-success-500:oklch(80.236% .099 154.8);--palette-success-600:oklch(75.6298% .126 152.4);--palette-success-700:oklch(70% .15 150);--palette-success-800:oklch(61.2718% .141 147);--palette-success-900:oklch(51.5738% .123 144);--palette-success-1000:oklch(40.906% .102 140.4);--palette-success-1100:oklch(31.208% .078 136.8);--palette-warning-100:oklch(94.0228% .0192 64.5);--palette-warning-200:oklch(92.0638% .032 65.4);--palette-warning-300:oklch(89.713% .0512 66.4);--palette-warning-400:oklch(86.9704% .0768 67.4);--palette-warning-500:oklch(83.836% .1056 68.4);--palette-warning-600:oklch(80.3098% .1344 69.2);--palette-warning-700:oklch(76% .16 70);--palette-warning-800:oklch(66.1918% .1504 75);--palette-warning-900:oklch(55.2938% .1312 80);--palette-warning-1000:oklch(43.306% .1088 86);--palette-warning-1100:oklch(32.408% .0832 92);--palette-danger-100:oklch(92.9028% .024 45.6);--palette-danger-200:oklch(89.5438% .04 42.72);--palette-danger-300:oklch(85.513% .064 39.52);--palette-danger-400:oklch(80.8104% .096 36.32);--palette-danger-500:oklch(75.436% .132 33.12);--palette-danger-600:oklch(69.3898% .168 30.56);--palette-danger-700:oklch(62% .2 28);--palette-danger-800:oklch(54.7118% .188 25.2);--palette-danger-900:oklch(46.6138% .164 22.4);--palette-danger-1000:oklch(37.706% .136 19.04);--palette-danger-1100:oklch(29.608% .104 15.68);--palette-info-100:oklch(92.6708% .01056 192.636);--palette-info-200:oklch(89.0218% .0176 195.163);--palette-info-300:oklch(84.643% .02816 197.971);--palette-info-400:oklch(79.5344% .04224 200.778);--palette-info-500:oklch(73.696% .05808 203.586);--palette-info-600:oklch(67.1278% .07392 205.833);--palette-info-700:oklch(59.1% .088 208.079);--palette-info-800:oklch(52.3338% .08272 211.271);--palette-info-900:oklch(44.8158% .07216 214.463);--palette-info-1000:oklch(36.546% .05984 218.294);--palette-info-1100:oklch(29.028% .04576 222.124);color-scheme:light dark;--app-bg:#f4f1ee;--app-text:#211d1b;--app-panel:#fffaf6;--app-muted:#665a54;--app-border:#211d1b2e;--app-action-bg:#211d1b;--app-action-text:#fffaf6;--app-radius:.5rem;--app-shadow:0 1rem 2rem #211d1b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--app-bg);color:var(--app-text);margin:0}button{font:inherit}button,a,input,textarea{transition:border-color .18s,background-color .18s,color .18s,opacity .18s,outline-color .18s}.palette-app{width:min(100% - 2rem,92rem);margin-inline:auto;padding-block:clamp(2rem,5vw,4rem)}.palette-app__header{grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1rem;margin-block-end:2rem;display:grid}.palette-app__eyebrow,.palette-app__title,.palette-app__intro,.palette-app__theme-title,.palette-app__section-title,.palette-app__family-title,.palette-app__swatch-name,.palette-app__swatch-value{margin:0}.palette-app__eyebrow{color:var(--palette-brand-800);text-transform:uppercase;font-size:.78rem;font-weight:800}.palette-app__title{max-width:13ch;font-size:clamp(2.35rem,7vw,5.5rem);line-height:.95}.palette-app__intro{max-width:62ch;color:var(--app-muted);grid-column:1/-1;font-size:1rem}.palette-app__header-aside{justify-content:end;align-items:start;display:flex}.palette-app__actions{flex-wrap:wrap;gap:.65rem;display:flex}.action-button{border:1px solid var(--app-action-bg);border-radius:var(--app-radius);background:var(--app-action-bg);min-height:2.75rem;color:var(--app-action-text);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding-inline:.9rem;text-decoration:none;display:inline-flex}.action-button:hover,.action-button:focus-visible{border-color:var(--palette-brand-800);background:var(--palette-brand-800)}.action-button--secondary{color:var(--app-text);background:0 0}.action-button:disabled{opacity:.42;cursor:not-allowed}.icon-button{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-bg);width:2.75rem;min-width:2.75rem;height:2.75rem;color:var(--app-text);cursor:pointer;place-items:center;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{border-color:var(--palette-brand-800);color:var(--palette-brand-800)}.theme-toggle{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);grid-template-columns:1fr 1fr;gap:.2rem;padding:.2rem;display:inline-grid}.theme-toggle__button{border-radius:calc(var(--app-radius) - .15rem);min-height:2.35rem;color:var(--app-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.35rem;padding-inline:.7rem;display:inline-flex}.theme-toggle__button[aria-pressed=true]{background:var(--app-action-bg);color:var(--app-action-text)}.palette-summary{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.palette-summary div{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);gap:.15rem;min-width:0;padding:.7rem;display:grid}.palette-summary dt,.palette-summary dd{margin:0}.palette-summary dt{color:var(--app-muted);text-transform:uppercase;font-size:.68rem;font-weight:800}.palette-summary dd{overflow-wrap:anywhere;text-transform:capitalize;font-size:.95rem;font-weight:800}.panel-tabs{z-index:5;border:1px solid var(--app-border);border-radius:var(--app-radius);background:color-mix(in oklch, var(--app-panel) 92%, transparent);backdrop-filter:blur(12px);grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;margin-block-end:1rem;padding:.25rem;display:grid;position:sticky;top:0}.panel-tabs button{border-radius:calc(var(--app-radius) - .15rem);min-height:2.75rem;color:var(--app-text);cursor:pointer;background:0 0;border:0;font-weight:800}.panel-tabs button[aria-current=page]{background:var(--app-action-bg);color:var(--app-action-text)}.panel-tabs button:focus-visible{outline:2px solid var(--palette-brand-800);outline-offset:2px}.panel-stack>[hidden]{display:none}.generator-panel,.export-panel,.tuning-panel,.preview-panel{gap:.85rem;margin-block-end:1.5rem;display:grid}.generator-panel__header,.export-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;display:flex}.tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.slider-field{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);min-width:0;box-shadow:var(--app-shadow);gap:.75rem;padding:.9rem;display:grid}.slider-field__header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.slider-field strong,.slider-field small,.slider-field output{display:block}.slider-field strong{font-size:.95rem}.slider-field small{max-width:52ch;color:var(--app-muted);font-size:.78rem;line-height:1.45}.slider-field output{border:1px solid var(--app-border);border-radius:calc(var(--app-radius) - .2rem);background:var(--app-bg);padding:.25rem .45rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:800}.slider-field input[type=range]{width:100%;accent-color:var(--palette-brand-700)}.tuning-note{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-bg);color:var(--app-muted);align-items:start;gap:.65rem;padding:.75rem;display:flex}.tuning-note p{margin:0;font-size:.86rem;line-height:1.5}.generator-panel__controls{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:.65rem;display:flex}.generator-panel__title,.export-panel__title{margin:0;font-size:1.15rem}.generator-panel__meta,.export-panel__meta{color:var(--app-muted);margin:0;font-size:.82rem}.preset-control{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);flex-wrap:wrap;gap:.2rem;margin:0;padding:.2rem;display:flex}.preset-control legend{width:100%;color:var(--app-muted);text-transform:uppercase;padding:0;font-size:.68rem;font-weight:800}.preset-control label{cursor:pointer;display:grid}.preset-control input{opacity:0;pointer-events:none;position:absolute}.preset-control span{border-radius:calc(var(--app-radius) - .2rem);min-height:2.35rem;color:var(--app-text);justify-content:center;align-items:center;padding-inline:.55rem;font-size:.78rem;display:inline-flex}.preset-control input:checked+span{background:var(--app-action-bg);color:var(--app-action-text)}.preset-control input:focus-visible+span{outline:2px solid var(--palette-brand-800);outline-offset:2px}.source-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem;display:grid}.source-card{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);min-width:0;box-shadow:var(--app-shadow);gap:.75rem;padding:.75rem;display:grid}.source-card__header{justify-content:space-between;align-items:start;gap:.65rem;min-width:0;display:flex}.source-card__title{margin:0;font-size:.95rem}.source-card__picker,.source-card__field{gap:.25rem;font-size:.78rem;font-weight:800;display:grid}.source-card__actions{align-items:end;gap:.5rem;min-width:8rem;display:flex}.source-card__picker{flex:1}.source-card__channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.source-card__picker input,.source-card__field input{border:1px solid var(--app-border);border-radius:calc(var(--app-radius) - .15rem);background:var(--app-bg);width:100%;min-height:2rem;color:var(--app-text);font:inherit;padding-inline:.45rem;font-weight:500}.source-card__picker input[type=color]{cursor:pointer;min-height:2.75rem;padding:.18rem}.palette-theme{border:1px solid var(--app-border);background:var(--app-panel);color:var(--app-text);gap:1.4rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.export-panel__code{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);width:100%;min-height:17rem;color:var(--app-text);resize:vertical;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.5}.palette-theme__header{border-bottom:1px solid var(--app-border);padding-block-end:.75rem}.palette-theme__title{margin:0;font-size:1.25rem}.palette-section{gap:.85rem;display:grid}.palette-section__title{color:var(--app-muted);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.swatch-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.65rem;display:grid}.family-list{gap:.75rem;display:grid}.family{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);min-width:0;box-shadow:var(--app-shadow);gap:.6rem;padding:.75rem;display:grid}.family__header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.family__title,.family__header span{margin:0}.family__title{font-size:.95rem}.family__header span{color:var(--app-muted);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;font-weight:800}.scale-track{border:1px solid color-mix(in oklch, var(--app-border) 70%, var(--app-text));border-radius:var(--app-radius);background:var(--palette-neutral-tinted-100);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--app-panel) 54%, transparent), inset 0 .85rem 1.4rem color-mix(in oklch, var(--app-text) 8%, transparent);padding:.65rem;display:grid;overflow:visible}[data-app-theme=dark] .scale-track{background:var(--palette-neutral-tinted-1100);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--app-panel) 42%, transparent), inset 0 .85rem 1.4rem oklch(0% none none/.3)}.scale-track__swatches{grid-template-columns:repeat(11,minmax(0,1fr));gap:.35rem;min-width:0;display:grid}.swatch{min-width:0;min-height:3.35rem;color:var(--app-text);text-align:left;cursor:pointer;background:0 0;border:0;place-items:stretch stretch;padding:0;display:grid;position:relative}.swatch:hover,.swatch:focus-visible{z-index:3;outline:2px solid var(--palette-brand-800);outline-offset:-2px}.swatch__color{border:1px solid color-mix(in oklch, var(--app-border) 72%, var(--app-text));border-radius:calc(var(--app-radius) - .25rem);background:var(--swatch-color);min-width:0;box-shadow:0 .45rem .85rem color-mix(in oklch, var(--app-text) 13%, transparent);display:block}.preview-mixer{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);box-shadow:var(--app-shadow);gap:.75rem;padding:.85rem;display:grid}.preview-mixer h3,.preview-mixer p{margin:0}.preview-mixer h3{font-size:.95rem}.preview-mixer p{color:var(--app-muted);font-size:.82rem}.preview-mixer__grid{grid-template-columns:repeat(auto-fit,minmax(8.75rem,1fr));gap:.5rem;display:grid}.preview-source-swatch{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.35rem;min-width:0;display:grid}.preview-source-swatch label{min-width:0;color:var(--app-muted);gap:.25rem;font-size:.72rem;font-weight:900;display:grid}.preview-source-swatch span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-source-swatch input[type=color]{border:1px solid var(--app-border);border-radius:calc(var(--app-radius) - .15rem);background:var(--app-bg);cursor:pointer;width:100%;min-height:2.5rem;padding:.16rem}.preview-source-swatch button{border:1px solid var(--app-border);border-radius:calc(var(--app-radius) - .15rem);background:var(--app-bg);width:2.5rem;height:2.5rem;color:var(--app-text);cursor:pointer;place-items:center;display:inline-grid}.preview-source-swatch button:hover,.preview-source-swatch button:focus-visible{border-color:var(--palette-brand-800);color:var(--palette-brand-800)}.preview-stage{grid-template-columns:minmax(0,1fr) minmax(12rem,.28fr);align-items:stretch;gap:1rem;display:grid}.preview-card{border:1px solid var(--palette-neutral-tinted-300);border-radius:var(--app-radius);background:linear-gradient(135deg, var(--palette-neutral-tinted-100), var(--palette-neutral-tinted-200));min-width:0;color:var(--palette-neutral-tinted-1100);gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 1.2rem 2.5rem oklch(20% .02 40/.14)}[data-app-theme=dark] .preview-card{border-color:var(--palette-neutral-tinted-900);background:linear-gradient(135deg, var(--palette-neutral-tinted-1100), var(--palette-neutral-tinted-1000));color:var(--palette-neutral-tinted-100)}.preview-card__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.preview-card__eyebrow,.preview-card h3,.preview-card p,.preview-list{margin:0}.preview-card__eyebrow{color:var(--palette-brand-800);text-transform:uppercase;font-size:.72rem;font-weight:900}[data-app-theme=dark] .preview-card__eyebrow{color:var(--palette-brand-300)}.preview-card h3{margin-block-start:.2rem;font-size:clamp(1.45rem,4vw,2.35rem);line-height:1}.preview-card p{max-width:58ch;color:var(--palette-neutral-tinted-800);line-height:1.55}[data-app-theme=dark] .preview-card p{color:var(--palette-neutral-tinted-300)}.preview-search{border:1px solid var(--palette-neutral-tinted-400);border-radius:var(--app-radius);background:var(--palette-neutral-tinted-100);min-height:3rem;color:var(--palette-neutral-tinted-800);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding-inline:.85rem;display:grid}[data-app-theme=dark] .preview-search{border-color:var(--palette-neutral-tinted-900);background:var(--palette-neutral-tinted-1000);color:var(--palette-neutral-tinted-300)}.preview-search kbd{border:1px solid var(--palette-neutral-tinted-500);border-radius:calc(var(--app-radius) - .25rem);background:var(--palette-neutral-tinted-200);min-width:1.5rem;color:var(--palette-neutral-tinted-900);text-align:center;padding:.15rem .35rem}[data-app-theme=dark] .preview-search kbd{border-color:var(--palette-neutral-tinted-800);background:var(--palette-neutral-tinted-900);color:var(--palette-neutral-tinted-200)}.preview-actions{flex-wrap:wrap;gap:.6rem;display:flex}.preview-primary,.preview-secondary,.preview-icon-button{border-radius:var(--app-radius);cursor:pointer;justify-content:center;align-items:center;min-height:2.75rem;font-weight:800;display:inline-flex}.preview-primary,.preview-secondary{gap:.45rem;padding-inline:.9rem}.preview-primary{border:1px solid var(--palette-brand-800);background:var(--palette-brand-800);color:var(--palette-neutral-tinted-100)}.preview-secondary,.preview-icon-button{border:1px solid var(--palette-neutral-tinted-500);background:var(--palette-neutral-tinted-100);color:var(--palette-neutral-tinted-1000)}[data-app-theme=dark] .preview-secondary,[data-app-theme=dark] .preview-icon-button{border-color:var(--palette-neutral-tinted-800);background:var(--palette-neutral-tinted-1000);color:var(--palette-neutral-tinted-100)}.preview-icon-button{width:2.75rem;padding:0}.preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.preview-metrics div{border:1px solid var(--palette-neutral-tinted-400);border-radius:var(--app-radius);background:var(--palette-neutral-tinted-100);gap:.2rem;padding:.8rem;display:grid}[data-app-theme=dark] .preview-metrics div{border-color:var(--palette-neutral-tinted-900);background:var(--palette-neutral-tinted-1000)}.preview-metrics span,.preview-list small{color:var(--palette-neutral-tinted-800);font-size:.75rem}[data-app-theme=dark] .preview-metrics span,[data-app-theme=dark] .preview-list small{color:var(--palette-neutral-tinted-300)}.preview-metrics strong{font-size:1.25rem}.preview-list{gap:.55rem;padding:0;list-style:none;display:grid}.preview-list li{border:1px solid var(--palette-neutral-tinted-400);border-radius:var(--app-radius);background:var(--palette-neutral-tinted-100);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.75rem;display:grid}[data-app-theme=dark] .preview-list li{border-color:var(--palette-neutral-tinted-900);background:var(--palette-neutral-tinted-1000)}.preview-list strong,.preview-list small{display:block}.preview-dot{border-radius:999rem;width:.75rem;height:.75rem;margin-block-start:.25rem}.preview-dot--success{background:var(--palette-success-700)}.preview-dot--warning{background:var(--palette-warning-700)}.preview-dot--danger{background:var(--palette-danger-700)}.preview-rail{grid-template-rows:repeat(3,minmax(8rem,1fr));gap:.65rem;display:grid}.preview-swatch{border:1px solid var(--app-border);border-radius:var(--app-radius);min-height:8rem;color:var(--palette-neutral-tinted-1100);align-items:end;padding:.75rem;font-size:.78rem;font-weight:900;display:flex}.preview-swatch--white{background:var(--palette-source-white)}.preview-swatch--brand{background:var(--palette-source-brand)}.preview-swatch--black{background:var(--palette-source-black);color:var(--palette-neutral-tinted-100)}.swatch__details{z-index:5;border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-action-bg);width:max-content;max-width:min(18rem,80vw);color:var(--app-action-text);box-shadow:var(--app-shadow);opacity:0;pointer-events:none;gap:.18rem;padding:.55rem .65rem;display:grid;position:absolute;bottom:calc(100% + .35rem);left:50%;transform:translate(-50%)translateY(.2rem)}.swatch:hover .swatch__details,.swatch:focus-visible .swatch__details{opacity:1;transform:translate(-50%)translateY(0)}.swatch__step,.swatch__name,.swatch__value{overflow-wrap:anywhere}.swatch__step{color:color-mix(in oklch, var(--app-action-text) 72%, transparent);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;font-weight:900}.swatch__name{font-size:.78rem;font-weight:800}.swatch__value{color:color-mix(in oklch, var(--app-action-text) 78%, transparent);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;line-height:1.35}.toast-region{z-index:20;pointer-events:none;position:fixed;bottom:1rem;right:1rem}.toast-region p{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-action-bg);max-width:min(24rem,100vw - 2rem);color:var(--app-action-text);box-shadow:var(--app-shadow);margin:0;padding:.8rem .95rem;font-size:.9rem;font-weight:800}@media (width<=48rem){.palette-app{width:min(100% - 1rem,92rem);padding-block:1rem 2rem}.palette-app__header{grid-template-columns:1fr}.palette-app__header-aside{justify-content:start}.palette-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-tabs{grid-template-columns:repeat(5,minmax(5.6rem,1fr));overflow-x:auto}.tuning-grid,.preview-stage,.preview-metrics{grid-template-columns:1fr}.swatch{min-height:2.75rem}.generator-panel__header,.export-panel__header{align-items:stretch}.generator-panel__controls,.palette-app__actions{justify-content:start}.preset-control{width:100%}.source-card__header{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}