.ai-lab{--lab-unit:clamp(1px, min(.0520833vw, .0925926vh), 2px);--lab-blue:#a4d6f6;--lab-orange:#f6b17d;--lab-ink:#e7f2f8;--lab-muted:#9fb3c4;min-height:100svh;color:var(--lab-ink);padding:calc(40 * var(--lab-unit)) clamp(calc(18 * var(--lab-unit)), 5vw, calc(88 * var(--lab-unit))) calc(48 * var(--lab-unit));isolation:isolate;background:radial-gradient(at 8% 12%,#294e7029,#0000 44%),radial-gradient(at 96% 45%,#aa725816,#0000 48%),#0a1522}.ai-lab-inner{max-width:calc(1680 * var(--lab-unit));margin-inline:auto}.ai-lab-nav{justify-content:space-between;align-items:center;gap:calc(20 * var(--lab-unit));color:var(--lab-muted);font-size:calc(12 * var(--lab-unit));display:flex}.ai-lab-nav a{align-items:center;gap:calc(9 * var(--lab-unit));min-height:calc(44 * var(--lab-unit));display:inline-flex}.ai-lab-intro{justify-content:space-between;align-items:center;gap:calc(16 * var(--lab-unit));margin:0 0 calc(40 * var(--lab-unit));display:flex}.ai-lab-credit{align-items:center;gap:calc(5 * var(--lab-unit));min-width:0;color:var(--lab-muted);font-size:calc(11 * var(--lab-unit));flex-wrap:wrap;flex:1;margin:0;line-height:1.5;display:flex}.ai-lab-credit a{align-items:center;gap:calc(3 * var(--lab-unit));min-height:calc(44 * var(--lab-unit));color:var(--lab-blue);display:inline-flex}.ai-lab-credit svg{width:calc(13 * var(--lab-unit));height:calc(13 * var(--lab-unit))}.ai-lab-intro h1{font-size:calc(24 * var(--lab-unit));letter-spacing:-.035em;margin:0;font-weight:400;line-height:1.2}.ai-lab-workspace{gap:calc(44 * var(--lab-unit));grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;display:grid}.ai-lab-workspace[data-has-card=false]{max-width:calc(680 * var(--lab-unit));margin:calc(64 * var(--lab-unit)) auto 0;grid-template-columns:minmax(0,1fr)}.ai-lab-composer{min-width:0}.ai-lab-prompt-wrap{position:relative}.ai-lab-prompt-wrap textarea{width:100%;min-height:calc(128 * var(--lab-unit));resize:vertical;padding:calc(16 * var(--lab-unit));color:#e3f0f7;border-radius:calc(16 * var(--lab-unit));font-size:calc(15 * var(--lab-unit));background:#081420;border:1px solid #354a5d;line-height:1.6;display:block}.ai-lab-prompt-wrap textarea::placeholder{color:#8fa6ba;opacity:1}.ai-lab-prompt-wrap textarea:disabled{opacity:.6;resize:none}.ai-lab-prompt-wrap:has(.ai-lab-char-count) textarea{padding-bottom:calc(36 * var(--lab-unit))}.ai-lab-char-count{right:calc(14 * var(--lab-unit));bottom:calc(12 * var(--lab-unit));color:#adc7da;font:calc(10 * var(--lab-unit)) var(--font-mono), monospace;pointer-events:none;font-variant-numeric:tabular-nums;position:absolute}.ai-lab-generate{width:auto;min-height:calc(48 * var(--lab-unit));gap:calc(10 * var(--lab-unit));padding:calc(12 * var(--lab-unit)) calc(18 * var(--lab-unit));border-radius:calc(12 * var(--lab-unit));background:var(--lab-orange);color:#291b17;font-size:calc(13 * var(--lab-unit));box-shadow:inset 0 1px #fff4dd59, 0 calc(2 * var(--lab-unit)) calc(4 * var(--lab-unit)) #00000019;align-items:center;margin:0;font-weight:500;display:flex}.ai-lab-model{margin:calc(16 * var(--lab-unit)) 0 0;color:var(--lab-muted);font-size:calc(11 * var(--lab-unit));line-height:1.6}.ai-lab-progress{width:100%;height:calc(4 * var(--lab-unit));margin-top:calc(12 * var(--lab-unit));border-radius:calc(2 * var(--lab-unit));accent-color:var(--lab-orange);background:#334a5d;border:0;display:block;overflow:hidden}.ai-lab-progress::-webkit-progress-bar{background:#334a5d}.ai-lab-progress::-webkit-progress-value{background:var(--lab-orange)}.ai-lab-progress::-moz-progress-bar{background:var(--lab-orange)}.ai-lab-cancel{min-height:calc(44 * var(--lab-unit));padding:calc(8 * var(--lab-unit)) calc(16 * var(--lab-unit));color:var(--lab-blue);font-size:calc(12 * var(--lab-unit));margin-inline:auto;display:block}.ai-lab-generate>span{text-align:left;flex:1}.ai-lab-generate:hover:not(:disabled){background:#ffc497}.ai-lab-generate:disabled{color:#a9bac7;opacity:1;background:#3a4651}.ai-lab-service-status{align-items:start;gap:calc(9 * var(--lab-unit));margin-top:calc(17 * var(--lab-unit));color:var(--lab-muted);font-size:calc(11 * var(--lab-unit));line-height:1.6;display:flex}.ai-lab-feedback>p{align-items:start;gap:calc(9 * var(--lab-unit));margin-top:calc(14 * var(--lab-unit));font-size:calc(12 * var(--lab-unit));line-height:1.6;display:flex}.ai-lab-feedback>p>svg{margin-top:calc(2 * var(--lab-unit));flex:none}.ai-lab-error{color:#ffb499}.ai-lab-notice{color:#b0d6c3}.ai-lab-workbench{min-width:0}.ai-lab-card-stage,.ai-lab-card-stage .ai-card{position:relative}.ai-lab-card-stage[data-busy=true] .ai-card{opacity:.6}.ai-lab-owner-actions{justify-content:flex-end;align-items:center;gap:calc(16 * var(--lab-unit));min-height:calc(44 * var(--lab-unit));margin-top:calc(8 * var(--lab-unit));color:var(--lab-muted);font-size:calc(11 * var(--lab-unit));line-height:1.6;display:flex}.ai-lab-owner-actions>button{gap:calc(7 * var(--lab-unit));min-height:calc(44 * var(--lab-unit));min-width:calc(44 * var(--lab-unit));color:#c5b0a0;justify-content:center;align-items:center;display:flex}.ai-lab-delete-confirm{align-items:center;gap:calc(10 * var(--lab-unit));flex-wrap:wrap;width:100%;display:flex}.ai-lab-delete-confirm>span{color:#e6d4c7;flex:1}.ai-lab-delete-confirm button{min-height:calc(44 * var(--lab-unit));padding:0 calc(10 * var(--lab-unit));border-radius:calc(8 * var(--lab-unit));color:#c5d8e7;box-shadow:0 0 0 1px #ffffff1a;box-shadow:0 0 0 1px lab(100% 0 0/.1)}.ai-lab-delete-confirm button:first-of-type{color:#ffc098}.ai-lab :is(.ai-lab-nav,.ai-lab-generate,.ai-lab-owner-actions) svg{width:calc(16 * var(--lab-unit));height:calc(16 * var(--lab-unit));flex-shrink:0}.ai-lab-route-loading{justify-content:center;gap:calc(20 * var(--lab-unit));min-height:75svh;font-size:calc(24 * var(--lab-unit));flex-direction:column;display:flex}.ai-card{--card-accent:#acdafa;--card-accent-rgb:172 218 250;padding:calc(28 * var(--lab-unit));border-radius:calc(26 * var(--lab-unit));box-shadow:0 0 0 1px #ffffff1f, inset 0 1px #ffffff17, 0 calc(18 * var(--lab-unit)) calc(40 * var(--lab-unit)) #02081133;color:#e8f3f9;overflow-wrap:anywhere;background:linear-gradient(145deg,#244459e6,#142c40f2 70%);min-width:0;transition:opacity .15s ease-out}@supports (color:lab(0% 0 0)){.ai-card{box-shadow:0 0 0 1px lab(100% 0 0/.12), inset 0 1px lab(100% 0 0/.09), 0 calc(18 * var(--lab-unit)) calc(40 * var(--lab-unit)) #02081133}}.ai-card[data-accent=orange]{--card-accent:#ffc198;--card-accent-rgb:255 193 152}.ai-card[data-accent=mint]{--card-accent:#b4e1ce;--card-accent-rgb:180 225 206}.ai-card[data-accent=violet]{--card-accent:#d0bafa;--card-accent-rgb:208 186 250}.ai-card[data-surface=paper]{color:#233344;--card-accent:#a9512d;--card-accent-rgb:169 81 45;box-shadow:0 0 0 1px #ffffff1a, 0 calc(12 * var(--lab-unit)) calc(30 * var(--lab-unit)) #01061033;background:#e9e0d0}@supports (color:lab(0% 0 0)){.ai-card[data-surface=paper]{box-shadow:0 0 0 1px lab(100% 0 0/.1), 0 calc(12 * var(--lab-unit)) calc(30 * var(--lab-unit)) #01061033}}.ai-card[data-surface=paper][data-accent=blue]{--card-accent:#2c6e96;--card-accent-rgb:44 110 150}.ai-card[data-surface=paper][data-accent=mint]{--card-accent:#2c7660;--card-accent-rgb:44 118 96}.ai-card[data-surface=paper][data-accent=violet]{--card-accent:#7352a3;--card-accent-rgb:115 82 163}.ai-card[data-surface=metal]{box-shadow:0 0 0 1px #ffffff24, inset 0 calc(2 * var(--lab-unit)) #ffffff1f, 0 calc(18 * var(--lab-unit)) calc(40 * var(--lab-unit)) #02081133;background:linear-gradient(116deg,#2c3d4b,#182833 38%,#304451 69%,#1b303d)}@supports (color:lab(0% 0 0)){.ai-card[data-surface=metal]{box-shadow:0 0 0 1px lab(100% 0 0/.14), inset 0 calc(2 * var(--lab-unit)) lab(100% 0 0/.12), 0 calc(18 * var(--lab-unit)) calc(40 * var(--lab-unit)) #02081133}}.ai-card-heading{position:relative}.ai-card-heading:has(.ai-card-example) h3{padding-right:calc(64 * var(--lab-unit))}.ai-card-example{color:var(--card-accent);font:calc(9 * var(--lab-unit)) var(--font-mono), monospace;position:absolute;top:0;right:0}.ai-card h3{font-size:clamp(calc(24 * var(--lab-unit)), 2.3vw, calc(34 * var(--lab-unit)));letter-spacing:-.04em;text-wrap:balance;font-weight:400;line-height:1.15}.ai-card-heading>p{margin-top:calc(10 * var(--lab-unit));opacity:.72;font-size:calc(12 * var(--lab-unit));line-height:1.6}.ai-card-blocks{gap:calc(22 * var(--lab-unit));margin-top:calc(28 * var(--lab-unit));display:grid}.ai-card[data-layout=split] .ai-card-blocks{gap:calc(20 * var(--lab-unit));grid-template-columns:repeat(2,minmax(0,1fr))}.ai-card-block{min-width:0}.ai-card[data-layout=split] .ai-card-block:only-child{grid-column:1/-1}.ai-card h4{font-size:calc(11 * var(--lab-unit));opacity:.9;font-weight:500;line-height:1.6}.ai-card-block p{font-size:calc(12 * var(--lab-unit));opacity:.72;margin-top:calc(8 * var(--lab-unit));white-space:pre-line;line-height:1.7}.ai-card-block-heading{justify-content:space-between;align-items:start;gap:calc(12 * var(--lab-unit));margin-bottom:calc(10 * var(--lab-unit));display:flex}.ai-card-block-heading>span{font:calc(9 * var(--lab-unit)) var(--font-mono), monospace;opacity:.65;line-height:1.8}.ai-card-check{gap:calc(9 * var(--lab-unit));min-height:calc(40 * var(--lab-unit));padding:calc(6 * var(--lab-unit)) 0;cursor:pointer;font-size:calc(12 * var(--lab-unit));align-items:center;line-height:1.5;display:flex;position:relative}.ai-card-check>input{width:calc(18 * var(--lab-unit));height:calc(18 * var(--lab-unit));opacity:0;cursor:pointer;position:absolute;inset-inline-start:0}.ai-card-check-box{flex:0 0 calc(17 * var(--lab-unit));width:calc(17 * var(--lab-unit));height:calc(17 * var(--lab-unit));border-radius:calc(5 * var(--lab-unit));color:var(--card-accent);border:1px solid;place-items:center;display:grid}.ai-card-check-box>svg{width:calc(14 * var(--lab-unit));height:calc(14 * var(--lab-unit));opacity:0}.ai-card-check[data-checked=true] .ai-card-check-box{background:var(--card-accent);color:#102331}.ai-card-check[data-checked=true] .ai-card-check-box>svg{opacity:1}.ai-card-check[data-checked=true]>span:last-child{opacity:.55;text-decoration:line-through}.ai-card-check:has(input:focus-visible) .ai-card-check-box{outline:calc(2 * var(--lab-unit)) solid var(--card-accent);outline-offset:calc(3 * var(--lab-unit))}.ai-card-timer{text-align:center}.ai-card-timer-dial{width:calc(124 * var(--lab-unit));height:calc(124 * var(--lab-unit));aspect-ratio:1;max-width:100%;margin:calc(14 * var(--lab-unit)) auto calc(10 * var(--lab-unit));background:conic-gradient(var(--card-accent) calc(var(--progress,0) * 1turn), rgb(var(--card-accent-rgb) / .1) 0);border-radius:50%;place-items:center;display:grid;position:relative}.ai-card-timer-dial:before{content:"";inset:calc(2 * var(--lab-unit));background:#1c3447;border-radius:50%;position:absolute}.ai-card[data-surface=paper] .ai-card-timer-dial:before{background:#e9e0d0}.ai-card[data-surface=metal] .ai-card-timer-dial:before{background:#263b49}.ai-card-timer-dial>span{color:var(--card-accent);font:calc(26 * var(--lab-unit)) var(--font-mono), monospace;font-variant-numeric:tabular-nums;letter-spacing:-.05em;position:relative}.ai-card-local-controls{justify-content:center;align-items:center;gap:calc(8 * var(--lab-unit));display:flex}.ai-card :is(.ai-card-local-controls,.ai-card-counter-row) svg{width:calc(16 * var(--lab-unit));height:calc(16 * var(--lab-unit))}.ai-card-play{justify-content:center;align-items:center;gap:calc(7 * var(--lab-unit));padding:0 calc(13 * var(--lab-unit));min-height:calc(38 * var(--lab-unit));border-radius:calc(20 * var(--lab-unit));background:rgb(var(--card-accent-rgb) / .12);color:var(--card-accent);font-size:calc(11 * var(--lab-unit));display:inline-flex}.ai-card-play>svg:first-child{translate:1px}.ai-card-icon-button{width:calc(38 * var(--lab-unit));height:calc(38 * var(--lab-unit));color:var(--card-accent);box-shadow:0 0 0 1px rgb(var(--card-accent-rgb) / .16);border-radius:50%;flex:none;place-items:center;display:grid}.ai-card-timer-status{min-height:calc(15 * var(--lab-unit));margin-top:calc(8 * var(--lab-unit));font-size:calc(9 * var(--lab-unit));opacity:.65;line-height:1.6;display:block}.ai-card-timer-status:empty{min-height:0;margin-top:0}.ai-card-counter-row{justify-content:space-between;align-items:center;gap:calc(10 * var(--lab-unit));margin-top:calc(14 * var(--lab-unit));display:flex}.ai-card-counter output{color:var(--card-accent);font:calc(38 * var(--lab-unit)) var(--font-mono), monospace;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.ai-card-metric>strong{color:var(--card-accent);font:calc(40 * var(--lab-unit)) var(--font-mono), monospace;letter-spacing:-.06em;display:block}.ai-card-chart{color:var(--card-accent)}.ai-card-chart svg{width:100%;height:auto;margin-top:calc(8 * var(--lab-unit));display:block}.ai-card-chart-grid{stroke:currentColor;stroke-opacity:.12;fill:none}.ai-card-chart figcaption{gap:calc(8 * var(--lab-unit)) calc(16 * var(--lab-unit));font-size:calc(9 * var(--lab-unit));opacity:.8;flex-wrap:wrap;display:flex}.ai-card-chart figcaption>span{gap:calc(4 * var(--lab-unit));display:flex}.ai-card-chart figcaption strong{font-weight:500}.ai-card-swatches{gap:calc(8 * var(--lab-unit));margin-top:calc(12 * var(--lab-unit));display:flex}.ai-card-swatch{flex:1;min-width:0}.ai-card-swatch>span:first-child{min-height:calc(64 * var(--lab-unit));border-radius:calc(9 * var(--lab-unit));outline-offset:-1px;outline:1px solid #ffffff1a;outline:1px solid lab(100% 0 0/.1);display:block}.ai-card-swatch>span:last-child{font-size:calc(9 * var(--lab-unit));margin-top:calc(7 * var(--lab-unit));opacity:.72;line-height:1.4;display:block}.ai-lab :is(button,a,summary){transition:color .15s ease-out,background-color .15s ease-out,opacity .15s ease-out,scale .15s ease-out}.ai-lab button{cursor:pointer}.ai-lab button:active:not(:disabled){scale:.96}.ai-lab button:disabled{cursor:default;opacity:.5}.ai-lab .ai-lab-generate:disabled{opacity:1}.ai-lab :is(button,a,textarea,input,summary):focus-visible{outline:calc(2 * var(--lab-unit)) solid var(--lab-blue);outline-offset:calc(4 * var(--lab-unit))}.ai-lab :is(a,.ai-lab-owner-actions>button):hover:not(:disabled){color:var(--lab-orange)}.ai-lab-spinner{animation:1.5s linear infinite ai-lab-spin}@keyframes ai-lab-spin{to{rotate:360deg}}@media (max-width:980px){.ai-lab-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px}.ai-card{padding:24px}.ai-card[data-layout=split] .ai-card-blocks{gap:14px}}@media (max-width:720px){.ai-lab-intro{gap:10px;margin:0 0 24px}.ai-lab-intro h1{font-size:22px}.ai-lab-credit{font-size:10px}.ai-lab-workspace{grid-template-columns:1fr;gap:12px}.ai-lab-workbench{padding-top:24px}.ai-card h3{font-size:32px}}@media (max-width:460px){.ai-lab-prompt-wrap textarea{padding:14px;font-size:16px}.ai-card{border-radius:24px;padding:22px}.ai-card h3{font-size:29px}.ai-card[data-layout=split] .ai-card-blocks{grid-template-columns:1fr;gap:22px}.ai-card-timer-dial{width:144px;height:144px}.ai-card-timer-dial>span{font-size:32px}.ai-lab-owner-actions{flex-wrap:wrap;gap:8px}.ai-lab-delete-confirm{gap:8px}.ai-lab-delete-confirm>span{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.ai-lab :is(button,a,textarea,.ai-card,summary,summary>svg){transition:none}.ai-lab button:active:not(:disabled){scale:1}.ai-lab-spinner{animation:none}}