:root{--bg: #0f1115;--panel: rgba(24, 27, 34, .8);--panel-solid: #181b22;--panel-2: #1e222b;--text: #e8eaee;--muted: #98a1b0;--border: #2a2f3a;--accent: #8a42fc;--accent-2: #48d597;--hover: #251a42;--ok: #48d597;--bad: #f87171;--warn: #fbbf24;--radius: 10px;--radius-sm: 8px;--brand-grad: linear-gradient(125deg, #8a42fc 0%, #7b55f0 48%, #48d597 130%);--header-bg: rgba(24, 27, 34, .72);--glow-1: rgba(138, 66, 252, .18);--glow-2: rgba(72, 213, 151, .08);--shadow: rgba(0, 0, 0, .5);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}:root[data-theme=light]{--bg: #f5f6f8;--panel: rgba(255, 255, 255, .85);--panel-solid: #fff;--panel-2: #f0f1f5;--text: #16181d;--muted: #5d6573;--border: #dfe3ea;--hover: #f1e8ff;--ok: #16a36a;--bad: #b91c1c;--warn: #b45309;--header-bg: rgba(255, 255, 255, .8);--glow-1: rgba(138, 66, 252, .12);--glow-2: rgba(72, 213, 151, .1);--shadow: rgba(22, 24, 29, .15);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0 1.5rem;min-height:100vh;font-family:var(--font);font-size:.875rem;line-height:1.45;color:var(--text);background-color:var(--bg);background-image:radial-gradient(ellipse 60% 40% at 15% -10%,var(--glow-1),transparent 70%),radial-gradient(ellipse 50% 40% at 100% 0%,var(--glow-2),transparent 70%);background-repeat:no-repeat;background-attachment:fixed}h1,h2,h3,h4,p{margin:0}h3{font-size:1rem;font-weight:600}small{font-size:.75rem}a{color:var(--accent);text-decoration-style:dotted;text-underline-offset:.125rem}a:hover{color:var(--accent-2)}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}.icon{flex-shrink:0}.loading{color:var(--muted);padding:2rem;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.card{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.125rem}.card__title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600}.card__lead{color:var(--muted);margin-bottom:1rem;max-width:70ch}.card--details{padding:0}.card__summary{cursor:pointer;padding:1rem 1.125rem;margin:0;list-style:none;user-select:none}.card__summary::-webkit-details-marker{display:none}.card__summary .icon:last-child{margin-left:auto;color:var(--muted);transition:transform .2s}.card--details[open] .card__summary .icon:last-child{transform:rotate(180deg)}.card--details>:not(summary){padding:0 1.125rem 1.125rem}.subtitle{font-size:.8125rem;font-weight:600;color:var(--muted);margin:1rem 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.subtitle:first-child{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.375rem;padding:0 .875rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);white-space:nowrap;transition:border-color .15s,background-color .15s,box-shadow .2s,filter .2s,transform .1s}.btn .icon{color:var(--accent)}.btn:hover:not(:disabled){border-color:var(--accent);background:var(--hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--brand-grad);border:none;color:#fff;font-weight:600;padding:0 1.125rem}.btn--primary .icon{color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-grad);box-shadow:0 4px 20px #8a42fc73;filter:brightness(1.08)}.btn--ghost{background:transparent;border-color:transparent}.btn--sm{height:1.875rem;padding:0 .625rem;font-size:.8125rem}.btn--icon{width:2.375rem;padding:0}.field{display:flex;flex-direction:column;gap:.375rem;min-width:0}.field__label{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field__hint{color:var(--muted)}.num,.cf__input,.cp__input,.text-input{height:2.375rem;padding:0 .625rem;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.num{width:5rem}.text-input{width:100%}.num:hover,.cf__input:hover,.cp__input:hover,.text-input:hover{border-color:var(--accent)}.num:focus-visible,.cf__input:focus-visible,.cp__input:focus-visible,.text-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8a42fc40}textarea.text-input{height:auto;padding:.5rem .625rem;resize:vertical;font-family:inherit}.cf{display:flex;align-items:center;gap:.5rem;min-width:0}.cf__swatch{width:2.375rem;height:2.375rem;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border);padding:0}.cf__swatch:hover{border-color:var(--accent)}.cf__input{flex:1;font-family:var(--mono);width:100%;min-width:6rem}.dropdown{position:relative;display:inline-block}.dropdown__button{display:inline-flex;align-items:center;gap:.5rem;height:2.375rem;padding:0 .5rem 0 .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.dropdown__button:hover,.dropdown__button[aria-expanded=true]{border-color:var(--accent)}.dropdown__icon{display:flex;color:var(--accent)}.dropdown__chevron{display:flex;color:var(--muted);transition:transform .2s}.dropdown__button[aria-expanded=true] .dropdown__chevron{transform:rotate(180deg)}.dropdown__menu{position:absolute;top:calc(100% + .375rem);min-width:100%;max-height:18rem;overflow:auto;z-index:60;margin:0;padding:.375rem;list-style:none;background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 .75rem 2rem var(--shadow);animation:pop-in .12s ease-out}.dropdown__menu--left{left:0}.dropdown__menu--right{right:0}.dropdown__menu[hidden]{display:none}.dropdown__menu:focus{outline:none}.dropdown__option{position:relative;padding:.5rem .75rem .5rem 2rem;border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer}.dropdown__option--active{background:var(--hover)}.dropdown__option--selected{color:var(--accent);font-weight:600}.dropdown__check{position:absolute;left:.5rem;top:50%;display:none;transform:translateY(-50%)}.dropdown__option--selected .dropdown__check{display:grid}@keyframes pop-in{0%{opacity:0;transform:translateY(-.25rem)}}.slider{display:flex;flex-direction:column;gap:.5rem}.slider__head{display:flex;justify-content:space-between;gap:.5rem}.slider__label{font-size:.8125rem}.slider__value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.slider__hint{color:var(--muted)}.slider__input{-webkit-appearance:none;appearance:none;margin:0;width:100%;height:.375rem;border-radius:.3125rem;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--fill, 50%),var(--border) var(--fill, 50%))}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;height:1.125rem;width:1.125rem;border-radius:50%;border:2px solid #fff;background:var(--accent);box-shadow:0 1px 4px #0006;transition:transform .1s}.slider__input::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider__input::-moz-range-thumb{height:1.125rem;width:1.125rem;border-radius:50%;border:2px solid #fff;background:var(--accent)}.slider__input::-moz-range-track{background:transparent}.segmented{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.segmented__btn{height:1.875rem;padding:0 .75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);transition:background-color .15s,color .15s}.segmented__btn:hover{color:var(--text)}.segmented__btn--on{background:var(--brand-grad);color:#fff;font-weight:600}.toggle{display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;user-select:none}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;width:2.25rem;height:1.25rem;flex-shrink:0;border-radius:999px;background:var(--border);transition:background-color .2s}.toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .2s}.toggle__input:checked+.toggle__track{background:var(--accent)}.toggle__input:checked+.toggle__track:after{transform:translate(1rem)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--accent);outline-offset:2px}.popover{position:fixed;z-index:100;padding:.75rem;background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1rem 2.5rem var(--shadow);animation:pop-in .12s ease-out;max-width:calc(100vw - 1rem)}.cp{width:17rem;display:flex;flex-direction:column;gap:.75rem}.cp__sv{position:relative;width:100%;aspect-ratio:3 / 2;border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue, red))}.cp__thumb{position:absolute;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080,0 1px 4px #00000080;pointer-events:none}.cp__hue-row{display:flex;align-items:center;gap:.5rem}.cp__hue{-webkit-appearance:none;appearance:none;flex:1;height:.75rem;margin:0;border-radius:999px;cursor:pointer;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp__hue::-webkit-slider-thumb{-webkit-appearance:none;width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid #fff;background:transparent;box-shadow:0 0 0 1px #00000080,0 1px 4px #00000080}.cp__hue::-moz-range-thumb{width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid #fff;background:transparent}.cp__fields{display:grid;gap:.375rem}.cp__row{display:grid;grid-template-columns:3.25rem 1fr;align-items:center;gap:.5rem}.cp__label{font-size:.6875rem;font-weight:700;color:var(--muted);letter-spacing:.05em}.cp__input{height:2rem;font-family:var(--mono);font-size:.8125rem;width:100%}.cp__input--bad{border-color:var(--bad)}.toast{position:fixed;top:1.25rem;left:50%;z-index:1000;transform:translate(-50%);max-width:90vw;padding:.75rem 1.5rem;background:var(--panel-solid);color:var(--text);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 .5rem 1.5rem var(--shadow);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,top .3s}.toast.show{opacity:1;visibility:visible;top:2.5rem}.toast.hide{opacity:0;visibility:hidden;transform:translate(-50%) translateY(-1.25rem);top:1.25rem}::-webkit-scrollbar{width:.75rem;height:.75rem}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:.375rem;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:30rem){body{padding:0 .75rem}}.shell{max-width:93.75rem;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.header{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(8px)}.header__brand{display:flex;align-items:center;gap:.75rem;min-width:0}.header__logo{width:2.5rem;height:2.5rem;border-radius:.625rem;box-shadow:0 0 1.25rem #8a42fc73;flex-shrink:0}.header__title{font-size:1.375rem;font-weight:700;line-height:1.2}.header__subtitle{font-size:.75rem;color:var(--muted)}.header__controls{display:flex;align-items:center;gap:.75rem}.nav{position:sticky;top:.5rem;z-index:15;display:flex;gap:.375rem;padding:.375rem;overflow-x:auto;scrollbar-width:thin;background:var(--header-bg);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px var(--shadow)}.nav__btn{display:inline-flex;align-items:center;gap:.5rem;height:2.375rem;padding:0 1rem;flex-shrink:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);white-space:nowrap;transition:background-color .15s,color .15s}.nav__btn:hover{color:var(--text);background:var(--hover)}.nav__btn--on,.nav__btn--on:hover{background:var(--brand-grad);color:#fff;font-weight:600}.main{flex:1;min-width:0}.panel-module{display:flex;flex-direction:column;gap:1rem}.panel-module[hidden]{display:none}.footer__text{display:flex;align-items:center;gap:.25rem;padding:.5rem 0 1.5rem;color:var(--muted)}.footer__heart{display:inline-flex;color:var(--accent)}.footer__heart .icon{fill:currentColor}.rismirez{color:var(--text);text-decoration:none}.rismirez:hover{color:var(--accent);text-decoration:underline dotted}@media(max-width:40rem){.header__subtitle{display:none}.header__title{font-size:1.125rem}.nav__btn{padding:0 .75rem}}.about{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:52rem;margin-inline:auto;text-align:left}.about .card__title{margin:0;font-size:1.125rem}.about__intro{color:var(--muted)}.about__sub{margin-top:.5rem;font-size:.9375rem}.about__features{margin:0;padding-left:1.25rem;display:grid;gap:.375rem;color:var(--muted)}.faq{display:grid;gap:.5rem}.faq__item{border:1px solid var(--border);border-radius:var(--radius)}.faq__q{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;font-weight:600;cursor:pointer;list-style:none}.faq__q::-webkit-details-marker{display:none}.faq__q .icon{color:var(--muted);transition:transform .2s}.faq__item[open] .faq__q .icon{transform:rotate(180deg)}.faq__a{padding:0 1rem 1rem;color:var(--muted)}.toolbar{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1fr);gap:1.25rem;align-items:stretch}.toolbar__main,.toolbar__gen{display:flex;flex-direction:column;gap:.75rem;min-width:0}.toolbar__sep{width:1px;background:var(--border)}.toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.toolbar__row[hidden],.num[hidden]{display:none}.toolbar__btns,.btnrow{display:flex;flex-wrap:wrap;gap:.5rem}.params{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.params__col{display:flex;flex-direction:column;gap:.75rem;align-content:start}.card--palette{padding:.75rem}.palette-layout{display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:1rem}.strip{display:flex;gap:.5rem;height:26rem}.swatch{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--radius);overflow:hidden;transition:background-color .35s ease,color .35s ease,flex-grow .2s,opacity .2s,box-shadow .2s}.swatch--drag{opacity:.4}.swatch--over{box-shadow:0 0 0 3px var(--accent)}.swatch__lock{align-self:flex-start;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:#8080802e;color:inherit;opacity:.55;transition:opacity .15s,background-color .15s}.swatch:hover .swatch__lock,.swatch__lock:focus-visible,.swatch--locked .swatch__lock{opacity:1}.swatch--locked .swatch__lock{background:#80808059}.swatch__info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0;max-width:100%}.swatch__name{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch__hex{padding:0;border:0;background:transparent;color:inherit;font-family:var(--mono);font-size:1.25rem;font-weight:700;letter-spacing:.02em}.swatch__hex:hover{text-decoration:underline dotted}.swatch__meta{font-size:.6875rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.swatch__acts{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:.5rem;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.swatch:hover .swatch__acts,.swatch:focus-within .swatch__acts{opacity:1;transform:none}.swatch__act{display:grid;place-items:center;height:2rem;border:0;border-radius:.5rem;background:#80808033;color:inherit;transition:background-color .15s}.swatch__act:hover:not(:disabled){background:#80808066}.wheel__ring{position:relative;width:100%;max-width:13rem;aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle closest-side,#fff,transparent 100%),conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}:root:not([data-theme=light]) .wheel__ring{background:radial-gradient(circle closest-side,#cfd3da,transparent 100%),conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.wheel__svg{position:absolute;inset:0;width:100%;height:100%}.wheel__shape{fill:#ffffff2e;stroke:#0000008c;stroke-width:1.5;stroke-dasharray:4 3}.wheel__dot{stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.wheel__caption{display:block;margin-top:.75rem;text-align:center;color:var(--muted)}.vars{display:flex;flex-direction:column;gap:.75rem;width:17rem}.vars__group{display:flex;flex-direction:column;gap:.375rem}.vars__label{font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.vars__row{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.vars__swatch{width:2.75rem;height:2.25rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;transition:transform .1s}.vars__swatch:hover{transform:scale(1.08)}.vars__hex{font:600 .625rem var(--mono);text-transform:uppercase}.scale__name{color:var(--muted);font-weight:600}.scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:.375rem;margin:1rem 0}.step{position:relative;display:flex;flex-direction:column;gap:.125rem;align-items:flex-start;min-height:9rem;padding:.625rem;border:0;border-radius:var(--radius-sm);text-align:left;transition:transform .12s,box-shadow .12s}.step:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow)}.step--base{box-shadow:0 0 0 2px var(--accent),0 0 0 4px var(--bg)}.step__n{font-weight:700;font-size:.9375rem}.step__hex{font-family:var(--mono);font-size:.75rem;font-weight:600;margin-bottom:.25rem}.step__detail{font-size:.625rem;opacity:.8;line-height:1.3;word-break:break-word}.step__badge{position:absolute;right:.375rem;top:.375rem;padding:.0625rem .375rem;border-radius:999px;background:#80808059;font-size:.5625rem;font-weight:700;text-transform:uppercase}.shades{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:1.5rem;margin-bottom:1rem}.shades__controls{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.shades__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.shades__list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.shades__selected .color-box{border-radius:var(--radius-sm);border:1px solid var(--border)}.color-box{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.5rem;height:2.5rem;padding:0 3rem 0 1rem;font-size:.8125rem}.color-box__copy{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:.375rem;background:transparent;color:inherit;opacity:.75}.color-box__copy:hover{opacity:1;background:#80808040}.export{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.export__col{display:flex;flex-direction:column;gap:.75rem;min-width:0;align-items:flex-start}.export__col .segmented{max-width:100%}.toggles{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.export__preview{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:repeating-conic-gradient(var(--panel-2) 0 25%,transparent 0 50%) 0 0 / 16px 16px}.export__canvas{display:block;width:100%;height:auto}@media(max-width:80rem){.scale{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:64rem){.toolbar{grid-template-columns:1fr}.toolbar__sep{display:none}.params,.palette-layout{grid-template-columns:1fr}.palette-layout__wheel{order:-1;display:none}.shades,.export{grid-template-columns:1fr}}@media(max-width:48rem){.strip{flex-direction:column;height:auto}.swatch{flex:0 0 auto;flex-direction:row;align-items:center;min-height:5.5rem;flex-wrap:wrap;row-gap:.5rem}.swatch__acts{opacity:1;transform:none;margin:0;grid-template-columns:repeat(8,1fr);width:100%}.swatch__hex{font-size:1rem}.scale{grid-template-columns:repeat(4,minmax(0,1fr))}.shades__cols{grid-template-columns:1fr}}@media(hover:none){.swatch__acts{opacity:1;transform:none}}.ext{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem;align-items:start}.ext__panel{display:flex;flex-direction:column;gap:1rem}.ext__panel[hidden]{display:none}.hint{color:var(--muted);font-size:.8125rem}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;min-height:20rem;padding:2rem;border:2px dashed color-mix(in srgb,var(--accent) 60%,transparent);border-radius:var(--radius);color:var(--accent);cursor:pointer;transition:background-color .2s,border-color .2s}.drop strong{color:var(--text);font-size:1.0625rem}.drop:hover,.drop--over{background:var(--hover);border-color:var(--accent)}.drop[hidden],.stage[hidden]{display:none}.stage{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.stage__wrap{position:relative;width:100%;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);line-height:0}.stage__canvas{display:block;width:100%;height:auto;cursor:crosshair}.markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;width:1.125rem;height:1.125rem;margin:-.5625rem 0 0 -.5625rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009}.marker--last{width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;box-shadow:0 0 0 2px #000,0 2px 8px #00000080}.variants{display:flex;flex-direction:column;gap:.75rem}.variant-wrap{display:flex;flex-direction:column;gap:.25rem}.variant__name{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.variant{display:flex;align-items:center;gap:.5rem;padding:.375rem;border:1px solid var(--border);border-radius:var(--radius)}.variant--on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.variant__bar{display:flex;flex:1;height:2.5rem;border-radius:var(--radius-sm);overflow:hidden}.variant__seg{flex-basis:0;min-width:.5rem}.res-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.res{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,11rem) auto;gap:.5rem;align-items:center}.chip{display:flex;flex-direction:column;justify-content:center;min-height:2.5rem;padding:.375rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);transition:background-color .3s}.chip__name{font-weight:600;line-height:1.2}.chip__meta{font-size:.6875rem;opacity:.8}.res__acts{display:flex}.picks{display:flex;flex-direction:column;gap:.5rem}.pick{display:flex;align-items:center;gap:.5rem}.pick__sw{width:2rem;height:2rem;border:1px solid var(--border);border-radius:.375rem;padding:0}.pick__hex{font-family:var(--mono);flex:1}@media(max-width:64rem){.ext{grid-template-columns:1fr}.res{grid-template-columns:1fr auto}.res .cf{grid-column:1 / -1;order:3}}.checker{display:grid;gap:1.25rem}.checker__inputs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.checker__inputs .field{flex:1 1 12rem}.checker__inputs .checker__target{flex:0 0 auto}.checker__out{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem}.checker__preview{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);transition:background-color .2s,color .2s}.checker__large{font-size:1.5rem;font-weight:700}.checker__normal{font-size:1rem}.checker__small{font-size:.75rem}.checker__result{display:flex;flex-direction:column;gap:.75rem}.checker__ratio{font-size:2.25rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.checker__grade{font-weight:600}.is-ok{color:var(--ok)}.is-warn{color:var(--warn)}.is-bad{color:var(--bad)}.badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}.badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;border:1px solid var(--border)}.badge--ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.badge--bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent)}.badge--ok-text{display:flex;align-items:center;gap:.375rem;color:var(--ok)}.fixes{display:flex;flex-direction:column;gap:.5rem}.fix{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius)}.fix__sample{display:grid;place-items:center;width:3rem;height:2.5rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-weight:700}.fix__info{display:flex;flex-direction:column;flex:1;min-width:0}.fix__mini{display:inline-grid;place-items:center;width:1.5rem;height:1.25rem;border-radius:.25rem;font-size:.6875rem;font-weight:700}.matrix-wrap{overflow-x:auto}.matrix{border-collapse:separate;border-spacing:4px}.matrix th{font-weight:400;padding:0;text-align:center}.matrix__corner{text-align:left!important;white-space:nowrap;padding-right:.5rem!important}.matrix__sw{display:block;width:1.5rem;height:1.5rem;border-radius:.375rem;border:1px solid var(--border);margin:0 auto}.matrix__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.25rem;height:3.25rem;border-radius:var(--radius-sm);border:2px solid transparent;transition:transform .1s}button.matrix__cell:hover{transform:scale(1.06)}.matrix__cell--self{color:var(--muted);background:var(--panel-2)}.matrix__aa{font-weight:800;font-size:1.125rem;line-height:1}.matrix__ratio{font-size:.6875rem;font-weight:600}.matrix__cell--aaa{border-color:var(--ok)}.matrix__cell--aa{border-color:color-mix(in srgb,var(--ok) 60%,var(--warn))}.matrix__cell--large{border-color:var(--warn)}.matrix__cell--fail{border-color:var(--bad);border-style:dashed}.legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.75rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:.375rem}.dot{width:.75rem;height:.75rem;border-radius:50%;border:2px solid;display:inline-block}.dot--aaa{border-color:var(--ok)}.dot--aa{border-color:color-mix(in srgb,var(--ok) 60%,var(--warn))}.dot--large{border-color:var(--warn)}.dot--fail{border-color:var(--bad);border-style:dashed}.roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.5rem}.role{display:flex;align-items:center;gap:.625rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius)}.role__sw{width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0}.role__info{display:flex;flex-direction:column;min-width:0;flex:1}.role__tags{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;color:var(--muted);border:1px solid var(--border);text-decoration:line-through;opacity:.6}.tag--on{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);text-decoration:none;opacity:1}.issues{display:flex;flex-direction:column;gap:.5rem}.issue{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius)}.issue__pair{display:flex;align-items:center;gap:.75rem}.issue__sw{display:grid;place-items:center;width:3rem;height:2.5rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-weight:700}.issue__info{display:flex;flex-direction:column}.issue__fixes{display:flex;flex-wrap:wrap;gap:.375rem}.cvd-list{display:flex;flex-direction:column;gap:.5rem}.cvd{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:.75rem}.cvd__name{font-weight:600}.cvd__strip{display:flex;height:3rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.cvd__seg{flex:1;display:grid;place-items:center;font:600 .6875rem var(--mono);min-width:0}.warns{display:flex;flex-direction:column;gap:.375rem}.warn{display:flex;align-items:center;gap:.5rem;color:var(--warn)}.warn__sw{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--border)}.warn span:nth-child(2){color:var(--text);flex:0 1 auto}.prev{display:grid;grid-template-columns:22rem minmax(0,1fr);gap:1rem;align-items:start}.roles-edit{display:flex;flex-direction:column;gap:1rem}.role-row{display:flex;flex-direction:column;gap:.375rem}.role-row__head{display:flex;flex-direction:column}.role-chips{display:flex;flex-wrap:wrap;gap:.25rem}.role-chip{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--border);padding:0}.role-chip.is-on{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}.prev__view{padding:.75rem}.prev__note{margin-top:.5rem;font-size:.8125rem;font-weight:600}.toolbar-lite{display:flex;flex-direction:column;gap:.5rem}.tpl{container-type:inline-size;background:var(--background);color:var(--text);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:13px;line-height:1.4;transition:filter .2s}.tpl *{box-sizing:border-box}.tpl h2{margin:0;line-height:1.15}.tpl-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.tpl-btn{display:inline-flex;align-items:center;background:var(--primary);color:var(--on-primary);padding:7px 14px;border-radius:8px;font-weight:600;font-size:12px;align-self:flex-start}.tpl-btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.tpl-btn--accent{background:var(--accent);color:var(--on-accent)}.tpl-btn--light{color:inherit;border-color:currentColor}.tpl-btns{display:flex;gap:8px;flex-wrap:wrap}.tpl-muted{color:var(--muted)}.tpl-line{display:block;height:7px;border-radius:4px;background:var(--border)}.tpl-chip,.tpl-tag{background:var(--accent);color:var(--on-accent);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;align-self:flex-start}.tpl-dot{width:10px;height:10px;border-radius:50%;background:var(--secondary);flex-shrink:0}.tpl-big{font-size:24px}.tpl-logo{color:var(--primary);font-size:16px}.tpl-grow{flex:1;display:flex;flex-direction:column;gap:5px}.tpl-row{display:flex;gap:8px;align-items:center}.tpl-accent-text{color:var(--accent)}.tpl-link{color:var(--muted)}.tpl-grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.tpl-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px}.tpl-icon{width:28px;height:28px;border-radius:8px;background:var(--primary);display:block}.tpl-icon.is-1{background:var(--secondary)}.tpl-icon.is-2{background:var(--accent)}.tpl-dash{display:grid;grid-template-columns:140px minmax(0,1fr);min-height:440px}.tpl-dash__side{background:var(--surface);border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:4px}.tpl-dash__side .tpl-logo{margin-bottom:12px;padding-left:8px}.tpl-nav{padding:7px 8px;border-radius:8px;color:var(--muted)}.tpl-nav.is-on{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);font-weight:600}.tpl-dash__main{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.tpl-bar{display:flex;justify-content:space-between;align-items:center}.tpl-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tpl-bars{display:flex;align-items:flex-end;gap:6px;height:110px;margin-top:6px}.tpl-bar-i{flex:1;background:var(--primary);border-radius:4px 4px 0 0}.tpl-bar-i.is-2{background:var(--secondary)}.tpl-bar-i.is-3{background:var(--accent)}.tpl-phone-wrap{display:grid;place-items:center;padding:24px 12px}.tpl-phone{position:relative;width:280px;height:540px;border:7px solid var(--text);border-radius:32px;overflow:hidden;background:var(--background);display:flex;flex-direction:column}.tpl-phone__head{background:var(--primary);color:var(--on-primary);padding:22px 16px 14px;display:flex;justify-content:space-between;align-items:center}.tpl-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent)}.tpl-phone__body{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.tpl-hero-card{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--on-primary);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px}.tpl-row-card{flex-direction:row;align-items:center;gap:10px;padding:10px}.tpl-fab{position:absolute;right:16px;bottom:64px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:24px;box-shadow:0 4px 12px #00000040}.tpl-tabs{display:flex;justify-content:space-around;padding:12px;background:var(--surface);border-top:1px solid var(--border)}.tpl-tab{width:22px;height:6px;border-radius:4px;background:var(--border)}.tpl-tab.is-on{background:var(--primary)}.tpl-web__nav{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.tpl-web__hero{padding:36px 20px;display:flex;flex-direction:column;gap:10px;max-width:520px}.tpl-web__hero h2{font-size:28px;color:var(--primary)}.tpl-web__foot{padding:14px 20px;background:var(--secondary);color:var(--on-secondary)}.tpl-search{flex:1;padding:7px 12px;border-radius:99px;border:1px solid var(--border);color:var(--muted);background:var(--background)}.tpl-shop__filters{display:flex;gap:8px;padding:14px 20px}.tpl-pill{padding:5px 12px;border-radius:99px;border:1px solid var(--border);color:var(--muted)}.tpl-pill.is-on{background:var(--primary);color:var(--on-primary);border-color:transparent}.tpl-product{padding:8px}.tpl-img{height:110px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.tpl-img.is-1{background:linear-gradient(135deg,var(--secondary),var(--accent))}.tpl-img.is-2{background:linear-gradient(135deg,var(--accent),var(--primary))}.tpl-price{display:flex;align-items:center;gap:8px}.tpl-land__hero{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--on-primary);padding:40px 24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:20px}.tpl-land__hero h2{font-size:30px;max-width:460px}.tpl-land__hero p{max-width:420px;opacity:.9;margin:0}.tpl-price-card{margin:0 20px 20px;max-width:260px;align-items:flex-start}.tpl-brand{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tpl-brand__logo{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:14px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.tpl-mark{display:flex}.tpl-mark i{width:34px;height:34px;border-radius:50%;margin-left:-10px;mix-blend-mode:multiply}.tpl-mark i:nth-child(1){background:var(--primary);margin-left:0}.tpl-mark i:nth-child(2){background:var(--secondary)}.tpl-mark i:nth-child(3){background:var(--accent)}.tpl-wordmark{font-size:28px;letter-spacing:-.02em}.tpl-brand__cards{display:contents}.tpl-bcard{aspect-ratio:1.75;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 18px #00000026}.tpl-bcard--front{background:var(--primary);color:var(--on-primary)}.tpl-bcard--back{background:var(--surface);border:1px solid var(--border)}.tpl-brand__swatches{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.tpl-sw{padding:28px 8px 8px;font-size:11px;font-weight:600}.tpl-sw--primary{background:var(--primary);color:var(--on-primary)}.tpl-sw--secondary{background:var(--secondary);color:var(--on-secondary)}.tpl-sw--accent{background:var(--accent);color:var(--on-accent)}.tpl-sw--surface{background:var(--surface)}.tpl-sw--text{background:var(--text);color:var(--background)}.tpl-type{grid-column:1 / -1;margin:0;font-size:40px}.tpl-poster{max-width:400px;aspect-ratio:3 / 4;margin:20px auto;padding:22px;background:var(--primary);color:var(--on-primary);display:flex;flex-direction:column;justify-content:space-between;border-radius:4px;box-shadow:0 10px 30px #0003}.tpl-poster__top,.tpl-poster__foot{display:flex;justify-content:space-between;align-items:center}.tpl-poster__title{font-size:44px;letter-spacing:-.03em;text-transform:uppercase}.tpl-poster__shapes{display:flex;gap:10px;align-items:flex-end}.tpl-circle{width:70px;height:70px;border-radius:50%;background:var(--accent)}.tpl-bar-shape{width:40px;height:100px;background:var(--secondary)}.tpl-tri{width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:70px solid var(--background)}.tpl-poster__sub{margin:0;max-width:220px;font-size:14px}.tpl-poster .tpl-line{background:color-mix(in srgb,var(--on-primary) 55%,transparent)}.tpl-game{min-height:440px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.tpl-game__hud{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.tpl-meter{display:flex;flex-direction:column;gap:3px;flex:0 1 160px}.tpl-meter__bar{display:block;height:10px;border-radius:99px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.tpl-meter__bar i{display:block;height:100%;background:var(--accent)}.tpl-meter__bar.is-2 i{background:var(--secondary)}.tpl-score{margin-left:auto;color:var(--primary);letter-spacing:.08em}.tpl-game__menu{display:flex;flex-direction:column;align-items:center;gap:10px}.tpl-game__menu h2{font-size:34px;letter-spacing:.12em;color:var(--primary);text-shadow:0 0 18px color-mix(in srgb,var(--primary) 60%,transparent)}.tpl-game__menu .tpl-btn{align-self:center;min-width:140px;justify-content:center}.tpl-game__inv{display:flex;justify-content:center;gap:8px}.tpl-slot{width:44px;height:44px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.tpl-slot.is-on{border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}@media(max-width:64rem){.checker__out,.prev{grid-template-columns:1fr}}@media(max-width:40rem){.cvd{grid-template-columns:1fr;gap:.25rem}.tpl-dash{grid-template-columns:1fr}.tpl-dash__side{flex-direction:row;flex-wrap:wrap}.tpl-kpis,.tpl-grid3,.tpl-grid2,.tpl-brand{grid-template-columns:1fr}}.seeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem 1rem;margin-bottom:1rem}.prims{display:flex;flex-direction:column;gap:.5rem}.prim{display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.75rem}.prim__name{font-weight:600;text-transform:capitalize}.prim__strip{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:2px;border-radius:var(--radius-sm);overflow:hidden}.prim__step{height:2.5rem;border:0;padding:0;display:grid;place-items:end center;font-size:.5625rem;font-weight:700;color:transparent;transition:color .1s}.prim__step:hover{color:#fff;text-shadow:0 0 3px #000}.sys-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1rem;align-items:start}.sys-side{display:flex;flex-direction:column;gap:1rem}.sys-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem}.sys-head .card__title{margin:0;flex:1}.tokens{display:flex;flex-direction:column;gap:.5rem}.tgroup{border:1px solid var(--border);border-radius:var(--radius)}.tgroup__head{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;cursor:pointer;list-style:none}.tgroup__head::-webkit-details-marker{display:none}.tgroup__head .icon:last-child{margin-left:auto;color:var(--muted);transition:transform .2s}.tgroup[open] .tgroup__head .icon:last-child{transform:rotate(180deg)}.tgroup__sw{width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid var(--border)}.tgroup__rows{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem .75rem}.tstate{display:flex;flex-direction:column;gap:.25rem}.tstate__label{color:var(--muted);font-weight:600}.trow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,11rem);align-items:center;gap:.5rem}.trow__name{font:.75rem var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.trow--edited .trow__name{color:var(--accent)}.naming{display:grid;gap:.75rem;margin-bottom:.75rem}.alias summary{cursor:pointer;color:var(--accent)}.alias__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.checks{display:grid;gap:1rem}.check{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.25rem 0}.check__sw{display:grid;place-items:center;height:1.75rem;border-radius:.375rem;border:1px solid var(--border);font-weight:700;font-size:.75rem}.check__label{font-size:.8125rem}.check__ratio{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.check.is-pass .icon{color:var(--ok)}.check.is-fail .icon{color:var(--bad)}.sys-prevs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sys-prev{display:flex;flex-direction:column;gap:.375rem;min-width:0}.sys-prev__label{font-weight:600;color:var(--muted)}.sys-prev .tpl-dash{grid-template-columns:1fr;min-height:0}.sys-prev .tpl-dash__side{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--border)}.sys-prev .tpl-kpis{grid-template-columns:1fr}.code{margin:.75rem 0 0;padding:1rem;max-height:28rem;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font:.75rem/1.5 var(--mono);white-space:pre;tab-size:2}@media(max-width:64rem){.sys-grid,.sys-prevs{grid-template-columns:1fr}}@media(max-width:40rem){.prim{grid-template-columns:1fr;gap:.25rem}.trow{grid-template-columns:1fr}}.lab-tabs{overflow-x:auto}.lab-pane[hidden]{display:none}.lab-grid{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:1rem;align-items:start}.lab-grid>.card{display:flex;flex-direction:column;gap:.75rem}.lab-grid .card__title,.lab-grid .card__lead{margin-bottom:0}.stack{display:flex;flex-direction:column;gap:.75rem}.stack[hidden],.lab-grid [hidden]{display:none}.lstrip{display:flex;height:3.5rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.lstrip--thin{height:1.75rem}.lstrip__seg{flex:1;min-width:0;display:grid;place-items:center;border:0;padding:0;font:600 .625rem var(--mono)}.lstrip--thin .lstrip__seg span{display:none}.mix-row{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.5rem;margin-bottom:.5rem}.mix-row__label{font-size:.75rem;font-weight:700;color:var(--muted)}.mix-row--on .mix-row__label{color:var(--accent)}.mix-result{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mix-result__sw{display:flex;flex-direction:column;justify-content:center;min-width:10rem;flex:1;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);transition:background-color .2s}.mix-result__sw strong{font:700 1.125rem var(--mono)}.grad-prev{height:16rem;border-radius:var(--radius);border:1px solid var(--border)}.grad-card{gap:.75rem}.stops{display:flex;flex-direction:column;gap:.75rem}.stop{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius)}.stop__head{display:flex;align-items:center;justify-content:space-between}.cmp{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cmp-add{display:flex;gap:.5rem;align-items:flex-start;margin-top:.5rem}.cmp-add textarea{flex:1}.cmp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem}.cmp-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);min-width:0}.cmp-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cmp-card__acts{display:flex}.hist{display:flex;align-items:flex-end;gap:2px;height:3rem;padding-top:.25rem}.hist__bar{flex:1;min-height:2px;border-radius:2px 2px 0 0;opacity:.9}.cmp-table{width:100%;border-collapse:collapse;font-size:.8125rem}.cmp-table th,.cmp-table td{padding:.5rem .625rem;text-align:left;border-bottom:1px solid var(--border)}.cmp-table thead th{color:var(--muted);font-weight:600}.cmp-table tbody th{font-weight:600;white-space:nowrap}.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1rem;margin-top:1rem}.bl-card{margin:0;display:flex;flex-direction:column;gap:.375rem;min-width:0}.bl-card figcaption{font-weight:600;color:var(--muted)}.bl-card__view{max-height:24rem;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border)}.bl-img{display:block;width:100%;height:100%;max-height:24rem;object-fit:cover}.bl-card .tpl-dash,.bl-card .tpl-game{min-height:0}@media(max-width:64rem){.lab-grid{grid-template-columns:1fr}}@media(max-width:40rem){.bl-grid{grid-template-columns:1fr}.cmp-add{flex-direction:column;align-items:stretch}}@container (max-width: 560px){.tpl-dash{grid-template-columns:1fr;min-height:0}.tpl-dash__side{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--border)}.tpl-dash__side .tpl-logo{margin:0 8px 0 0}.tpl-kpis,.tpl-grid2,.tpl-grid3,.tpl-brand{grid-template-columns:1fr}.tpl-brand__swatches{grid-template-columns:repeat(3,1fr)}.tpl-web__hero h2,.tpl-land__hero h2{font-size:22px}.tpl-poster__title{font-size:32px}}html,body,html :is(a,button,summary,label,select,[role=button],[role=option],[role=radio],.dropdown__option,.toggle,input[type=range],input[type=checkbox],input[type=file],.drop,.swatch,.step,.vars__swatch,.role-chip,.matrix__cell,.prim__step,.lstrip__seg,.marker){cursor:url(../img/cursor-wand.png) 6 1,auto;cursor:-webkit-image-set(url(../img/cursor-wand.png) 1x,url(../img/cursor-wand@2x.png) 2x) 6 1,auto;cursor:image-set(url(../img/cursor-wand.png) 1x,url(../img/cursor-wand@2x.png) 2x) 6 1,auto}html :is(input[type=text],input[type=number],textarea,.cp__sv,.stage__canvas){cursor:auto}html :is(input[type=text],input[type=number],textarea){cursor:text}html :is(.cp__sv,.stage__canvas){cursor:crosshair}html :is(button,select,input):disabled{cursor:not-allowed}