:root,[data-theme=light]{--roxo:#230023;--cinza:#f2f2f2;--ciano:#42ffff;--frame:#000;--surface:var(--cinza);--ink:var(--roxo);--border:var(--roxo);--card:var(--roxo);--card-border:var(--roxo);--on-card:var(--cinza);--highlight:var(--ciano);--accent:var(--roxo);--on-accent:var(--ciano);--focus-ring:var(--roxo);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--surface:var(--roxo);--ink:var(--cinza);--border:var(--cinza);--card-border:var(--ciano);--accent:var(--ciano);--on-accent:var(--roxo);--focus-ring:var(--ciano);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.zone-roxo{--surface:var(--roxo);--ink:var(--cinza);--border:var(--cinza);--accent:var(--ciano);--on-accent:var(--roxo);--focus-ring:var(--ciano);background:var(--roxo);color:var(--cinza)}.zone-ciano{--surface:var(--ciano);--ink:var(--roxo);--border:var(--roxo);--accent:var(--roxo);--on-accent:var(--ciano);--focus-ring:var(--roxo);background:var(--ciano);color:var(--roxo)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--stroke-control:1.5px;--stroke-accent:3px;--stroke-focus:3px;--font-display:Kreon, Georgia, serif;--font-body:Quicksand, system-ui, sans-serif;--header-h:72px;--target:44px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-ui:.2s}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + var(--space-4));-webkit-text-size-adjust:100%}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);margin:0;font-size:1rem;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-3);line-height:1.2}h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,1.75rem);font-weight:600}h3{font-size:1.25rem;font-weight:600;line-height:1.3}p{margin:0 0 var(--space-4)}a{color:inherit;text-underline-offset:3px}code,pre{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.875rem}img,svg,canvas{max-width:100%}button,input,select{font:inherit;color:inherit}a,button,label,select,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:3px}[hidden]{display:none!important}.container{width:min(1200px, 100% - 2 * var(--space-4));margin-inline:auto}.section{padding-block:var(--space-16)}.section--alt{border-block:var(--stroke-control) solid var(--border)}.section__head{max-width:72ch;margin-bottom:var(--space-8)}.section__lead{font-size:1.0625rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:700}.zone-roxo .eyebrow{color:var(--ciano)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-6);background:var(--roxo);color:var(--ciano);border-radius:var(--radius-md);font-weight:700;position:absolute;top:-100px}.skip-link:focus{top:var(--space-4);outline-color:var(--ciano);outline-offset:-6px}.noscript{padding:var(--space-6);text-align:center;font-weight:700}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--target);padding:var(--space-3) var(--space-6);border:var(--stroke-control) solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:transform var(--dur-ui) var(--ease-out);font-size:.9375rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn--ghost{color:var(--ink);border-color:var(--border);background:0 0;font-weight:500}.btn[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}@media (hover:hover) and (pointer:fine){.btn--ghost:hover{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn--primary:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}}.btn[aria-disabled=true],.btn:disabled{color:var(--ink);border-style:dashed;border-color:var(--border);cursor:not-allowed;background:0 0;transform:none}.btn[aria-disabled=true]:hover{color:var(--ink);border-color:var(--border);background:0 0}.btn--sm{padding:var(--space-2) var(--space-3);font-size:.875rem}.btn--lg{padding:var(--space-4) var(--space-8);font-size:1.0625rem}.btn--icon{width:var(--target);padding:0}.icon{flex:none;width:20px;height:20px}.frame{border:2px solid var(--frame);border-radius:var(--radius-md)}.zone-roxo .frame,.zone-roxo .swatch-input,[data-theme=dark] .frame,[data-theme=dark] .tint-cell,[data-theme=dark] .preset__dot,.hero-dot,.vision__swatch{outline:3px solid var(--cinza);outline-offset:0}.zone-roxo .swatch-input:focus-visible{outline:var(--stroke-focus) solid var(--ciano);outline-offset:3px}.site-header{z-index:50;min-height:var(--header-h);border-bottom:var(--stroke-control) solid var(--card-border);position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-4);min-height:var(--header-h);width:min(1200px, 100% - 2 * var(--space-4));margin-inline:auto;display:flex;position:relative}.brand{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);background:var(--roxo);border-radius:var(--radius-md);margin-right:auto;text-decoration:none;display:inline-flex}.brand img{border-radius:var(--radius-sm)}.brand__name{font-family:var(--font-display);color:var(--cinza);font-size:1.5rem;font-weight:700}.site-nav ul{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.site-nav a:not(.btn){min-height:var(--target);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--roxo);color:var(--cinza);align-items:center;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.site-nav a:not(.btn):hover,.site-nav .btn:hover{background:var(--cinza);color:var(--roxo)}}.site-nav .btn{background:var(--roxo);margin-left:var(--space-2)}.menu-toggle{background:var(--roxo);display:none}.theme-toggle{background:var(--roxo)}@media (width<=1140px){.menu-toggle{display:inline-flex}.site-nav{top:calc(var(--header-h) - 1px);padding:var(--space-4);background:var(--roxo);border-bottom:var(--stroke-control) solid var(--cinza);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:none;position:absolute;left:0;right:0}.site-nav.is-open{max-height:calc(100dvh - var(--header-h));display:block;overflow-y:auto}.site-nav ul{flex-direction:column;align-items:stretch}.site-nav .btn{margin:var(--space-2) 0 0}}@media (width<=480px){.menu-toggle{width:var(--target);padding:0}.menu-toggle__text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand__name{font-size:1.25rem}.site-header__inner{gap:var(--space-2)}}.hero{padding-block:var(--space-16);overflow:hidden}.hero__grid{gap:var(--space-12);grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.hero__title{overflow-wrap:anywhere;color:var(--ciano);margin-bottom:var(--space-4);font-size:clamp(2.5rem,1.5rem + 7vw,7rem);font-weight:700;line-height:1}.hero__lead{max-width:34ch;font-size:1.25rem}.steps{gap:var(--space-3) var(--space-6);margin:0 0 var(--space-8);flex-wrap:wrap;padding:0;font-weight:500;list-style:none;display:flex}.steps li{align-items:center;gap:var(--space-2);display:flex}.steps__n{background:var(--cinza);width:32px;height:32px;color:var(--roxo);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.hero__art{justify-content:center;align-items:center;min-height:280px;display:flex}.hero-dot{aspect-ratio:1;border:3px solid var(--frame);border-radius:50%;place-items:end center;width:clamp(80px,24vw,200px);margin-left:calc(clamp(80px,24vw,200px)/-4.54545);display:grid;position:relative}.hero-dot:first-child{margin-left:0}.hero-dot:first-child{translate:0 calc(var(--parallax-y,0) * -.08px)}.hero-dot:nth-child(2){translate:0 calc(var(--parallax-y,0) * -.16px)}.hero-dot:nth-child(3){translate:0 calc(var(--parallax-y,0) * -.24px)}.hero-dot--empty{border:var(--stroke-accent) dashed var(--cinza);background:0 0;place-items:center}.hero-dot__q{font-family:var(--font-display);color:var(--ciano);font-size:clamp(2rem,6vw,4rem);font-weight:700}.hero-dot__label{transform:translateY(calc(100% + var(--space-3)));padding:var(--space-1) var(--space-2);background:var(--roxo);color:var(--cinza);border-radius:var(--radius-sm);font-size:.875rem;font-weight:700}@media (width<=480px){.hero-dot__hex{display:none}}@media (width<=860px){.hero__grid{grid-template-columns:minmax(0,1fr)}.hero__art{order:-1;min-height:200px}}.card{border-radius:var(--radius-lg);padding:var(--space-6);border:var(--stroke-control) solid var(--card-border)}.callout{--focus-ring:var(--ciano);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);border-radius:var(--radius-md);background:var(--roxo);color:var(--cinza);position:relative}.callout:before{content:"";left:var(--space-4);top:var(--space-4);bottom:var(--space-4);width:var(--stroke-accent);background:var(--ciano);border-radius:2px;position:absolute}.callout:empty{min-height:0;margin:0;padding:0}.callout:empty:before{content:none}.callout--warning:before{background:var(--cinza)}.info-btn{min-height:32px;margin:0 var(--space-1);padding:0 var(--space-3);border:var(--stroke-control) solid var(--border);color:var(--ink);cursor:pointer;vertical-align:middle;background:0 0;border-radius:999px;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex;position:relative}.info-btn:after{content:"";position:absolute;inset:-6px -2px}@media (hover:hover) and (pointer:fine){.info-btn:hover{background:var(--ink);color:var(--surface)}}.info-btn[aria-expanded=true]{background:var(--ink);color:var(--surface)}.info-panel{--focus-ring:var(--ciano);margin-top:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);border-radius:var(--radius-md);background:var(--roxo);color:var(--cinza);font-size:.9375rem;position:relative}.info-panel:before{content:"";left:var(--space-4);top:var(--space-4);bottom:var(--space-4);width:var(--stroke-accent);background:var(--ciano);position:absolute}.info-panel code{color:var(--ciano)}.field{gap:var(--space-1);display:grid}.field__label{font-size:.8125rem;font-weight:500}.input,.select{min-height:var(--target);width:100%;padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--ink);border:var(--stroke-control) solid var(--border);border-radius:var(--radius-sm)}.input--hex{font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.input[aria-invalid=true]{border:var(--stroke-accent) dashed var(--border)}.field__error{overflow-wrap:anywhere;font-size:.8125rem;font-weight:500}.field__error:empty{margin:0}.presets{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.presets__label{margin-right:var(--space-2);flex:none;align-self:center;font-weight:700}.preset{gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);flex:none}.preset__dots{display:inline-flex}.preset__dot{border:2px solid var(--frame);border-radius:50%;width:22px;height:22px;margin-left:-6px}.preset__dot:first-child{margin-left:0}.toolbar{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.slots{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.slot{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.slot__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.slot__head h3{margin:0}.slot__role{font-size:.8125rem;font-weight:500}.slot.is-selected{outline:var(--stroke-accent) solid var(--ciano);outline-offset:-6px}.slot__actions{gap:var(--space-2);display:flex}.slot__actions .btn{flex:1}.swatch-input{border:2px solid var(--frame);border-radius:var(--radius-md);cursor:pointer;appearance:none;background:0 0;width:100%;height:120px;padding:0;display:block}.swatch-input::-webkit-color-swatch-wrapper{padding:0}.swatch-input::-webkit-color-swatch{border:none;border-radius:6px}.swatch-input::-moz-color-swatch{border:none;border-radius:6px}@media (width<=860px){.slots{grid-template-columns:1fr}}.hsb{margin-top:var(--space-8);gap:var(--space-4);display:grid}.hsb__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hsb__head h3{margin:0}.hsb__chip{width:32px;height:32px}.hsb__row{align-items:center;gap:var(--space-4);grid-template-columns:minmax(180px,240px) 1fr 72px;display:grid}.hsb__value{font-variant-numeric:tabular-nums;text-align:right;color:var(--ciano);font-weight:700}@media (width<=640px){.hsb__row{grid-template-columns:1fr auto}.hsb__row .range{grid-area:2/1/auto/-1}}.range{--track:var(--cinza);width:100%;height:var(--target);cursor:pointer;appearance:none;background:0 0;margin:0}.range::-webkit-slider-runnable-track{border:2px solid var(--frame);border-radius:var(--radius-md);background:var(--track);height:18px}.range::-moz-range-track{border:2px solid var(--frame);border-radius:var(--radius-md);background:var(--track);height:14px}.zone-roxo .range::-webkit-slider-runnable-track{outline:2px solid var(--cinza)}.zone-roxo .range::-moz-range-track{outline:2px solid var(--cinza)}.range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--roxo);background:var(--cinza);border-radius:50%;width:28px;height:28px;margin-top:-7px}.range::-moz-range-thumb{border:3px solid var(--roxo);background:var(--cinza);border-radius:50%;width:22px;height:22px}.range:focus-visible{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-md)}.summary{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.summary__text{font-family:var(--font-display);margin:0;font-size:1.375rem;font-weight:600}.summary__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cmp-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=1024px){.cmp-grid{grid-template-columns:minmax(0,1fr)}}.cmp{gap:var(--space-4);align-content:start;display:grid}.cmp__title{margin:0;font-size:1.125rem}.cmp__previews{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cmp__fig{gap:var(--space-1);min-width:0;margin:0;display:grid}.cmp__caption{font-size:.8125rem;font-weight:700}.cmp__preview{padding:var(--space-3) var(--space-4);min-height:112px}.cmp__aa{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1.1;display:block}.cmp__sample{margin:var(--space-1) 0 0;font-size:.9375rem}.cmp__verdict{gap:var(--space-1) var(--space-3);grid-template-columns:auto 1fr;align-items:start;display:grid}.cmp__verdict .icon{width:28px;height:28px;color:var(--ciano);grid-row:span 2}.cmp__verdict-title{font-family:var(--font-display);color:var(--ciano);font-size:1.25rem;font-weight:600;line-height:1.2}.cmp__verdict-text{margin:0;font-size:.9375rem}.cmp__ratio{font-family:var(--font-display);color:var(--ciano);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:700;line-height:1}.cmp__ratio small{margin-top:var(--space-1);font-family:var(--font-body);color:var(--cinza);font-size:.75rem;font-weight:500;display:block}.badges{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--stroke-control) solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:500;display:inline-flex}.badge .icon{width:14px;height:14px}.badge--fail{border-color:var(--border);color:var(--ink);background:0 0}.harmony{gap:var(--space-8);grid-template-columns:minmax(260px,340px) 1fr;align-items:start;display:grid}@media (width<=900px){.harmony{grid-template-columns:1fr}}.wheel{gap:var(--space-3);justify-items:center;display:grid}.wheel__stage{aspect-ratio:1;width:min(300px,100%);position:relative}.wheel__disc{border:3px solid var(--frame);background:radial-gradient(circle closest-side,#fff,#fff0),conic-gradient(from 90deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red);border-radius:50%;position:absolute;inset:0}.wheel__svg{touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wheel__svg:focus-visible{outline:none}.wheel__stage:has(.wheel__svg:focus-visible){outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:6px;border-radius:50%}.wheel__svg:focus-visible .wheel__base-ring{stroke:var(--focus-ring);stroke-width:4px}.wheel__hint{text-align:center;max-width:34ch;margin:0;font-size:.875rem}.harmony__controls{gap:var(--space-6);display:grid}.chip-group{border:0;margin:0;padding:0}.chip-group legend{margin-bottom:var(--space-2);font-weight:700}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.chip span{min-height:var(--target);padding:0 var(--space-4);border:var(--stroke-control) solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;font-weight:500;display:inline-flex}.chip input:checked+span{background:var(--ink);color:var(--surface);font-weight:700}@media (hover:hover) and (pointer:fine){.chip input:not(:checked)+span:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}}.chip input:focus-visible+span{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:3px}.harmony__desc{margin:0}.harmony__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.mock-controls{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=860px){.mock-controls{grid-template-columns:1fr}}.roles{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;display:grid}.roles__reset{grid-column:1/-1;justify-self:start}.share-bar{height:44px;margin-bottom:var(--space-2);display:flex;overflow:hidden}.share-bar__seg{place-items:center;min-width:0;font-size:.8125rem;font-weight:700;display:grid}.share-legend{margin:0 0 var(--space-6);font-size:.875rem}.mockups{gap:var(--space-8);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=960px){.mockups{grid-template-columns:minmax(0,1fr)}}.mockups figure{margin:0}.mockups figcaption{margin-top:var(--space-2);font-weight:700}.msite{font-size:.875rem;line-height:1.4;overflow:hidden}.msite__bar{align-items:center;gap:6px;padding:8px 12px;display:flex}.msite__dot{border-radius:50%;width:10px;height:10px}.msite__url{overflow-wrap:anywhere;border-radius:999px;flex:1;min-width:0;margin-left:8px;padding:2px 10px;font-size:.75rem}.msite__nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;font-weight:700;display:flex}.msite__links{flex-wrap:wrap;gap:4px 16px;font-weight:500;display:flex}.msite__hero{padding:40px 20px 32px}.msite__h{font-family:var(--font-display);margin:0 0 8px;font-size:1.75rem;line-height:1.1}.msite__p{max-width:44ch;margin:0 0 16px}.msite__btn{border-radius:8px;padding:10px 18px;font-weight:700;display:inline-block}.msite__cards{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 24px;display:grid}.msite__card{border-radius:8px;padding:14px}.msite__card strong{margin-bottom:4px;display:block}.msite__foot{padding:10px 20px;font-size:.75rem}.mapp{aspect-ratio:9/18;border-radius:28px;flex-direction:column;width:min(280px,100%);margin-inline:auto;font-size:.8125rem;line-height:1.35;display:flex;position:relative;overflow:hidden}.mapp__status{justify-content:space-between;padding:8px 18px 4px;font-size:.6875rem;font-weight:700;display:flex}.mapp__appbar{font-family:var(--font-display);padding:10px 18px 14px;font-size:1.25rem;font-weight:700}.mapp__list{flex:1;align-content:start;gap:10px;padding:14px;display:grid}.mapp__item{border-radius:12px;padding:12px}.mapp__item strong{display:block}.mapp__fab{border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.75rem;font-weight:700;display:grid;position:absolute;bottom:70px;right:18px}.mapp__tabs{justify-content:space-around;padding:12px 8px 16px;font-size:.6875rem;font-weight:700;display:flex}.mapp__tab--active{border-radius:999px;padding:2px 10px}.mock-legend{margin:var(--space-6) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.mock-legend li{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.grading{margin-top:var(--space-12);gap:var(--space-6);display:grid}.grading__layout{gap:var(--space-8);grid-template-columns:minmax(240px,320px) 1fr;align-items:start;display:grid}@media (width<=860px){.grading__layout{grid-template-columns:1fr}}.grading__controls{gap:var(--space-4);min-width:0;display:grid}.dropzone{gap:var(--space-2);padding:var(--space-8) var(--space-4);border:var(--stroke-control) dashed var(--border);border-radius:var(--radius-lg);text-align:center;place-items:center;display:grid}.dropzone.is-over{border-style:solid;border-width:var(--stroke-accent)}.dropzone input[type=file]:focus-visible+.btn{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:3px}.dropzone__file-name{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:.8125rem}.grading__status{margin:0;font-weight:700}.grading__status:empty{margin:0}.stage{width:fit-content;min-width:min(100%,240px);max-width:100%;margin-inline:auto;line-height:0;position:relative;overflow:hidden}.stage canvas{width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.stage .stage__after{clip-path:inset(0 0 0 50%);width:100%;height:100%;max-height:none;position:absolute;inset:0}.stage__track{pointer-events:none;position:absolute;inset:0;transform:translate(50%)}.stage__divider{background:var(--frame);width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:0}.stage__tags{inset:var(--space-3) var(--space-3) auto;pointer-events:none;justify-content:space-between;line-height:1.2;display:flex;position:absolute}.stage__tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--roxo);color:var(--cinza);font-size:.75rem;font-weight:700}.stage-empty{min-height:240px;padding:var(--space-6);border:var(--stroke-control) dashed var(--border);border-radius:var(--radius-lg);text-align:center;place-items:center;display:grid}.tints-mode,.tint-row{margin-bottom:var(--space-6)}.tint-row__head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-weight:700;display:flex}.tint-scroll{padding-bottom:var(--space-2);overflow-x:auto}.tint-strip{grid-template-columns:repeat(19,minmax(40px,1fr));gap:4px;padding:8px;display:grid}.tint-cell{border:2px solid var(--frame);border-radius:var(--radius-sm);cursor:pointer;min-height:56px;padding:0}.tint-cell--base{border-width:5px}.tint-strip .tint-cell:focus-visible,[data-theme=dark] .tint-strip .tint-cell:focus-visible{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:2px}.tint-scale{text-align:center;grid-template-columns:repeat(19,minmax(40px,1fr));gap:4px;padding:0 8px;font-size:.75rem;font-weight:500;display:grid}.vision{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.vision__row{gap:var(--space-6);grid-template-columns:minmax(200px,1.3fr) auto minmax(180px,1fr);align-items:center;display:grid}@media (width<=860px){.vision__row{gap:var(--space-3);grid-template-columns:1fr}}.vision__row h3{margin-bottom:var(--space-1)}.vision__row p{margin:0;font-size:.9375rem}.vision__swatches{gap:var(--space-2);display:flex}.vision__swatch{width:64px;height:64px}.vision__worst strong{font-family:var(--font-display);color:var(--ciano);font-size:1.5rem;display:block}.export{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (width<=860px){.export{grid-template-columns:1fr}}.export__card{gap:var(--space-4);align-content:start;display:grid}.export__card h3{margin:0}.export__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.export__code{padding:var(--space-4);border:var(--stroke-control) solid var(--border);border-radius:var(--radius-md);white-space:pre;max-height:220px;margin:0;overflow:auto}.export__preview{height:96px;display:flex;overflow:hidden}.export__preview span{flex:1}.learn{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.learn__item h3{color:var(--ciano)}.learn__item ul,.learn__item ol{padding-left:var(--space-6);margin:0}.learn__item li+li{margin-top:var(--space-1)}.learn__item p:last-child{margin-bottom:0}.site-footer{padding-block:var(--space-12)}.site-footer__grid{gap:var(--space-8);grid-template-columns:auto 1fr 1.4fr;align-items:start;display:grid}@media (width<=860px){.site-footer__grid{grid-template-columns:1fr}}.site-footer__logo{border-radius:var(--radius-md);width:320px;max-width:100%;height:auto}.site-footer__title{font-size:1.125rem}.site-footer__links{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.site-footer__links a{min-height:var(--target);align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.site-footer__links a:hover{color:var(--ciano)}}.toast{left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:80;max-width:min(480px, 100% - 2 * var(--space-4));padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);background:var(--roxo);color:var(--cinza);transform:translate(-50%, calc(100% + var(--space-12)));visibility:hidden;transition:transform .15s var(--ease-out), visibility 0s linear .15s;pointer-events:none;font-weight:500;position:fixed}.toast.is-visible{visibility:visible;transition:transform var(--dur-ui) var(--ease-out), visibility 0s;transform:translate(-50%)}[data-theme=dark] .toast{border:var(--stroke-control) solid var(--ciano)}@media (prefers-reduced-motion:reduce){.btn,.toast{transition:none}.btn:active{transform:none}}.gate__inner{justify-items:center;gap:var(--space-4);text-align:center;display:grid}.gate__inner .section__lead{max-width:56ch}.gate__dots{gap:var(--space-3);display:flex}.gate__dots span{border:var(--stroke-accent) dashed var(--border);border-radius:50%;width:56px;height:56px}.gate:focus{outline:none}.gate:focus-visible{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:-6px}.presets__credit,.info-panel__source,.source-link{font-size:.875rem}.presets__credit{margin:calc(var(--space-2) * -1) 0 var(--space-6)}.info-panel__source{margin-top:var(--space-2);display:block}.source-link{margin-left:var(--space-1);font-weight:500;display:inline-block}.sources{margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--stroke-control) solid var(--border);font-size:.875rem}.sources a{padding-block:var(--space-1);font-weight:700;display:inline-block}.tag-new{margin-right:var(--space-2);padding:2px var(--space-2);border:var(--stroke-control) solid var(--border);letter-spacing:.02em;border-radius:999px;display:inline-block}.callout--note{margin-top:var(--space-4)}.harmony__wheel-title{margin:0 0 var(--space-3);font-weight:700}.form-steps{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.form-step{grid-template-columns:minmax(0,1fr);display:grid}.form-step__body{gap:var(--space-3);min-width:0;padding-bottom:var(--space-6);border-bottom:var(--stroke-control) solid var(--border);display:grid}.form-step__body>.info-btn{justify-self:start}.form-step:last-child .form-step__body{border-bottom:0;padding-bottom:0}.form-step__title{margin:0;font-size:1.25rem}.form-step__hint{margin:0;font-size:.9375rem}.chip-group--sub legend{font-size:.875rem}.draft{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=640px){.draft{grid-template-columns:minmax(0,1fr)}}.draft__label{margin:0 0 var(--space-2);font-size:.875rem;font-weight:700}.draft__swatches{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.draft__item{gap:var(--space-1);min-width:0;display:grid}.draft__swatch{border-radius:var(--radius-sm);height:56px;display:block}.draft__hex{overflow-wrap:anywhere;font-size:.75rem;font-weight:700}.draft__status{margin:var(--space-2) 0 0;font-size:.875rem}.grading__lead{max-width:72ch}.grade-legend{margin-bottom:var(--space-4)}.grade-legend__title{margin:0 0 var(--space-2);font-weight:700}.grade-legend__ramps{gap:var(--space-2) var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:center;font-size:.8125rem;display:grid}.grade-legend__bar{border-radius:var(--radius-sm);height:20px;display:block}.grade-legend__bar--gray{background:linear-gradient(90deg,#000,#fff)}.grade-legend__list{gap:var(--space-1);margin:var(--space-3) 0 0;padding:0;font-size:.9375rem;list-style:none;display:grid}.grade-legend__list li{align-items:center;gap:var(--space-2);display:flex}.learn__item--wide{grid-column:1/-1}.sobre__text{max-width:68ch;font-size:1.125rem}.sobre__sign{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.sobre__sign:before{content:"— "}.cta{padding-block:var(--space-12)}.cta__inner{gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}@media (width<=760px){.cta__inner{grid-template-columns:minmax(0,1fr);justify-items:start}}.cta__text{font-family:var(--font-display);margin:0;font-size:clamp(1.25rem,1rem + 1.2vw,1.75rem);font-weight:700;line-height:1.3}.site-footer__grid{grid-template-columns:auto auto minmax(0,1fr);align-items:center}@media (width<=1024px){.site-footer__grid{grid-template-columns:auto minmax(0,1fr)}.site-footer__grid>:first-child{grid-column:1/-1}}@media (width<=560px){.site-footer__grid{grid-template-columns:minmax(0,1fr)}}.clawd{align-items:flex-end;gap:var(--space-6);margin:0;display:flex}.clawd__art{flex:none;width:144px;height:auto}.clawd__bubble{max-width:52ch;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--cinza);color:var(--roxo);font-family:var(--font-display);border-radius:24px;font-size:1.0625rem;font-weight:700;line-height:1.4;position:relative}.clawd__bubble:before{content:"";border-style:solid;border-width:10px 20px 10px 0;border-color:transparent var(--cinza) transparent transparent;position:absolute;bottom:14px;left:-18px}@media (width<=560px){.clawd{align-items:flex-start;gap:var(--space-6);flex-direction:column-reverse}.clawd__bubble{margin-bottom:0}.clawd__bubble:before{border-width:20px 10px 0;border-color:var(--cinza) transparent transparent transparent;bottom:-18px;left:40px}}@media (prefers-reduced-motion:reduce){.hero-dot{translate:none!important}}.toolbar__reset{margin-left:auto}.gate__restore{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}