.qdist-app{--f:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--m:ui-monospace,SFMono-Regular,Consolas,monospace;--bg:#fff;--surface:#f7f9fb;--surface2:#edf4f8;--text:#171a1d;--muted:#5c6670;--border:#d9e0e6;--border2:#aeb8c2;--accent:#28618f;--accent2:#214f75;--danger:#b42318;--focus:#0a0a0a;--r:14px;--rl:22px;--rs:8px;--shadow:0 14px 36px rgba(23,25,31,.08);position:relative;inline-size:min(100%,1260px);margin-inline:auto;overflow:clip;border:1px solid var(--border);border-radius:var(--rl);background:var(--bg);box-shadow:var(--shadow);color:var(--text);font:16px/1.5 var(--f)}.qdist-app,.qdist-app *,.qdist-app *::before,.qdist-app *::after{box-sizing:border-box}.qdist-app [hidden]{display:none!important}.qdist-app :where(button,input,select,summary){font:inherit;color:inherit}.qdist-app :where(button,input,select,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 75%,transparent);outline-offset:2px}.qdist-app button,.qdist-app summary{cursor:pointer;text-transform:none;transform:none}.qdist-app :where(h2,h3,p){margin-block-start:0}.qdist-app h2{margin:0;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.15;letter-spacing:-.035em}.qdist-app h3{margin:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.2;letter-spacing:-.02em}.qdist-app code{font-family:var(--m)}.qdist-skip{position:absolute;z-index:50;inset:8px auto auto 8px;translate:0 -160%;padding:10px 14px;border-radius:8px;background:#171a1d;color:#fff}.qdist-skip:focus{translate:0}.qdist-kicker{display:block;margin-bottom:5px;color:var(--accent);font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.qdist-header{display:flex;align-items:end;justify-content:space-between;min-block-size:104px;padding:20px clamp(16px,3vw,34px);border-bottom:1px solid var(--border);gap:20px}.qdist-header p{margin:7px 0 0;color:var(--muted)}.qdist-main{padding:clamp(18px,3vw,36px);outline:none}.qdist-controls,.qdist-results{padding:clamp(16px,2.4vw,26px);border:1px solid var(--border);border-radius:var(--r);background:#fff}.qdist-results{margin-top:22px}.qdist-heading{margin-bottom:18px}.qdist-heading p{max-inline-size:70ch;margin:7px 0 0;color:var(--muted)}.qdist-heading-actions{display:flex;align-items:end;justify-content:space-between;gap:18px}.qdist-control-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(150px,.72fr));align-items:end;gap:12px}.qdist-field{display:grid;min-inline-size:0;gap:6px}.qdist-field>span,.qdist-fieldset legend{color:var(--muted);font-size:13px;font-weight:800}.qdist-fieldset{min-inline-size:0;margin:0;padding:0;border:0}.qdist-fieldset legend{margin-bottom:6px}.qdist-app :where(input[type=text],select){inline-size:100%;min-block-size:44px;min-inline-size:0;padding:8px 11px;border:1px solid var(--border);border-radius:var(--rs);background:#fff}.qdist-app input[type=color]{inline-size:100%;min-block-size:44px;padding:4px;border:1px solid var(--border);border-radius:var(--rs);background:#fff}.qdist-segment{display:grid;grid-template-columns:repeat(9,1fr);overflow:hidden;border:1px solid var(--border);border-radius:9px}.qdist-segment button{min-block-size:44px;padding:7px;border:0;border-right:1px solid var(--border);background:#fff;font-weight:800}.qdist-segment button:last-child{border-right:0}.qdist-segment button:hover:not([aria-pressed=true]){background:var(--surface2);color:var(--accent2)}.qdist-segment button[aria-pressed=true]{background:var(--accent);color:#fff}.qdist-advanced{margin-top:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.qdist-advanced summary{padding:11px 13px;font-weight:800}.qdist-anchor-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:0 13px 13px}.qdist-check{display:flex;align-items:center;gap:7px;min-block-size:44px}.qdist-anchor-color{inline-size:82px}.qdist-grow{flex:1 1 190px}.qdist-actions,.qdist-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.qdist-button{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:9px 15px;border:1px solid var(--border);border-radius:var(--rs);background:#fff;font-weight:700;line-height:1.2;box-shadow:none}.qdist-button:hover:not(:disabled){border-color:var(--accent);background:var(--surface2);color:var(--accent2)}.qdist-button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.qdist-button-primary:hover:not(:disabled){border-color:var(--accent2);background:var(--accent2);color:#fff}.qdist-button-secondary{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--surface2);color:var(--accent2)}.qdist-reset{min-block-size:0;padding:3px 0;border:0;border-radius:0;background:#fff0;color:var(--danger);font-size:14px}.qdist-reset:hover{border:0!important;background:transparent!important;color:#8f1c14!important}.qdist-score{display:grid;min-inline-size:145px;padding:10px 13px;border-radius:11px;background:var(--surface);text-align:right}.qdist-score strong{font-size:22px;line-height:1}.qdist-score span{margin-top:3px;color:var(--muted);font-size:12px}.qdist-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));overflow:hidden;border:1px solid var(--border);border-radius:12px}.qdist-card{min-inline-size:0;background:#fff;border-right:1px solid var(--border)}.qdist-card:last-child{border-right:0}.qdist-swatch{display:grid;min-block-size:145px;place-items:end start;padding:10px;background:var(--swatch);color:var(--ink)}.qdist-swatch span{padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--swatch) 78%,var(--ink) 22%);font-size:11px;font-weight:900}.qdist-card footer{display:grid;gap:6px;padding:9px}.qdist-card footer code{font-size:12px}.qdist-copy-one{min-block-size:30px;padding:5px 8px;font-size:12px}.qdist-simulation{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.qdist-sim-label strong,.qdist-sim-label span{display:block}.qdist-sim-label span{color:var(--muted);font-size:12px}.qdist-sim-swatches{display:grid;grid-template-columns:repeat(var(--count,8),1fr);overflow:hidden;border-radius:8px}.qdist-sim-swatch{block-size:48px;background:var(--swatch)}.qdist-note{margin:16px 0 0;padding:11px 13px;border-radius:10px;background:var(--surface);color:var(--muted);font-size:14px}.qdist-note strong{color:var(--text)}.qdist-toast{position:fixed;z-index:99999;inset:auto 18px 18px auto;max-inline-size:min(360px,calc(100vw - 36px));translate:0 18px;padding:11px 14px;border-radius:10px;background:#171a1d;color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .16s ease,translate .16s ease}.qdist-toast.is-visible{translate:0;opacity:1}.qdist-sr-only{position:absolute!important;inline-size:1px!important;block-size:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media(max-width:900px){.qdist-control-grid{grid-template-columns:1fr 1fr}.qdist-fieldset{grid-column:1/-1}.qdist-heading-actions{align-items:start;flex-direction:column}.qdist-score{text-align:left}.qdist-simulation{grid-template-columns:1fr}}@media(max-width:620px){.qdist-header{align-items:start;flex-direction:column}.qdist-control-grid{grid-template-columns:1fr}.qdist-fieldset{grid-column:auto}.qdist-segment{grid-template-columns:repeat(4,1fr)}.qdist-segment button:nth-child(4n){border-right:0}.qdist-segment button:nth-child(-n+8){border-bottom:1px solid var(--border)}.qdist-anchor-row{align-items:stretch;flex-direction:column}.qdist-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.qdist-card{border-bottom:1px solid var(--border)}.qdist-swatch{min-block-size:110px}.qdist-result-actions .qdist-button{flex:1 1 160px}}.qdist-results{--qdist-result-bg:#fff;--qdist-result-surface:var(--surface);--qdist-result-card:#fff;--qdist-result-text:var(--text);--qdist-result-muted:var(--muted);--qdist-result-border:var(--border);background:var(--qdist-result-bg);color:var(--qdist-result-text);transition:background-color .16s ease,color .16s ease,border-color .16s ease}.qdist-results.is-dark{--qdist-result-bg:#101418;--qdist-result-surface:#1a232c;--qdist-result-card:#151d24;--qdist-result-text:#f4f7f9;--qdist-result-muted:#bdc9d2;--qdist-result-border:#3a4955;border-color:var(--qdist-result-border)}.qdist-results .qdist-heading p,.qdist-results .qdist-score span,.qdist-results .qdist-sim-label span,.qdist-results .qdist-note{color:var(--qdist-result-muted)}.qdist-results .qdist-kicker{color:var(--accent)}.qdist-results.is-dark .qdist-kicker{color:#8fc7ed}.qdist-results .qdist-score,.qdist-results .qdist-simulation,.qdist-results .qdist-note{background:var(--qdist-result-surface);border-color:var(--qdist-result-border)}.qdist-results .qdist-note strong{color:var(--qdist-result-text)}.qdist-results .qdist-palette{gap:1px;border-color:var(--qdist-result-border);background:var(--qdist-result-border)}.qdist-results .qdist-card{border:0;background:var(--qdist-result-card)}.qdist-results .qdist-button:not(.qdist-button-primary){border-color:var(--qdist-result-border);background:var(--qdist-result-card);color:var(--qdist-result-text)}.qdist-results .qdist-button-secondary{background:var(--qdist-result-surface);color:var(--accent2)}.qdist-results.is-dark .qdist-button-secondary{background:#203545;color:#d8efff}.qdist-results .qdist-button:hover:not(:disabled){border-color:var(--accent);background:var(--qdist-result-surface);color:var(--accent2)}.qdist-results.is-dark .qdist-button:hover:not(:disabled){border-color:#8fc7ed;background:#24313b;color:#fff}.qdist-results.is-dark [data-qdist-title]{color:var(--qdist-result-text)!important}@media(min-width:769px){.qdist-palette[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}.qdist-palette[data-count="10"],.qdist-palette[data-count="15"]{grid-template-columns:repeat(5,minmax(0,1fr))}.qdist-palette[data-count="12"]{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:600px) and (max-width:768px){.qdist-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.qdist-swatch{min-block-size:124px}}@media(max-width:620px){.qdist-anchor-row{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:end;gap:8px 10px;padding:8px 13px 13px}.qdist-anchor-row .qdist-check{grid-column:1/-1}.qdist-anchor-row .qdist-anchor-color{grid-column:1;inline-size:auto}.qdist-anchor-row .qdist-grow{grid-column:2;min-inline-size:0;flex:none}.qdist-anchor-row input[type=text]{min-block-size:44px}.qdist-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.qdist-actions .qdist-button{inline-size:100%;min-inline-size:0;white-space:normal;overflow-wrap:anywhere}.qdist-card{border-bottom:0}}@media(max-width:620px){.qdist-actions .qdist-button:only-child{grid-column:1/-1}}@media(max-width:599px){.qdist-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:515px){.qdist-actions{grid-template-columns:1fr}}@media(max-width:390px){.qdist-anchor-row{grid-template-columns:1fr}.qdist-anchor-row .qdist-anchor-color,.qdist-anchor-row .qdist-grow{grid-column:1}.qdist-anchor-row .qdist-anchor-color{inline-size:100%}}@media(max-width:350px){.qdist-palette{grid-template-columns:1fr}.qdist-swatch{min-block-size:105px}.qdist-actions .qdist-button{font-size:14px}}@media(min-width:621px){.qdist-swatch{min-block-size:125px}}.qdist-card footer{gap:5px}.qdist-card footer code{font-size:16px;font-weight:850}.qdist-color-name{display:-webkit-box;min-height:2.5em;overflow:hidden;color:var(--qdist-result-muted,var(--muted));font-size:12px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qdist-loading{display:none;min-block-size:320px;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--text);font-size:14px;font-weight:750}.qdist-loading span{inline-size:22px;block-size:22px;border:3px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top-color:var(--accent);border-radius:50%;animation:qdist-spin .7s linear infinite}.qdist-app[aria-busy="true"]{position:relative;min-block-size:420px}.qdist-app[aria-busy="true"]>:not(.qdist-loading){visibility:hidden!important}.qdist-app[aria-busy="true"]>.qdist-loading{position:absolute;z-index:5;inset:0;display:flex;min-block-size:0}.qdist-app h1.qdist-kicker{display:block!important;margin:0 0 5px!important;color:var(--accent)!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;letter-spacing:.11em!important;line-height:1.25!important;text-transform:uppercase!important}@keyframes qdist-spin{to{transform:rotate(1turn)}}