.lab-workspace--theme{display:block}.labs-main--theme .labs-opening{gap:var(--space-lg);padding-block:var(--space-xl)}.labs-main--theme .labs-opening h1{max-width:18ch;font-size:clamp(var(--text-2xl), 4.2vw, 3.8rem)}.theme-workshop{gap:var(--space-xl);padding-bottom:var(--space-4xl);display:grid}.theme-workshop button,.theme-workshop input,.theme-workshop textarea{font:inherit}.theme-workshop__intro{gap:var(--space-xl);padding-block:var(--space-lg);border-block:var(--rule-hair) solid var(--border);display:grid}.theme-workshop__intro>div:first-child{gap:var(--space-sm);display:grid}.theme-workshop__intro>div:first-child>span,.theme-control-section__heading>span,.theme-control-section__heading>div>span{color:var(--primary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.theme-workshop__intro h2{max-width:18ch;font-size:clamp(var(--text-xl), 4vw, 3.5rem);letter-spacing:-.055em;margin:0;line-height:.98}.theme-workshop__intro p{max-width:48rem;color:var(--muted-foreground);margin:0;line-height:1.6}.theme-workshop__state{align-self:end;gap:var(--space-2xs);padding:var(--space-md);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--plane-1);box-shadow:var(--shadow-control);display:grid}.theme-workshop__state span{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.45}.theme-workshop__rail{border-block:var(--rule-hair) solid var(--border);scrollbar-width:none;grid-template-columns:repeat(4,minmax(7rem,1fr));display:grid;overflow-x:auto}.theme-workshop__rail::-webkit-scrollbar{display:none}.theme-workshop__rail span{align-items:center;gap:var(--space-xs);min-height:3.75rem;padding-inline:var(--space-sm);border-inline-end:var(--rule-hair) solid var(--border);color:var(--muted-foreground);font-size:var(--text-sm);white-space:nowrap;font-weight:700;display:flex}.theme-workshop__rail span:last-child{border-inline-end:0}.theme-workshop__rail span[data-complete=true]{color:var(--foreground)}.theme-workshop__rail i{border:var(--rule-hair) solid var(--border);background:var(--background);width:1.75rem;height:1.75rem;color:var(--muted-foreground);font-size:var(--text-xs);border-radius:50%;place-items:center;font-style:normal;display:grid}.theme-workshop__rail span[data-complete=true] i{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.theme-workshop__layout{gap:var(--space-2xl);display:grid}.theme-workshop__controls,.theme-workshop__preview{min-width:0}.theme-workshop__controls{align-content:start;gap:var(--space-lg);display:grid}.theme-control-section{gap:var(--space-md);padding:var(--space-lg);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--background);box-shadow:var(--shadow-control);display:grid}.theme-control-section__heading,.theme-control-section__heading>div:first-child{gap:var(--space-2xs);display:grid}.theme-control-section__heading>strong,.theme-control-section__heading>div>strong{font-size:var(--text-md);letter-spacing:-.025em}.theme-control-section__heading--with-actions{gap:var(--space-sm)}.theme-kit-choice{gap:var(--space-xs);display:grid}.theme-kit-choice button{align-items:center;gap:var(--space-sm);min-height:4.75rem;padding:var(--space-sm);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);text-align:start;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.theme-kit-choice button[aria-pressed=true]{border-color:var(--primary);background:var(--plane-1)}.theme-kit-choice button>i{border:var(--rule-hair) solid var(--border);background:#7a41af;background:lab(39.2283% 40.8773 -49.6911);border-radius:50%;width:3rem;height:3rem;box-shadow:inset 0 0 0 .7rem #ebe2f3;box-shadow:inset 0 0 0 .7rem lab(91.0024% 5.34824 -6.89205)}.theme-kit-choice button>i[data-kit=jade]{background:#10debf;background:lab(79.4082% -51.8375 1.93901);box-shadow:inset 0 0 0 .7rem #1a2220;box-shadow:inset 0 0 0 .7rem lab(12.378% -4.14436 .093779)}.theme-kit-choice button>i[data-kit=os]{background:#2f7cf6;background:lab(52.5846% 10.7656 -69.0852);box-shadow:inset 0 0 0 .7rem #2a2b30;box-shadow:inset 0 0 0 .7rem lab(17.5813% .48171 -3.41575)}.theme-kit-choice button>i[data-kit=aurelia]{background:#0058b1;background:lab(37.031% 7.15619 -58.1649);box-shadow:inset 0 0 0 .7rem #e9edf2;box-shadow:inset 0 0 0 .7rem lab(93.6135% -.877857 -2.8586)}.theme-kit-choice button>span{gap:var(--space-3xs);min-width:0;display:grid}.theme-kit-choice small,.theme-name-field>span,.theme-color-control small,.theme-choice-field small,.theme-range-control small{color:var(--muted-foreground);font-size:var(--text-xs)}.theme-kit-choice svg{width:1.1rem;height:1.1rem;color:var(--primary)}.theme-name-field{gap:var(--space-xs);display:grid}.theme-name-field>span,.theme-range-control strong,.theme-choice-field legend{color:var(--foreground);font-weight:700}.theme-name-field input,.theme-direction textarea{border:var(--rule-hair) solid var(--input);border-radius:var(--radius-control);outline-offset:2px;background:var(--background);width:100%;color:var(--foreground);outline:2px solid #0000}.theme-name-field input{min-height:3rem;padding-inline:var(--space-md)}.theme-direction{gap:var(--space-xs);display:grid}.theme-direction textarea{min-height:7.5rem;padding:var(--space-md);resize:vertical;line-height:1.55}.theme-direction>button,.theme-button,.theme-release__share button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-control);transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-short) var(--ease-out);font-weight:700;display:inline-flex}.theme-direction>button{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);justify-self:start}.theme-direction>button svg,.theme-button svg,.theme-release__share button svg{width:1rem;height:1rem}.theme-direction-examples{gap:var(--space-2xs);display:grid}.theme-direction-examples button{min-height:2.75rem;padding:var(--space-xs) var(--space-sm);border:0;border-inline-start:2px solid var(--border);color:var(--muted-foreground);text-align:start;cursor:pointer;background:0 0}.theme-direction-examples button:hover,.theme-direction-examples button:focus-visible{border-inline-start-color:var(--primary);color:var(--foreground)}.theme-direction-result{gap:var(--space-xs);padding:var(--space-sm);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--plane-1);margin:0;list-style:none;display:grid}.theme-direction-result li{align-items:start;gap:var(--space-xs);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr);display:grid}.theme-direction-result svg{width:1rem;height:1rem;color:var(--positive);margin-top:.15rem}.theme-mode-toggle{padding:var(--space-3xs);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-round);background:var(--plane-1);justify-self:start;display:inline-flex}.theme-mode-toggle button{align-items:center;gap:var(--space-2xs);min-height:2.75rem;padding-inline:var(--space-sm);border-radius:var(--radius-round);color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;font-weight:700;display:inline-flex}.theme-mode-toggle button[aria-pressed=true]{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-control)}.theme-mode-toggle svg{width:1rem;height:1rem}.theme-color-list{gap:var(--space-xs);display:grid}.theme-color-control{align-items:center;gap:var(--space-sm);min-height:4rem;padding:var(--space-xs);border-block-end:var(--rule-hair) solid var(--border);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.theme-color-control:last-child{border-block-end:0}.theme-color-control input[type=color]{border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--background);cursor:pointer;width:3rem;height:3rem;padding:.2rem}.theme-color-control>span{gap:var(--space-3xs);min-width:0;display:grid}.theme-color-control>i{border:var(--rule-hair) solid var(--border);border-radius:50%;width:1.25rem;height:1.25rem}.theme-range-control{gap:var(--space-xs);padding-block:var(--space-xs);border-block-end:var(--rule-hair) solid var(--border);display:grid}.theme-range-control>span{justify-content:space-between;gap:var(--space-sm);display:flex}.theme-range-control input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--primary);cursor:pointer}.theme-choice-field{gap:var(--space-xs);border:0;margin:0;padding:0;display:grid}.theme-choice-field>div{gap:var(--space-2xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.theme-choice-field button{align-content:center;justify-items:start;gap:var(--space-3xs);min-height:4.25rem;padding:var(--space-xs);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--background);color:var(--muted-foreground);text-align:start;cursor:pointer;display:grid}.theme-choice-field button[aria-pressed=true]{border-color:var(--primary);background:var(--secondary);color:var(--secondary-foreground)}.theme-quality__meter{border-radius:var(--radius-round);background:var(--plane-2);height:.5rem;overflow:hidden}.theme-quality__meter i{border-radius:inherit;background:var(--positive);height:100%;transition:width var(--dur-short) var(--ease-out);display:block}.theme-quality ul{border-top:var(--rule-hair) solid var(--border);margin:0;padding:0;list-style:none;display:grid}.theme-quality li{align-items:center;gap:var(--space-xs);border-bottom:var(--rule-hair) solid var(--border);min-height:2.75rem;font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.theme-quality li svg{width:1rem;height:1rem;color:var(--destructive)}.theme-quality li[data-pass=true] svg{color:var(--positive)}.theme-quality li strong{color:var(--muted-foreground);font-size:var(--text-xs)}.theme-quality__locked{align-items:start;gap:var(--space-xs);padding:var(--space-sm);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--plane-1);color:var(--muted-foreground);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr);line-height:1.5;display:grid}.theme-quality__locked svg{width:1.1rem;height:1.1rem;color:var(--primary);margin-top:.15rem}.theme-release__actions,.theme-release__share>div{gap:var(--space-xs);flex-wrap:wrap;display:flex}.theme-button--primary,.theme-button--publish{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.theme-release__share{gap:var(--space-sm);padding:var(--space-md);border:var(--rule-hair) solid var(--positive);border-radius:var(--radius-control);background:var(--plane-1);display:grid}.theme-release__share>strong{align-items:center;gap:var(--space-xs);color:var(--positive);display:flex}.theme-release__share>strong svg{width:1.1rem;height:1.1rem}.theme-workshop__preview{align-self:start;gap:var(--space-sm);display:grid}.theme-preview-toolbar{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:3.5rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--background);box-shadow:var(--shadow-control);display:flex}.theme-preview-toolbar>div{align-items:center;gap:var(--space-xs);display:flex}.theme-preview-toolbar svg{width:1rem;height:1rem}.theme-preview-toolbar>div:first-child svg{color:var(--primary)}.theme-preview-toolbar button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.theme-preview-toolbar span{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:700}.theme-preview-note{gap:var(--space-xs);color:var(--muted-foreground);font-size:var(--text-xs);grid-template-columns:auto minmax(0,1fr);margin:0;line-height:1.5;display:grid}.theme-preview-note svg{width:1rem;height:1rem;color:var(--positive)}.theme-proof{border:1px solid var(--workshop-line);border-radius:calc(var(--workshop-radius) + 8px);background:var(--workshop-canvas);min-width:0;color:var(--workshop-ink);font-family:var(--workshop-font);box-shadow:var(--workshop-shadow);overflow:hidden}.theme-proof button,.theme-proof input{font:inherit}.theme-proof__topbar{min-height:calc(3.75rem * var(--workshop-space));align-items:center;gap:calc(.75rem * var(--workshop-space));padding:calc(.65rem * var(--workshop-space));border-bottom:1px solid var(--workshop-line);background:var(--workshop-surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.theme-proof__topbar>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-proof__topbar nav{scrollbar-width:none;grid-column:1/-1;gap:.15rem;display:flex;overflow-x:auto}.theme-proof__topbar nav::-webkit-scrollbar{display:none}.theme-proof__topbar nav button,.theme-proof__menu>button{border-radius:min(var(--workshop-radius), .9rem);min-height:2.75rem;color:var(--workshop-muted-ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding-inline:.8rem;font-size:.78rem;font-weight:700}.theme-proof__topbar nav button[aria-pressed=true]{background:var(--workshop-raised);color:var(--workshop-ink)}.theme-proof__avatar{border:1px solid var(--workshop-line);background:var(--workshop-action);width:2.75rem;height:2.75rem;color:var(--workshop-action-ink);cursor:pointer;border-radius:50%;grid-area:1/2;place-items:center;padding:0;font-size:.72rem;font-weight:800;display:grid}.theme-proof__body{display:grid}.theme-proof__body>aside{padding:calc(.75rem * var(--workshop-space));border-bottom:1px solid var(--workshop-line);background:var(--workshop-raised);scrollbar-width:none;gap:.4rem;display:flex;overflow-x:auto}.theme-proof__body>aside::-webkit-scrollbar{display:none}.theme-proof__body>aside>span{display:none}.theme-proof__body>aside button{border-radius:min(var(--workshop-radius), .9rem);min-width:10rem;min-height:3.75rem;color:var(--workshop-muted-ink);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.5rem;display:grid}.theme-proof__body>aside button[aria-pressed=true]{border-color:var(--workshop-line);background:var(--workshop-surface);color:var(--workshop-ink);box-shadow:var(--workshop-shadow)}.theme-proof__body>aside button>i{border:1px solid var(--workshop-line);border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:.7rem;font-style:normal;display:grid}.theme-proof__body>aside button>span{gap:.1rem;font-size:.78rem;font-weight:700;display:grid}.theme-proof__body>aside button small{color:var(--workshop-muted-ink);font-size:.65rem;font-weight:500}.theme-proof__workspace{gap:calc(1rem * var(--workshop-space));min-width:0;padding:calc(1rem * var(--workshop-space));display:grid}.theme-proof__heading{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.theme-proof__heading>div:first-child{gap:.25rem;min-width:0;display:grid}.theme-proof__heading span,.theme-proof__decision>span,.theme-proof__form>span{color:var(--workshop-action);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:800}.theme-proof__heading h3{letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,4vw,2.2rem);line-height:1}.theme-proof__heading p{color:var(--workshop-muted-ink);margin:0;font-size:.78rem}.theme-proof__menu{position:relative}.theme-proof__menu>button{border:1px solid var(--workshop-line);background:var(--workshop-surface);color:var(--workshop-ink)}.theme-proof__menu>div{z-index:3;border:1px solid var(--workshop-line);border-radius:min(var(--workshop-radius), .9rem);background:var(--workshop-surface);width:12rem;box-shadow:var(--workshop-shadow);padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0}.theme-proof__menu>div button{border-radius:min(var(--workshop-radius), .75rem);min-height:2.75rem;color:var(--workshop-ink);text-align:start;cursor:pointer;background:0 0;border:0;padding-inline:.7rem;font-size:.75rem}.theme-proof__stats{border-block:1px solid var(--workshop-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.theme-proof__stats article{min-width:0;padding:calc(.75rem * var(--workshop-space));border-inline-end:1px solid var(--workshop-line);gap:.15rem;display:grid}.theme-proof__stats article:last-child{border-inline-end:0}.theme-proof__stats span,.theme-proof__stats small{color:var(--workshop-muted-ink);font-size:.63rem}.theme-proof__stats strong{font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,4vw,2rem)}.theme-proof__grid{gap:calc(.75rem * var(--workshop-space));display:grid}.theme-proof__decision,.theme-proof__form{align-content:start;gap:calc(.65rem * var(--workshop-space));min-width:0;padding:calc(1rem * var(--workshop-space));border:1px solid var(--workshop-line);border-radius:calc(var(--workshop-radius) + 2px);background:var(--workshop-surface);box-shadow:var(--workshop-shadow);display:grid}.theme-proof__decision h4{letter-spacing:-.035em;max-width:16ch;margin:0;font-size:1.15rem;line-height:1.1}.theme-proof__decision p{color:var(--workshop-muted-ink);margin:0;font-size:.78rem;line-height:1.5}.theme-proof__decision>div{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.theme-proof__decision button,.theme-proof__form>button,.theme-proof__dialog button{border:1px solid var(--workshop-line);border-radius:min(var(--workshop-radius), .85rem);background:var(--workshop-surface);min-height:2.75rem;color:var(--workshop-ink);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding-inline:.8rem;font-size:.75rem;font-weight:800;transition:transform .12s cubic-bezier(.23,1,.32,1);display:inline-flex}.theme-proof__decision button:first-child,.theme-proof__form>button,.theme-proof__dialog>div>div button:last-child{border-color:var(--workshop-action);background:var(--workshop-action);color:var(--workshop-action-ink)}.theme-proof__decision button svg{width:.9rem;height:.9rem}.theme-proof__form label{color:var(--workshop-ink);gap:.35rem;font-size:.72rem;font-weight:700;display:grid}.theme-proof__form input{border:1px solid var(--workshop-line);border-radius:min(var(--workshop-radius), .8rem);outline-offset:2px;background:var(--workshop-canvas);width:100%;min-height:2.75rem;color:var(--workshop-ink);outline:2px solid #0000;padding-inline:.7rem}.theme-proof :focus-visible{outline-color:var(--workshop-focus)}.theme-proof__form small{min-height:1.2rem;color:var(--workshop-muted-ink);font-size:.68rem}.theme-proof__dialog{width:min(100% - 2rem,32rem);max-width:none;color:var(--workshop-ink);font-family:var(--workshop-font);background:0 0;border:0;padding:0;overflow:visible}.theme-proof__dialog::backdrop{background:#07050a;background:lab(1.49413% 1.18425 -1.66211)}.theme-proof__dialog>div{border:1px solid var(--workshop-line);border-radius:calc(var(--workshop-radius) + 6px);background:var(--workshop-surface);box-shadow:var(--workshop-shadow);gap:.75rem;padding:1.5rem;display:grid;position:relative}.theme-proof__dialog>div>button:first-child{width:2.75rem;padding:0;position:absolute;top:.75rem;right:.75rem}.theme-proof__dialog>div>button svg{width:1rem;height:1rem}.theme-proof__dialog span{color:var(--workshop-action);text-transform:uppercase;padding-inline-end:3rem;font-size:.7rem;font-weight:800}.theme-proof__dialog h3{letter-spacing:-.045em;max-width:14ch;margin:0;font-size:1.75rem;line-height:1}.theme-proof__dialog p{color:var(--workshop-muted-ink);margin:0;line-height:1.55}.theme-proof__dialog>div>div{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-top:.5rem;display:flex}@media (hover:hover) and (pointer:fine){.theme-kit-choice button:hover,.theme-choice-field button:hover,.theme-button:hover,.theme-release__share button:hover,.theme-preview-toolbar button:hover{background:var(--plane-1)}.theme-direction>button:hover,.theme-button--primary:hover,.theme-button--publish:hover{background:color-mix(in oklch, var(--primary), var(--foreground) 8%)}}.theme-direction>button:active,.theme-button:active,.theme-proof button:active{transform:translateY(1px)}@media (min-width:40rem){.theme-kit-choice,.theme-color-list{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-color-control:last-child{border-block-end:var(--rule-hair) solid var(--border)}.theme-control-section__heading--with-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center}.theme-mode-toggle{justify-self:end}.theme-proof__topbar{grid-template-columns:minmax(8rem,1fr) auto auto}.theme-proof__topbar nav{grid-area:1/2}.theme-proof__avatar{grid-column:3}.theme-proof__grid{grid-template-columns:minmax(0,1.2fr) minmax(12rem,.8fr)}}@media (min-width:48rem){.theme-workshop__intro{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:end}}@media (min-width:64rem){.theme-workshop__layout{gap:clamp(var(--space-xl), 4vw, var(--space-3xl));grid-template-columns:minmax(24rem,.76fr) minmax(0,1.24fr)}.theme-kit-choice{grid-template-columns:1fr}.theme-workshop__preview{top:var(--space-md);position:sticky}.theme-proof__body{grid-template-columns:minmax(10rem,.32fr) minmax(0,1fr)}.theme-proof__body>aside{border-right:1px solid var(--workshop-line);border-bottom:0;align-content:start;display:grid}.theme-proof__body>aside>span{color:var(--workshop-muted-ink);text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem;font-weight:800;display:block}.theme-proof__body>aside button{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.theme-quality__meter i,.theme-direction>button,.theme-button,.theme-proof button{transition:none}.theme-direction>button:active,.theme-button:active,.theme-proof button:active{transform:none}}