.workspace-page{--bg:var(--bg-deep);--bg2:var(--bg-body);--panel:var(--bg-card);--panel2:var(--bg-alt);--text:var(--text);--muted:var(--text-muted);--muted2:var(--text-dim);--line:var(--border);--accent:var(--primary);--accent2:var(--primary-light);--accentSoft:var(--primary-soft);--accentGold:var(--accent-gold);--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--radius:10px;--radius-lg:14px;--shadow:var(--shadow-card);--shadow2:var(--shadow-soft);--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--sans:var(--font-body);--ws-gap:0.85rem;--ws-gap-sm:0.5rem;--ws-gap-lg:1rem;--ws-pad:1rem;--ws-prose:72ch;font-size:var(--text-sm);line-height:1.62;letter-spacing:.008em;-webkit-font-smoothing:antialiased;flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column}[data-site-theme=light] .workspace-page,[data-site-theme=light] .workspace-page .card,[data-site-theme=light] .workspace-page .panel{--ws-surface:#ffffff;--ws-surface-muted:#f8fafc;color:#0f172a}[data-site-theme=light] .workspace-page .lead,[data-site-theme=light] .workspace-page .muted,[data-site-theme=light] .workspace-page .ws-hub__card-text,[data-site-theme=light] .workspace-page .ws-sidebar-section__lead{color:#334155}[data-site-theme=light] .workspace-page .crumbs,[data-site-theme=light] .workspace-page .pSub,[data-site-theme=light] .workspace-page .ws-hub__stat-label{color:#64748b}[data-site-theme=light] .workspace-page .card,[data-site-theme=light] .workspace-page .panel,[data-site-theme=light] .workspace-page .ws-hub__card,[data-site-theme=light] .workspace-page .ws-hub__stat{background:var(--ws-surface)}[data-site-theme=dark] .workspace-page{color:#f1f5f9}[data-site-theme=dark] .workspace-page .cardTitle,[data-site-theme=dark] .workspace-page .h1,[data-site-theme=dark] .workspace-page .pName,[data-site-theme=dark] .workspace-page .ws-hub__card-title,[data-site-theme=dark] .workspace-page .ws-hub__routine-title{color:#f8fafc}[data-site-theme=dark] .workspace-page .lead,[data-site-theme=dark] .workspace-page .muted,[data-site-theme=dark] .workspace-page .qDesc,[data-site-theme=dark] .workspace-page .ws-hub__card-text,[data-site-theme=dark] .workspace-page .ws-sidebar-section__lead{color:#cbd5e1}[data-site-theme=dark] .workspace-page .crumbs,[data-site-theme=dark] .workspace-page .pSub,[data-site-theme=dark] .workspace-page .ws-hub__stat-label,[data-site-theme=dark] .workspace-page .ws-hub__step{color:#94a3b8}[data-site-theme=dark] .workspace-page .card,[data-site-theme=dark] .workspace-page .panel,[data-site-theme=dark] .workspace-page .ws-hub__card{background:rgba(30,41,59,.92);border-color:rgba(148,163,184,.18)}[data-site-theme=dark] .workspace-page .ws-hub__stat{background:rgba(30,41,59,.85)}[data-site-theme=dark] .workspace-page .btn:not(.primary),[data-site-theme=dark] .workspace-page .contentTab,[data-site-theme=dark] .workspace-page .pItem,[data-site-theme=dark] .workspace-page .search,[data-site-theme=dark] .workspace-page .tabBtn,[data-site-theme=dark] .workspace-page .topbarLink{color:#e2e8f0}.workspace-page body,.workspace-page html,body.workspace-body{margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;font-family:var(--font-body);color:var(--text);background:var(--bg-body);letter-spacing:.012em}body.workspace-body main{height:auto;padding:0;margin:0}.workspace-page .app,body.workspace-body main{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.workspace-page .app{height:100%}.workspace-page .topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--ws-pad);border-bottom:1px solid var(--border);background:var(--header-scrolled-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex:0 0 auto;gap:var(--ws-gap)}.workspace-page .topbarNav{display:flex;align-items:center;gap:.5rem;margin-left:.75rem}.workspace-page .topbarLink{padding:.45rem .85rem;border-radius:var(--radius-sm);font-family:var(--font-brand);font-weight:700;font-size:var(--text-sm);line-height:1.2;text-decoration:none;color:var(--text);border:1px solid var(--border);background:var(--glass);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:color .22s,background .22s,border-color .22s}.workspace-page .topbarLink:hover{color:var(--primary);background:var(--primary-soft);border-color:var(--border-strong)}.workspace-page .topbarLink.active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 2px 12px var(--primary-glow)}.workspace-page .btn.ws-auth-btn{display:inline-flex;align-items:center;gap:.45rem;max-width:14rem;padding-inline:.7rem;min-height:2.15rem;min-width:5.75rem}.workspace-page .btn.ws-auth-btn[data-ws-auth=disabled],.workspace-page .btn.ws-auth-btn[data-ws-auth=pending]{display:none}.workspace-page .callout-host{margin:.7rem 0 0}.workspace-page .callout-drawer{margin:.7rem 0 0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--glass);box-shadow:var(--shadow-soft)}.workspace-page .callout-drawer__summary{display:flex;align-items:center;gap:.55rem;padding:.42rem .75rem;cursor:pointer;list-style:none;font-size:var(--text-xs);line-height:1.3}.workspace-page .callout-drawer__summary::-webkit-details-marker,.workspace-page .callout-drawer__summary::marker{display:none;content:""}.workspace-page .callout-drawer__kicker{flex:0 0 auto;font-family:var(--font-brand);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.workspace-page .callout-drawer__labels{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;color:var(--text)}.workspace-page .callout-drawer__hint{flex:0 0 auto;font-weight:700;color:var(--primary);font-size:0}.workspace-page .callout-drawer__hint:after{content:"Show";font-size:var(--text-xs)}.workspace-page .callout-drawer[open] .callout-drawer__hint:after{content:"Hide"}.workspace-page .callout-stack--in-drawer{margin:0;padding:.55rem .7rem .7rem;gap:.45rem;border-top:1px solid var(--border)}.workspace-page .callout-drawer .callout{font-size:var(--text-xs)}.workspace-page .ws-auth-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:0 0 auto}.workspace-page .ws-auth-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-page .ws-auth-action{font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);padding-left:.35rem;border-left:1px solid var(--border)}.workspace-page .brand{display:flex;align-items:center;gap:.75rem;font-family:var(--font-brand);font-weight:800}.workspace-page .logo{width:148px;height:auto}.workspace-page .chip{font-size:var(--text-2xs);padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);color:var(--text-muted);display:inline-flex;gap:.55rem;align-items:center}.workspace-page .dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px rgba(34,197,94,.18)}.workspace-page .btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:var(--radius-sm);padding:.45rem .85rem;font-family:var(--font-brand);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:transform .18s var(--ease-spring),background .22s,border-color .22s,box-shadow .22s}.workspace-page .btn:hover{background:var(--primary-soft);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.workspace-page .btn.primary{border-color:transparent;background:linear-gradient(145deg,var(--primary-dark),var(--primary-light));color:#fff;box-shadow:0 8px 22px var(--primary-glow)}.workspace-page .btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.workspace-page .layout{flex:1 1;min-height:0;display:grid;grid-template-columns:min(268px,26vw) 1fr;grid-gap:var(--ws-gap);gap:var(--ws-gap);padding:var(--ws-gap) var(--ws-pad) var(--ws-pad);max-width:1560px;margin:0 auto;width:100%;overflow:hidden}.workspace-page .panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft),var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;min-height:0;display:flex;flex-direction:column}.workspace-page .panelHeader{flex:0 0 auto;padding:.85rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--ws-gap);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-alt) 100%)}.workspace-page .panelHeader.interview-context{background:linear-gradient(135deg,var(--primary-soft) 0,var(--bg-card) 60%);border-bottom-color:var(--border-strong)}.workspace-page .panelBody{flex:1 1 auto;min-height:0;padding:.85rem 1rem 1rem;overflow:auto}.workspace-page .ws-sidebar .panelBody{padding:.75rem .85rem .85rem}.workspace-page .search{width:100%;padding:.55rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--input-bg,var(--bg-surface));color:var(--text);outline:none;font-family:var(--font-body);font-size:var(--text-sm);transition:border-color .22s,box-shadow .22s}.workspace-page .search:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px rgba(59,130,246,.14)}.workspace-page .navTabs{display:flex;gap:var(--ws-gap-sm);margin-top:.65rem}.workspace-page .tabBtn{flex:1 1;padding:.45rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);color:var(--text-muted);cursor:pointer;font-family:var(--font-brand);font-weight:700;font-size:var(--text-2xs);transition:background .22s,border-color .22s,color .22s}.workspace-page .tabBtn.active{background:var(--primary-soft);color:var(--text);border-color:var(--border-strong)}.workspace-page .patternList{display:flex;flex-direction:column;gap:.4rem;margin-top:.65rem}.workspace-page .pItem{padding:.55rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);cursor:pointer;display:flex;gap:.55rem;align-items:center;transition:border-color .22s,background .22s,transform .22s var(--ease-spring),box-shadow .22s}.workspace-page .pItem:hover{transform:translateX(3px)}.workspace-page .pItem.active,.workspace-page .pItem:hover{border-color:var(--border-strong);background:var(--primary-soft)}.workspace-page .pItem.active{box-shadow:var(--shadow-soft);border-left:3px solid var(--primary)}.workspace-page .pIdx{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-weight:800;font-size:var(--text-xs);flex:0 0 auto}.workspace-page .pName{font-family:var(--font-brand);font-weight:800;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-page .pSub{font-size:var(--text-2xs);color:var(--text-dim);margin-top:.1rem}.workspace-page .crumbs{font-size:.6875rem;color:var(--text-dim);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.workspace-page .crumbs__link{color:inherit;background:none;border:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}.workspace-page .crumbs__link:hover{color:var(--primary);text-decoration:underline}.workspace-page .h1{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.45rem);font-weight:700;margin:.35rem 0 .25rem;letter-spacing:-.02em;line-height:1.22}.workspace-page .lead{margin:0;color:var(--text-muted);line-height:1.55;font-size:var(--text-sm);max-width:var(--ws-prose)}.workspace-page .contentTabs{display:flex;gap:.4rem;margin-top:0;margin-bottom:var(--ws-gap-sm);flex-wrap:wrap}.workspace-page .contentTab{padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);color:var(--text-muted);cursor:pointer;font-family:var(--font-brand);font-weight:700;font-size:var(--text-sm);transition:background .22s,border-color .22s}.workspace-page .contentTab.active{background:var(--primary-soft);color:var(--text);border-color:var(--border-strong)}.workspace-page .card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft);overflow:hidden;margin-top:var(--ws-gap)}.workspace-page #tab-lesson,.workspace-page #tab-practice,.workspace-page #tab-progress{display:flex;flex-direction:column;gap:var(--ws-gap)}.workspace-page #tab-lesson>.card,.workspace-page #tab-practice>.card,.workspace-page #tab-progress>.card{margin-top:0}.workspace-page .cardHead{padding:.65rem .85rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--ws-gap-sm);background:var(--glass)}.workspace-page .cardTitle{font-family:var(--font-brand);font-weight:800;font-size:var(--text-sm);letter-spacing:-.01em}.workspace-page .cardBody{padding:.75rem .85rem}.workspace-page .grid2{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:var(--ws-gap);gap:var(--ws-gap)}.workspace-page .kpiRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ws-gap-sm);gap:var(--ws-gap-sm)}.workspace-page .kpi{padding:1.05rem 1.15rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass)}.workspace-page .kpi .l,.workspace-page .kpi .label{font-size:var(--text-xs);color:var(--text-dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.workspace-page .kpi .v,.workspace-page .kpi .val{margin-top:.55rem;font-family:var(--font-brand);font-weight:800;color:var(--primary);font-size:var(--text-base);line-height:1.45}.workspace-page .qList{display:flex;flex-direction:column;gap:var(--ws-gap-sm)}.workspace-page .qItem{padding:1.15rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass);display:flex;justify-content:space-between;gap:var(--ws-gap);transition:border-color .22s,background .22s,box-shadow .22s}.workspace-page .qItem:hover{border-color:var(--border-strong);background:var(--primary-soft);box-shadow:var(--shadow-soft)}.workspace-page .qTitle{font-family:var(--font-brand);font-weight:800;font-size:var(--text-base);letter-spacing:-.01em}.workspace-page .qDesc{margin-top:.45rem;color:var(--text-muted);font-size:var(--text-sm);line-height:1.65;max-width:var(--ws-prose)}.workspace-page .pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.55rem}.workspace-page .pill{font-size:var(--text-2xs);padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted)}.workspace-page .pill.easy{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.1);color:var(--good)}.workspace-page .pill.med{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.1);color:var(--warn)}.workspace-page .pill.hard{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.1);color:var(--bad)}.workspace-page .qActions{display:flex;flex-direction:column;gap:.55rem;align-items:flex-end}.workspace-page .modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(8,12,24,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--ws-gap-lg);z-index:2000}.workspace-page .modal.open{display:flex}.workspace-page .modalPane{max-width:1100px;width:100%;max-height:calc(100vh - 2.5rem);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow-lift)}.workspace-page .modalHead,.workspace-page .quizModalHead{padding:1.25rem 1.45rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--ws-gap-sm);background:var(--glass)}.workspace-page .modalBody{padding:1.35rem 1.45rem 1.55rem;overflow:auto;min-height:0}.workspace-page .modal-solution-body{font-size:var(--text-sm);line-height:1.72;color:var(--text-muted)}.workspace-page .solution-root{display:flex;flex-direction:column;gap:.85rem}.workspace-page .solution-pattern-block{padding:.85rem .95rem;border-radius:var(--radius);border:1px solid rgba(196,163,90,.35);background:rgba(196,163,90,.08)}.workspace-page .solution-pattern-block__label{margin:0 0 .35rem;font-size:var(--text-2xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent,#c4a35a)}.workspace-page .solution-pattern-block__text{margin:0;line-height:1.6}.workspace-page .solution-compare{padding:.75rem .9rem;border-radius:var(--radius);border:1px solid rgba(139,92,246,.28);background:rgba(139,92,246,.07)}.workspace-page .solution-compare__title{margin:0 0 .35rem;font-weight:800;font-size:var(--text-xs);color:var(--text)}.workspace-page .solution-variant{border:1px solid var(--border);border-radius:var(--radius);background:var(--glass);overflow:hidden}.workspace-page .solution-variant--preferred{border-color:rgba(34,197,94,.35);box-shadow:0 0 0 1px rgba(34,197,94,.12)}.workspace-page .solution-variant__head{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.65rem .85rem;border-bottom:1px solid var(--border);background:rgba(255,255,255,.03)}.workspace-page .solution-variant__name{font-weight:800;font-size:var(--text-sm);color:var(--text)}.workspace-page .solution-verdict{font-size:var(--text-2xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px}.workspace-page .solution-verdict--preferred{color:#16a34a;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28)}.workspace-page .solution-verdict--alternative{color:#d97706;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.28)}.workspace-page .solution-verdict--acceptable{color:#3b82f6;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25)}.workspace-page .solution-variant__body{padding:.8rem .9rem}.workspace-page .solution-variant__summary{margin:0 0 .55rem}.workspace-page .solution-variant__list{margin:.35rem 0 .55rem;padding-left:1.2rem}.workspace-page .solution-variant__meta{margin:.35rem 0;font-size:var(--text-2xs)}.workspace-page .solution-pros-cons{display:grid;grid-template-columns:1fr 1fr;grid-gap:.55rem;gap:.55rem;margin:.55rem 0 0}@media (max-width:640px){.workspace-page .solution-pros-cons{grid-template-columns:1fr}}.workspace-page .solution-pros-cons ul{margin:.25rem 0 0;padding-left:1.1rem}.workspace-page .solution-edge-cases{margin:.65rem 0 0;padding:.55rem .7rem;border-radius:8px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.06)}.workspace-page .modal-solution-line{margin:0 0 .65rem}.workspace-page .modal-solution-list{margin:.25rem 0 .75rem;padding-left:1.25rem}.workspace-page .modal-solution-code{margin-top:.85rem}.workspace-page .modal-code-lang{margin-left:.5rem;padding:.35rem .55rem;border-radius:8px;border:1px solid var(--border);background:var(--glass);color:var(--text);font-size:var(--text-2xs)}.workspace-page .modal-code-pre{margin:.65rem 0 0;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:rgba(0,0,0,.28);color:var(--text);overflow:auto;font-family:var(--mono);font-size:var(--text-xs);line-height:1.55;white-space:pre-wrap}[data-site-theme=light] .workspace-page .modal-code-pre{background:rgba(15,23,42,.06);color:#0f172a}.workspace-page textarea{width:100%;min-height:220px;resize:vertical;padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass);color:var(--text);outline:none;font-family:var(--mono);font-size:var(--text-xs);line-height:1.55}.workspace-page #lessonDetailCard>.cardBody>.card{margin-bottom:.75rem}.workspace-page #lessonDetailCard .lesson-section-card .cardBody{padding:.85rem 1rem}.workspace-page .worked-examples{display:flex;flex-direction:column;gap:var(--ws-gap-sm)}.workspace-page .worked-example{padding:1rem 1.05rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass)}.workspace-page .worked-example__title{margin:0 0 .5rem;font-family:var(--font-brand);font-weight:800;font-size:var(--text-sm);color:var(--text)}.workspace-page .worked-example__input,.workspace-page .worked-example__output{margin:0 0 .65rem;font-size:var(--text-xs);line-height:1.55}.workspace-page .worked-example__label{display:inline-block;margin-right:.35rem;font-size:var(--text-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.workspace-page .worked-example__steps{margin:0 0 .65rem;padding-left:1.25rem;font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}.workspace-page .worked-example__output strong{color:var(--text);font-weight:700}.workspace-page .diagram-guide-card .cardBody{padding-top:.85rem}.workspace-page .diagram-guide-intro{margin:0 0 .85rem;font-size:var(--text-xs);line-height:1.65}.workspace-page .diagram-guide-steps{margin:0;padding-left:1.35rem;display:flex;flex-direction:column;gap:.55rem;counter-reset:diagram-step;list-style:none}.workspace-page .diagram-guide-steps li{position:relative;padding:.55rem .65rem .55rem .75rem;font-size:var(--text-xs);line-height:1.6;color:var(--text);background:color-mix(in srgb,var(--surface-elevated) 88%,var(--accent) 12%);border:1px solid color-mix(in srgb,var(--border) 70%,var(--accent) 30%);border-radius:var(--radius-sm);counter-increment:diagram-step}.workspace-page .diagram-guide-steps li:before{content:counter(diagram-step);position:absolute;left:-1.35rem;top:.5rem;width:1.15rem;height:1.15rem;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--accent-contrast,#fff);background:var(--accent);border-radius:50%}.workspace-page .template-card__head{flex-wrap:wrap;align-items:center;row-gap:.65rem}.workspace-page .template-card__hint{margin:.25rem 0 0;font-size:var(--text-2xs);line-height:1.45}.workspace-page .template-lang-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.workspace-page .template-lang-tabs .tabBtn{padding:.4rem .75rem;font-size:var(--text-2xs)}.workspace-page .template-panel textarea{min-height:280px;background:rgba(0,0,0,.22);border-color:var(--border-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}[data-site-theme=light] .workspace-page .template-panel textarea{background:rgba(15,23,42,.04)}.workspace-page .template-panel__actions{display:flex;gap:.65rem;margin-top:.85rem;flex-wrap:wrap;align-items:center}.workspace-page #lessonWorkedExamples.worked-examples:empty:before{content:"No worked examples for this pattern yet.";color:var(--text-dim);font-size:var(--text-xs)}.workspace-page .modal-persist-note{margin:1rem 0 0;font-size:var(--text-2xs);line-height:1.55}.workspace-page #codeArea{width:100%;min-height:220px;resize:vertical;font-family:var(--mono,ui-monospace,monospace);padding:.85rem;color:var(--text)}.workspace-page #codeArea,.workspace-page .out{font-size:var(--text-xs);line-height:1.5;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass)}.workspace-page .out{padding:1rem;font-family:var(--mono);color:var(--text-muted);min-height:76px;white-space:pre-wrap}.workspace-page .muted{color:var(--text-dim)}.workspace-page .loadBanner{margin:0 0 var(--ws-gap);padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.08);font-size:var(--text-xs);line-height:1.55}.workspace-page .patternsPlanPanel .btn{margin-top:.45rem}.workspace-page .quizBar{height:6px;border-radius:999px;background:var(--border);overflow:hidden;margin-bottom:1.25rem}.workspace-page .quizBar>div{height:100%;background:linear-gradient(90deg,var(--primary-dark),var(--accent-gold));transition:width .28s ease}.workspace-page .quizOption{display:flex;gap:.85rem;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass);cursor:pointer;transition:border-color .22s,background .22s}.workspace-page .quizOption:has(input:checked){border-color:var(--border-strong);background:var(--primary-soft);border-left:3px solid var(--primary)}.workspace-page .quizPickGrid{display:grid;grid-template-columns:1fr;grid-gap:var(--ws-gap-sm);gap:var(--ws-gap-sm);margin-top:var(--ws-gap)}.workspace-page .quizPickCard{text-align:left;padding:1.15rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass);cursor:pointer;transition:border-color .22s,transform .22s var(--ease-spring),box-shadow .22s}.workspace-page .quizPickCard:hover{border-color:var(--border-strong);background:var(--primary-soft);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.workspace-page .quizNav{flex-wrap:wrap;margin-top:1.35rem;align-items:center;justify-content:space-between}.workspace-page .quizNav,.workspace-page .quizNav .quizNavLR{display:flex;gap:var(--ws-gap-sm)}.workspace-page .split{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ws-gap);gap:var(--ws-gap)}.workspace-page .imgWrap{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:var(--glass)}.workspace-page .imgWrap svg.pattern-diagram-anim,.workspace-page .pattern-diagram-wrap svg{width:100%;height:auto;display:block}.workspace-page .pattern-diagram-wrap .diagram-caption text{fill:var(--text-muted)}[data-site-theme=dark] .workspace-page .pattern-diagram-wrap svg rect[width="680"][height="420"],[data-site-theme=dark] .workspace-page .pattern-diagram-wrap svg rect[width="680"][height="450"]{fill:#f8fafc}.workspace-page .imgWrap img{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.workspace-page .pattern-diagram-wrap animate,.workspace-page .pattern-diagram-wrap animateTransform{display:none}}.workspace-page .appFooter{position:fixed;right:16px;bottom:12px;font-size:var(--text-2xs);color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .85rem;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft)}.workspace-page .appFooter a{color:var(--accent-link);font-weight:700;text-decoration:none}.workspace-page #mainAiContent .interview-hero,.workspace-page #mainInterviewContent .interview-hero{padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid rgba(var(--lux-primary-rgb,5,150,105),.2);background:linear-gradient(135deg,rgba(var(--lux-primary-rgb,5,150,105),.1) 0,rgba(var(--lux-primary-rgb,5,150,105),.04) 55%,var(--ws-surface,#ffffff) 100%);box-shadow:var(--shadow-soft);margin-bottom:var(--ws-gap);color:#0f172a}.workspace-page #mainAiContent .interview-hero code,.workspace-page #mainAiContent .interview-hero li,.workspace-page #mainAiContent .interview-hero p,.workspace-page #mainAiContent .interview-hero strong,.workspace-page #mainInterviewContent .interview-hero code,.workspace-page #mainInterviewContent .interview-hero li,.workspace-page #mainInterviewContent .interview-hero p,.workspace-page #mainInterviewContent .interview-hero strong{margin:0;line-height:1.62;max-width:var(--ws-prose);font-size:var(--text-sm);color:#334155}.workspace-page #mainAiContent .interview-hero strong,.workspace-page #mainInterviewContent .interview-hero strong{color:#0f172a}[data-site-theme=dark] .workspace-page #mainAiContent .interview-hero,[data-site-theme=dark] .workspace-page #mainInterviewContent .interview-hero{border-color:rgba(var(--lux-primary-rgb,16,185,129),.28);background:linear-gradient(135deg,rgba(var(--lux-primary-rgb,16,185,129),.2) 0,rgba(var(--lux-primary-rgb,16,185,129),.08) 50%,rgba(30,41,59,.96) 100%);color:#f1f5f9}[data-site-theme=dark] .workspace-page #mainAiContent .interview-hero li,[data-site-theme=dark] .workspace-page #mainAiContent .interview-hero p,[data-site-theme=dark] .workspace-page #mainInterviewContent .interview-hero li,[data-site-theme=dark] .workspace-page #mainInterviewContent .interview-hero p{color:#cbd5e1}[data-site-theme=dark] .workspace-page #mainAiContent .interview-hero strong,[data-site-theme=dark] .workspace-page #mainInterviewContent .interview-hero strong{color:#f8fafc}[data-site-theme=dark] .workspace-page #mainAiContent .interview-hero code,[data-site-theme=dark] .workspace-page #mainInterviewContent .interview-hero code{color:#e2e8f0;background:rgba(0,0,0,.25);padding:.1rem .35rem;border-radius:4px}.workspace-page #mainInterviewContent .progressWrap{gap:var(--ws-gap-sm);padding:.9rem 1.1rem;margin-bottom:var(--ws-gap-sm)}.workspace-page #mainInterviewContent .progressBar>div{background:linear-gradient(90deg,var(--primary-dark),var(--accent-gold))}.workspace-page #mainInterviewContent .searchRow{gap:var(--ws-gap-sm);margin-bottom:var(--ws-gap-sm)}.workspace-page #mainInterviewContent input[type=search],.workspace-page #mainInterviewContent select{padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-size:var(--text-xs)}.workspace-page #mainInterviewContent .interview-grid{gap:var(--ws-gap)}.workspace-page .interviewNav{display:flex;flex-direction:column;gap:var(--ws-gap-sm)!important}.workspace-shell{width:100%;flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column}.workspace-page--playful .pItem{transition:transform .28s var(--ease-spring,cubic-bezier(.34,1.56,.64,1)),box-shadow .28s ease,border-color .2s ease}.workspace-page--playful .pItem:hover{transform:translateX(4px) scale(1.01)}.workspace-page--playful .pItem.active{box-shadow:0 0 0 1px var(--accent),0 8px 24px rgba(16,185,129,.18)}.workspace-page--playful .btn{transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s ease}.workspace-page--playful .btn:hover{transform:translateY(-1px)}.workspace-page--playful .btn.primary{box-shadow:0 4px 18px rgba(16,185,129,.28)}.workspace-page--playful .chip .dot{animation:ws-pulse 2s ease-in-out infinite}@keyframes ws-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.75}}.workspace-page .patternsPlanPanel{margin-top:.65rem;padding:.65rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);box-shadow:var(--shadow-soft);font-size:var(--text-2xs);line-height:1.5}.workspace-page .patternsPlanPanel .kpi{padding:.55rem .65rem;margin-bottom:.45rem}.workspace-page .patternsPlanPanel .bullets{margin:.35rem 0 0;padding-left:1.1rem}.workspace-page .patternsPlanPanel .mini{margin-top:.45rem;color:var(--text-dim)}.workspace-page .ws-sidebar-section{margin-top:.65rem}.workspace-page .ws-sidebar-section__title{margin:0 0 .35rem;font-family:var(--font-brand);font-size:var(--text-2xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.workspace-page .ws-sidebar-section__lead{margin:0 0 .45rem;font-size:var(--text-2xs);line-height:1.45;color:var(--text-muted)}.workspace-page .ws-hub{display:flex;flex-direction:column;gap:var(--ws-gap)}.workspace-page .ws-hub__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.45rem;gap:.45rem}.workspace-page .ws-hub__stat{padding:.65rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);text-align:center}.workspace-page .ws-hub__stat-val{display:block;font-family:var(--font-brand);font-weight:800;font-size:var(--text-lg);color:var(--primary);line-height:1.15}.workspace-page .ws-hub__stat-label{display:block;margin-top:.2rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.workspace-page .ws-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--ws-gap);gap:var(--ws-gap)}.workspace-page .ws-hub__card{padding:.85rem .9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.45rem;min-height:0}.workspace-page .ws-hub__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem}.workspace-page .ws-hub__card-title{margin:0;font-family:var(--font-brand);font-size:var(--text-sm);font-weight:800;letter-spacing:-.01em;color:var(--text)}.workspace-page .ws-hub__badge{flex:0 0 auto;font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);background:var(--glass)}.workspace-page .ws-hub__card-text{margin:0;font-size:var(--text-2xs);line-height:1.55;color:var(--text-muted)}.workspace-page .ws-hub__list{margin:0;padding-left:1rem;font-size:var(--text-2xs);line-height:1.5;color:var(--text-muted)}.workspace-page .ws-hub__list li+li{margin-top:.2rem}.workspace-page .ws-hub__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.workspace-page .ws-hub__actions .btn{font-size:var(--text-2xs);padding:.4rem .7rem}.workspace-page .ws-hub__routine{padding:.75rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(135deg,var(--primary-soft) 0,var(--glass) 100%)}.workspace-page .ws-hub__routine-title{margin:0 0 .35rem;font-family:var(--font-brand);font-size:var(--text-sm);font-weight:800}.workspace-page .ws-hub__routine p{margin:0;font-size:var(--text-2xs);line-height:1.55;color:var(--text-muted)}.workspace-page .ws-hub__routine-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.4rem;gap:.4rem;margin-top:.55rem}.workspace-page .ws-hub__step{padding:.45rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);font-size:.625rem;font-weight:600;line-height:1.35;text-align:center;color:var(--text-muted)}.workspace-page .ws-hub__step strong{display:block;color:var(--primary);font-size:.6875rem;margin-bottom:.15rem}@media (max-width:1100px){.workspace-page .ws-hub__routine-steps,.workspace-page .ws-hub__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.workspace-page .ws-hub__grid{grid-template-columns:1fr}}.workspace-loading--playful{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:var(--bg-body);overflow:hidden;pointer-events:none}.workspace-loading__content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1.5rem}.workspace-loading__text{margin:0;font-size:1rem;font-weight:600}.workspace-loading,.workspace-loading__text{color:var(--text-muted);justify-content:center}.workspace-loading{display:flex;align-items:center;height:100vh;font-family:var(--font-brand);gap:var(--ws-gap-sm);font-size:var(--text-sm)}.workspace-loading__spinner{width:26px;height:26px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.workspace-page .ws-sidebar-backdrop,.workspace-page .ws-sidebar-toggle{display:none}body.ws-sidebar-lock{overflow:hidden}.workspace-page code,.workspace-page pre{max-width:100%}.workspace-page pre{overflow-x:auto;word-break:break-word;white-space:pre-wrap}.workspace-page .topbar__start{display:flex;align-items:center;gap:.65rem;min-width:0}@media (max-width:980px){.workspace-page{--ws-pad:0.65rem;--ws-gap-lg:0.65rem}body.workspace-body{height:100vh;height:100dvh}.workspace-page .topbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"start actions" "nav nav";height:auto;min-height:56px;padding:max(.45rem,env(safe-area-inset-top)) var(--ws-pad) .45rem;grid-gap:.45rem .65rem;gap:.45rem .65rem;align-items:center}.workspace-page .topbar__start{grid-area:start;min-width:0}.workspace-page .topbar>div:last-child{grid-area:actions;flex-wrap:nowrap;gap:.4rem}.workspace-page .topbarNav{grid-area:nav;display:flex;align-items:center;gap:.35rem;margin-left:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.workspace-page .topbarNav::-webkit-scrollbar{display:none}.workspace-page .topbarLink{padding:.48rem .72rem;font-size:var(--text-xs);white-space:nowrap;flex:0 0 auto}.workspace-page .logo{width:min(140px,36vw)}.workspace-page .chip{font-size:.7rem;padding:.35rem .55rem;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-page .btn{padding:.5rem .72rem;font-size:var(--text-xs)}.workspace-page .ws-sidebar-toggle{display:inline-flex;flex:0 0 auto}.workspace-page .layout{grid-template-columns:1fr;grid-template-rows:1fr;gap:0;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom));position:relative}.workspace-page .layout>main.panel{order:1;min-height:0}.workspace-page .ws-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:1400;background:rgba(8,12,24,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}body.ws-sidebar-lock .workspace-page .ws-sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}.workspace-page .ws-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(88vw,320px);max-width:320px;z-index:1500;transform:translateX(-105%);transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-lift);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.workspace-page .layout.sidebar-open .ws-sidebar{transform:translateX(0)}.workspace-page .grid2,.workspace-page .kpiRow,.workspace-page .split{grid-template-columns:1fr}.workspace-page .panelHeader{flex-direction:column;align-items:flex-start;padding:1.25rem 1.2rem}.workspace-page .panelBody{padding:1.25rem 1.2rem 1.35rem}.workspace-page .contentTabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.workspace-page .contentTabs::-webkit-scrollbar{display:none}.workspace-page .contentTab{flex:0 0 auto;white-space:nowrap}.workspace-page .navTabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.workspace-page .navTabs .tabBtn{flex:0 0 auto;white-space:nowrap}.workspace-page .cardHead{flex-direction:column;align-items:flex-start}.workspace-page .template-lang-tabs{margin-left:0;width:100%}}@media (max-width:640px){.workspace-page .qItem{flex-direction:column;align-items:stretch}.workspace-page .qActions{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.workspace-page .modal{padding:0;align-items:stretch}.workspace-page .modalPane{max-width:none;width:100%;max-height:100dvh;height:100%;border-radius:0;border-left:none;border-right:none}.workspace-page .modalHead,.workspace-page .quizModalHead{padding:.85rem 1rem;flex-wrap:wrap}.workspace-page .modalBody{padding:.9rem 1rem 1rem}.workspace-page #resetBtn,.workspace-page .appFooter{display:none}.workspace-page .quizNav{flex-direction:column;align-items:stretch}.workspace-page .quizNav .quizNavLR{width:100%;justify-content:space-between}.workspace-page .h1{font-size:clamp(1.45rem,5vw,1.75rem)}.workspace-page .crumbs{font-size:.68rem;word-break:break-word}}@media (max-width:480px){.workspace-page .chip{display:none}.workspace-page .topbar>div:last-child .btn:not(.primary):not(.ws-sidebar-toggle){min-width:2.35rem;padding-inline:.55rem}}.workspace-page .ai-lab-flow{display:grid;grid-gap:.35rem;gap:.35rem;margin:.85rem 0 1rem;padding:1rem 1.1rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--bg-card)),var(--bg-card))}.workspace-page .ai-lab-flow-node{padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass);animation:ai-lab-float 4s ease-in-out infinite}.workspace-page .ai-lab-flow-node:nth-child(3){animation-delay:.5s}.workspace-page .ai-lab-flow-node:nth-child(5){animation-delay:1s}.workspace-page .ai-lab-flow-node:nth-child(7){animation-delay:1.5s}.workspace-page .ai-lab-flow-node b{display:block;margin-bottom:.2rem}.workspace-page .ai-lab-flow-arrow{text-align:center;color:var(--accent);font-size:1.25rem;animation:ai-lab-pulse 1.5s infinite}.workspace-page .ai-lab-toc{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0 1rem;padding:.75rem .85rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass)}.workspace-page .ai-lab-toc a{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--border);font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);text-decoration:none;transition:border-color .15s,color .15s,background .15s}.workspace-page .ai-lab-toc a:focus-visible,.workspace-page .ai-lab-toc a:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent)}.workspace-page .ai-lab-demo input[type=range]{flex:1 1;min-width:120px;accent-color:var(--accent)}.workspace-page .ai-lab-glossary details{border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .8rem;margin:.45rem 0;background:var(--glass)}@keyframes ai-lab-float{50%{transform:translateY(-4px)}}@keyframes ai-lab-pulse{50%{opacity:.35}}.workspace-page .ai-lab-pipeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.45rem;gap:.45rem;margin:1rem 0 .5rem}.workspace-page .ai-lab-pipeline--5{grid-template-columns:repeat(5,minmax(0,1fr))}.workspace-page .ai-lab-pipe{min-height:4.5rem;padding:.65rem .5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass);display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:var(--text-2xs);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.workspace-page .ai-lab-pipe.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-2px)}.workspace-page .ai-lab-pipe small{color:var(--text-dim);margin-top:.2rem}.workspace-page .ai-lab-note{margin:.85rem 0 0;padding:.75rem .9rem;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:var(--text-xs);line-height:1.55;color:var(--text-muted)}.workspace-page .ai-lab-note--warn{border-left-color:#d97706;background:rgba(217,119,6,.08)}.workspace-page .ai-lab-demo{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;background:var(--glass)}.workspace-page .ai-lab-demo-head{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:.85rem}.workspace-page .ai-lab-input{width:100%;padding:.75rem .9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text)}.workspace-page .ai-lab-tokens{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem;min-height:2rem}.workspace-page .ai-lab-token{padding:.28rem .5rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:var(--text-2xs);animation:ai-lab-pop .25s ease both}@keyframes ai-lab-pop{0%{opacity:0;transform:scale(.9)}}.workspace-page .ai-lab-vector-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:.3rem;gap:.3rem}.workspace-page .ai-lab-vector-cell{height:1.85rem;border-radius:6px;display:grid;place-items:center;font-size:.62rem;color:color-mix(in srgb,var(--accent) 70%,var(--text));background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}.workspace-page .ai-lab-attn-wrap{overflow-x:auto}.workspace-page .ai-lab-attn-table{border-collapse:collapse;width:100%;min-width:560px;font-size:var(--text-2xs)}.workspace-page .ai-lab-attn-table td,.workspace-page .ai-lab-attn-table th{border:1px solid var(--border);padding:.45rem;text-align:center}.workspace-page .ai-lab-heat{background:color-mix(in srgb,var(--accent) calc(var(--a) * 100%),transparent)}.workspace-page .ai-lab-layers{display:flex;align-items:stretch;gap:.45rem;overflow-x:auto;padding:.65rem .15rem 1rem}.workspace-page .ai-lab-layer{min-width:5.5rem;min-height:5.5rem;padding:.55rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--glass);display:grid;place-items:center;text-align:center;font-size:var(--text-2xs);position:relative;transition:transform .25s ease,box-shadow .25s ease}.workspace-page .ai-lab-layer.is-active{transform:translateY(-3px);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent),0 12px 28px color-mix(in srgb,var(--accent) 16%,transparent)}.workspace-page .ai-lab-layer:not(:last-child):after{content:"→";position:absolute;right:-.7rem;color:var(--accent);font-size:.9rem}.workspace-page .ai-lab-probs{display:grid;grid-gap:.55rem;gap:.55rem}.workspace-page .ai-lab-prob-row{display:grid;grid-template-columns:4.5rem 1fr 2.5rem;grid-gap:.5rem;gap:.5rem;align-items:center;font-size:var(--text-xs)}.workspace-page .ai-lab-bar{height:.7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);overflow:hidden}.workspace-page .ai-lab-bar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#38bdf8));transition:width .7s ease}.workspace-page .ai-lab-generated{margin-top:1rem;font-size:1.05rem}.workspace-page .ai-lab-highlight{color:var(--accent);font-weight:700}.workspace-page .ai-lab-chatbox{border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem;background:var(--glass)}.workspace-page .ai-lab-msg{padding:.65rem .75rem;border-radius:var(--radius);margin:.45rem 0;max-width:92%;font-size:var(--text-xs);line-height:1.5}.workspace-page .ai-lab-msg--user{margin-left:auto;background:color-mix(in srgb,var(--accent) 14%,transparent)}.workspace-page .ai-lab-msg--assistant{background:var(--bg-card);border:1px solid var(--border)}.workspace-page .ai-lab-msg--hidden{background:color-mix(in srgb,#7c3aed 10%,transparent);border:1px dashed color-mix(in srgb,#7c3aed 35%,var(--border))}.workspace-page .ai-lab-msg--tool{background:color-mix(in srgb,#059669 12%,transparent);border:1px solid color-mix(in srgb,#059669 30%,var(--border))}.workspace-page .ai-lab-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.workspace-page .ai-lab-tab{padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-2xs)}.workspace-page .ai-lab-tab.is-active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));font-weight:700}.workspace-page .ai-lab-tabpanel{display:none}.workspace-page .ai-lab-tabpanel.is-active{display:block}.workspace-page .ai-lab-code{margin:.85rem 0 0;padding:.9rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--ink,#0f172a) 92%,#000);color:#d1fae5;font-family:var(--mono,ui-monospace,monospace);font-size:var(--text-2xs);line-height:1.55;overflow:auto;white-space:pre}[data-site-theme=light] .workspace-page .ai-lab-code{background:#0f172a}.workspace-page .ai-lab-compare{border-radius:var(--radius);border:1px solid var(--border);padding:1rem}.workspace-page .ai-lab-compare--do{background:rgba(5,150,105,.07)}.workspace-page .ai-lab-compare--dont{background:rgba(220,38,38,.06)}.workspace-page .ai-lab-diagram{position:relative;min-height:220px;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 14%,transparent),transparent 50%),var(--glass)}.workspace-page .ai-lab-neuron{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 65%,transparent);animation:ai-lab-pulse 1.8s infinite}.workspace-page .ai-lab-line{position:absolute;height:1px;background:color-mix(in srgb,var(--text) 18%,transparent);transform-origin:left center}.workspace-page .ai-lab-explain{width:100%;min-width:520px;border-collapse:collapse;font-size:var(--text-xs)}.workspace-page .ai-lab-explain td,.workspace-page .ai-lab-explain th{padding:.65rem .55rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;color:var(--text-muted)}.workspace-page .ai-lab-explain th{color:var(--text-dim);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em}.workspace-page .ai-lab-faq details{border-bottom:1px solid var(--border);padding:.7rem 0}.workspace-page .ai-lab-faq summary{cursor:pointer;font-weight:700;font-size:var(--text-sm)}@media (max-width:900px){.workspace-page .ai-lab-pipeline,.workspace-page .ai-lab-pipeline--5{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-page .ai-lab-layer:not(:last-child):after{display:none}}@media (prefers-reduced-motion:reduce){.workspace-page .ai-lab-flow-arrow,.workspace-page .ai-lab-flow-node,.workspace-page .ai-lab-neuron,.workspace-page .ai-lab-token{animation:none!important}}