:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(97.2% .004 250);--bg-grid:oklch(94.5% .005 250);--panel:oklch(100% 0 0);--panel-soft:oklch(97.8% .003 250);--panel-strong:oklch(95.2% .005 250);--workbench-bg:oklch(21.5% .012 252);--workbench-panel:oklch(26.2% .012 252);--workbench-soft:oklch(29.5% .012 252);--workbench-line:oklch(35.5% .012 252);--workbench-ink:oklch(96.5% .004 250);--workbench-muted:oklch(70.5% .012 250);--ink:oklch(20.5% .014 252);--ink-soft:oklch(30.5% .012 252);--muted:oklch(47.5% .012 252);--muted-soft:oklch(60.5% .01 252);--faint:oklch(90.5% .006 252);--line:oklch(87.2% .008 252);--line-strong:oklch(79.5% .01 252);--primary:oklch(39.5% .132 252);--primary-dark:oklch(30.5% .125 252);--primary-soft:oklch(94.5% .02 252);--primary-line:oklch(39.5% .132 252/.18);--accent:oklch(83.5% .175 88);--accent-dark:oklch(62.5% .155 78);--accent-line:oklch(83.5% .175 88/.55);--accent-soft:oklch(97.2% .045 92);--success:oklch(55.5% .13 152);--success-soft:oklch(95.5% .04 152);--warning:oklch(68.5% .155 70);--warning-soft:oklch(96.5% .055 78);--danger:oklch(55.5% .19 26);--danger-soft:oklch(96.2% .045 28);--info:oklch(53.5% .14 235);--info-soft:oklch(95.2% .038 235);--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-pill:999px;--shadow-hairline:0 0 0 1px oklch(20.5% .014 252/.07);--shadow-sm:0 1px 0 oklch(20.5% .014 252/.04), 0 1px 3px oklch(20.5% .014 252/.05);--shadow-md:0 2px 12px oklch(20.5% .014 252/.08), 0 0 0 1px oklch(20.5% .014 252/.05);--shadow-lg:0 20px 48px oklch(20.5% .014 252/.12), 0 0 0 1px oklch(20.5% .014 252/.05);--shadow-slide:0 30px 60px -20px oklch(0% 0 0/.45), 0 18px 32px -16px oklch(0% 0 0/.3);--font-sans:"Inter", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "IBM Plex Mono", "Menlo", "Consolas", ui-monospace, monospace;font-family:var(--font-sans);color:var(--ink)}html,body,#root{min-height:100%;margin:0}*{box-sizing:border-box}body{background:linear-gradient(var(--bg-grid) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px) 0 0 / 32px 32px, var(--bg);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;letter-spacing:.005em;background-attachment:fixed}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1, "zero" 1}.kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.relative{position:relative}.full-width{width:100%}.app-shell{background:0 0;min-height:100vh;display:flex}.sidebar{z-index:10;background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:0 0 264px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:inset 1px 0 oklch(100% 0 0/.6)}.brand{color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;margin:22px 18px 18px;padding:0;display:grid}.brand-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);width:40px;height:40px;color:var(--accent);place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1),0 1px 2px oklch(20.5% .014 252/.25)}.brand-mark:after{content:"";background:var(--accent);border-radius:0 0 var(--radius-sm) var(--radius-sm);height:3px;position:absolute;inset:auto 0 0}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{letter-spacing:.01em;font-size:15px;font-weight:700}.brand-copy small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10.5px;font-weight:500}.new-course{border-radius:var(--radius-sm);background:var(--primary);color:#fff;letter-spacing:.02em;min-height:42px;box-shadow:inset 0 -2px 0 var(--primary-dark), inset 0 0 0 1px oklch(100% 0 0/.1);border:0;justify-content:center;align-items:center;gap:8px;margin:6px 16px 22px;font-size:13px;font-weight:700;transition:background .14s,transform .14s;display:inline-flex;position:relative}.new-course:hover{background:var(--primary-dark)}.new-course:active{transform:translateY(1px)}.nav-list{gap:2px;padding:6px 10px;display:grid}.nav-item{border-radius:var(--radius-sm);min-height:36px;color:var(--muted);text-align:left;letter-spacing:.01em;background:0 0;border:0;align-items:center;gap:11px;padding:0 12px 0 14px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex;position:relative}.nav-item svg{color:var(--muted-soft);transition:color .12s}.nav-item:hover{background:var(--panel-soft);color:var(--ink)}.nav-item:hover svg{color:var(--ink)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.nav-item.active svg{color:var(--primary)}.nav-item.active:before{content:"";border-radius:var(--radius-xs);background:var(--accent);width:3px;position:absolute;top:9px;bottom:9px;left:6px}.recent-panel{flex-direction:column;flex:1;min-height:0;margin-top:22px;padding:0 18px;display:flex}.recent-panel>p{color:var(--muted-soft);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px 2px;font-size:10.5px;font-weight:600}.recent-list{gap:2px;display:grid}.recent-item{border-radius:var(--radius-sm);width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:12px minmax(0,1fr);align-items:start;gap:10px;padding:8px;transition:background .12s;display:grid}.recent-item:hover{background:var(--panel-soft)}.recent-dot{background:var(--accent-dark);border:1px solid var(--accent-dark);width:6px;height:6px;margin-top:6px}.recent-dot.done{background:var(--success);border-color:var(--success)}.recent-dot.running{background:var(--info);border-color:var(--info);animation:1.6s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px oklch(53.5% .14 235/.18)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px oklch(53.5% .14 235/.18)}50%{box-shadow:0 0 0 5px oklch(53.5% .14 235/.08)}}.recent-item strong,.recent-item small{display:block}.recent-item strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12.5px;font-weight:600;line-height:1.3;overflow:hidden}.recent-item small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;margin-top:3px;font-size:11px;font-weight:500}.account-mini{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft);box-shadow:var(--shadow-sm);grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;margin:14px 16px 16px;padding:10px 12px;display:grid}.avatar{border-radius:var(--radius-sm);background:var(--primary);color:#fff;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.12)}.account-mini strong,.account-mini small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-mini strong{letter-spacing:.01em;font-size:12.5px;font-weight:700}.account-mini small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;margin-top:3px;font-size:11px}.account-mini svg{color:var(--muted-soft)}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:8;border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;min-height:52px;padding:9px 32px;display:flex;position:sticky;top:0;box-shadow:0 1px oklch(20.5% .014 252/.025)}.topbar-meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:16px;font-size:11.5px;font-weight:500;display:flex}.topbar-meta .sep{background:var(--line);width:1px;height:16px}.topbar-meta .status-led{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 3px var(--success-soft);place-items:center;display:inline-grid}.credits-pill{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);min-height:34px;color:var(--ink);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;transition:border-color .12s;display:inline-flex}.credits-pill svg{color:var(--accent-dark)}.credits-pill:hover{border-color:var(--ink)}.main-content{width:100%;max-width:1280px;margin:0 auto;padding:28px 36px 48px}.main-content-home,.main-content-workbench{max-width:none;padding:0}.home-stage{justify-content:center;min-height:calc(100vh - 53px);padding:64px 28px 44px;display:flex}.home-inner{width:min(820px,100%)}.home-title{text-align:center;margin-bottom:28px}.home-title h1{color:var(--ink);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:34px;font-weight:700;line-height:1.18}.home-title p{color:var(--muted);margin:12px 0 0;font-size:14px;font-weight:500}.composer-card{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-md);position:relative;overflow:visible}.composer-card:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--primary) 30%, var(--accent) 30%, var(--accent) 32%, var(--primary) 32%, var(--primary) 100%);border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none;height:3px;position:absolute;top:-1px;left:-1px;right:-1px}.composer-card textarea{width:100%;min-height:124px;color:var(--ink);resize:none;background:0 0;border:0;padding:26px 28px 18px;font-size:15px;font-weight:500;line-height:1.65;display:block}.composer-card textarea::placeholder{color:var(--muted-soft)}.composer-card input,.composer-card textarea{box-shadow:none}.upload-drop{width:100%;min-height:138px;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:16px;padding:26px 28px 18px;display:flex}.upload-drop>svg{color:var(--primary);flex:none}.upload-drop strong,.upload-drop small{display:block}.upload-drop strong{font-size:15px;font-weight:700}.upload-drop small{color:var(--muted);font-family:var(--font-mono);margin-top:6px;font-size:12px}.composer-toolbar{border-top:1px solid var(--line);background:var(--panel-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:6px;min-width:0;display:flex}.toolbar-left{flex:1;overflow:visible}.circle-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);width:36px;height:36px;color:var(--ink);flex:none;place-items:center;transition:border-color .12s,background .12s;display:grid}.circle-button:hover,.circle-button.active{border-color:var(--ink);background:var(--panel)}.soft-chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);min-height:30px;color:var(--muted);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;transition:border-color .12s,color .12s;display:inline-flex}.soft-chip:hover{color:var(--ink);border-color:var(--line-strong)}.soft-chip.active{background:var(--ink);color:var(--panel);border-color:var(--ink)}.mode-pill{border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary);color:#fff;white-space:nowrap;letter-spacing:.02em;min-height:36px;box-shadow:inset 0 -2px 0 var(--primary-dark);align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.mode-pill:hover{background:var(--primary-dark)}.send-button{border-radius:var(--radius-sm);background:var(--accent);color:oklch(20.5% .014 252);width:38px;height:38px;box-shadow:inset 0 -2px 0 var(--accent-dark);border:0;place-items:center;transition:background .14s,transform .14s;display:grid}.send-button:hover{background:var(--accent-dark);color:#fff}.send-button:active{transform:translateY(1px)}.send-button:disabled,.primary-button:disabled,.secondary-button:disabled,.mode-pill:disabled,.generated-refresh:disabled{cursor:not-allowed;opacity:.62;transform:none}.floating-menu{z-index:30;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-lg);padding:4px;position:absolute}.plus-menu{width:264px;bottom:calc(100% + 8px);left:0}.mode-menu{width:252px;bottom:calc(100% + 10px);right:0}.menu-action,.mode-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:11px;padding:9px 10px;display:grid}.menu-action:hover,.mode-menu-item:hover,.mode-menu-item.active{background:var(--panel-soft)}.menu-action>span:first-child,.mode-menu-item>span:first-child{border-radius:var(--radius-sm);background:var(--primary-soft);width:32px;height:32px;color:var(--primary);place-items:center;display:grid}.menu-action strong,.mode-menu-item strong{font-size:13px;font-weight:700;display:block}.menu-action small,.mode-menu-item small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;margin-top:3px;font-size:11px;display:block}.suggestion-row{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;gap:6px;padding:12px 14px 14px;display:flex}.suggestion-row button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--muted);padding:6px 11px;font-size:12px;font-weight:600;transition:color .12s,border-color .12s}.suggestion-row button:hover{color:var(--ink);border-color:var(--ink)}.ai-run-state{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);gap:9px;margin:0 14px 12px;padding:11px 12px;display:grid}.step-main>.ai-run-state{margin:0 0 12px}.ai-run-state.running{border-color:var(--primary-line);background:var(--primary-soft)}.ai-run-state.error{border-color:var(--danger-soft);background:var(--danger-soft)}.ai-run-head{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ai-run-icon{border-radius:var(--radius-xs);background:var(--panel);width:22px;height:22px;color:var(--primary);place-items:center;display:grid}.ai-run-state.error .ai-run-icon{color:var(--danger)}.ai-run-head strong{color:var(--ink);font-size:12.5px;font-weight:700}.ai-run-head small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.03em;font-size:10.5px}.ai-run-state p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.ai-run-bar{background:var(--line);border-radius:2px;height:3px;position:relative;overflow:hidden}.ai-run-bar span{border-radius:inherit;background:var(--primary);width:42%;animation:1.15s ease-in-out infinite ai-run-progress;position:absolute;inset:0 auto 0 0}@keyframes ai-run-progress{0%{transform:translate(-110%)}55%{transform:translate(85%)}to{transform:translate(240%)}}.quick-modes{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.quick-modes button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);min-height:36px;color:var(--muted);letter-spacing:.02em;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:700;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.quick-modes button:hover{color:var(--ink);border-color:var(--line-strong)}.quick-modes button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.example-section{margin-top:36px}.example-section h2{color:var(--ink);letter-spacing:.01em;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.example-section h2 svg{color:var(--accent-dark)}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.example-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);min-height:88px;color:var(--ink);text-align:left;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .14s,transform .14s;display:grid}.example-card:hover{border-color:var(--ink);transform:translateY(-1px)}.example-card.featured{border-color:var(--primary);background:linear-gradient(135deg, var(--primary-soft) 0%, var(--panel) 75%)}.example-card>span:first-child{border-radius:var(--radius-sm);background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border:1px solid var(--primary-line);place-items:center;display:grid}.example-card.featured>span:first-child{background:var(--primary);color:var(--accent);border-color:var(--primary)}.example-card strong,.example-card small{display:block}.example-card strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.005em;font-size:14px;font-weight:700;overflow:hidden}.example-card small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:var(--font-mono);margin-top:4px;font-size:11.5px;overflow:hidden}.primary-button,.secondary-button{border-radius:var(--radius-sm);letter-spacing:.02em;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:inset 0 -2px 0 var(--primary-dark)}.primary-button:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.primary-button:active{transform:translateY(1px)}.secondary-button{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink)}.secondary-button:hover{border-color:var(--ink);background:var(--panel-soft)}.secondary-button.danger{color:var(--danger);border-color:var(--danger-soft)}.secondary-button.danger:hover{border-color:var(--danger);background:var(--danger-soft)}.studio-page,.page-stack{gap:18px;display:grid}.studio-header,.page-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 0;display:flex}.studio-header h1,.page-header h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.2}.studio-header p,.page-header p{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:500}.flow-tabs{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-sm);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.flow-tab{border:0;border-right:1px solid var(--line);background:var(--panel);min-height:70px;color:var(--ink);text-align:left;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:3px 12px;padding:12px 14px;transition:background .14s;display:grid;position:relative}.flow-tab:last-child{border-right:0}.flow-tab:hover{background:var(--panel-soft)}.flow-tab span{border-radius:var(--radius-sm);background:var(--panel-soft);width:30px;height:30px;color:var(--muted);font-family:var(--font-mono);border:1px solid var(--line);grid-row:1/span 2;place-items:center;font-size:12px;font-weight:700;display:grid}.flow-tab strong,.flow-tab small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.flow-tab strong{letter-spacing:.005em;font-size:13px;font-weight:700}.flow-tab small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;font-size:11px}.flow-tab.active{background:linear-gradient(180deg, var(--primary-soft) 0%, var(--panel) 100%)}.flow-tab.active:before{content:"";background:var(--accent);height:2px;position:absolute;top:0;left:0;right:0}.flow-tab.active span{background:var(--primary);color:#fff;border-color:var(--primary)}.flow-tab.locked{color:var(--muted-soft);background:var(--panel-soft);opacity:.85}.flow-tab.locked span{color:var(--muted-soft)}.step-shell{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.step-shell.intake-grid{grid-template-columns:minmax(0,1fr) 390px}.components-layout{grid-template-columns:minmax(0,1fr);align-items:start}.draft-layout{display:block}.step-main,.source-panel,.audit-card,.generated-assets,.ai-edit-panel,.work-card,.material-card,.template-card,.setting-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-sm)}.step-main,.source-panel,.audit-card,.generated-assets,.ai-edit-panel{padding:20px}.step-title{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:16px;padding-bottom:14px;display:grid}.step-title>span{border-radius:var(--radius-sm);background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border:1px solid var(--primary-line);place-items:center;display:grid}.step-title h2{letter-spacing:.005em;margin:0;font-size:16px;font-weight:700;line-height:1.25}.step-title p{color:var(--muted);margin:4px 0 0;font-size:12.5px;font-weight:500;line-height:1.55}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:6px;margin-bottom:14px;display:grid}.field>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:700}input,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);width:100%;color:var(--ink);resize:vertical;padding:10px 12px;font-size:14px;line-height:1.5;transition:border-color .12s,box-shadow .12s}input:hover,textarea:hover{border-color:var(--ink)}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-line);outline:none}input[readonly]{color:var(--muted);background:var(--panel-soft);font-family:var(--font-mono);font-size:13px}.step-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;display:flex}.step-actions.split{justify-content:space-between}.upload-large{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:repeating-linear-gradient(45deg, transparent 0, transparent 8px, oklch(94.5% .005 250) 8px, oklch(94.5% .005 250) 9px), var(--panel-soft);width:100%;min-height:110px;color:var(--muted);letter-spacing:.02em;place-items:center;gap:8px;font-size:13px;font-weight:700;transition:border-color .14s,color .14s;display:grid}.upload-large:hover{border-color:var(--primary);color:var(--primary)}.doc-list{gap:6px;margin-top:14px;display:grid}.doc-list article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px 12px;display:grid}.doc-list svg:first-child{color:var(--primary)}.doc-list svg:last-child{color:var(--success)}.doc-list strong,.doc-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.doc-list strong{font-size:12.5px;font-weight:600}.doc-list small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;margin-top:3px;font-size:11px}.audit-card,.generated-assets,.ai-edit-panel{align-self:stretch}.audit-line{color:var(--muted);border-bottom:1px dashed var(--line);grid-template-columns:16px 46px 90px minmax(0,1fr);gap:8px;padding:8px 0;font-size:12px;line-height:1.5;display:grid}.audit-line:last-child{border-bottom:0}.audit-line svg{color:var(--muted-soft);margin-top:2px}.audit-line strong{color:var(--ink);font-size:12px;font-weight:700}.audit-line span{font-family:var(--font-mono);letter-spacing:.02em;font-size:11.5px}.audit-line p{margin:0}.asset-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.asset-pick{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);min-height:70px;color:var(--ink);text-align:left;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;transition:border-color .14s;display:grid}.asset-pick:hover{border-color:var(--ink)}.asset-pick.selected{border-color:var(--primary);background:var(--primary-soft)}.asset-pick>svg:first-child{color:var(--primary)}.asset-pick strong,.asset-pick small{display:block}.asset-pick strong{font-size:13px;font-weight:700}.asset-pick small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;margin-top:3px;font-size:11px}.asset-pick>svg:last-child{color:var(--success)}.generated-assets{grid-template-rows:auto;align-content:stretch;min-height:0;display:grid}.generated-assets article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:18px;min-height:116px;padding:18px 20px;display:grid}.generated-assets article+article{margin-top:12px}.generated-assets article>div{gap:7px;min-width:0;display:grid}.generated-assets article span{border-radius:var(--radius-xs);background:var(--accent-soft);width:fit-content;color:var(--accent-dark);border:1px solid var(--accent-line);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;font-size:10.5px;font-weight:700}.generated-assets article strong{font-size:13px;font-weight:600;line-height:1.45}.generated-assets article p{color:var(--muted);margin:0;font-size:12px;font-weight:500;line-height:1.55}.generated-assets article button{border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary);color:#fff;letter-spacing:.02em;width:120px;box-shadow:inset 0 -2px 0 var(--primary-dark);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.generated-assets article button:hover{background:var(--primary-dark)}.generated-refresh{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);width:fit-content;min-height:34px;color:var(--ink);justify-content:center;align-items:center;gap:7px;margin:-2px 0 10px auto;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.generated-refresh:hover{border-color:var(--primary);color:var(--primary)}.app-shell.workbench-mode .sidebar,.app-shell.workbench-mode .topbar{display:none}.app-shell.workbench-mode .app-main{width:100%}.app-shell.workbench-mode .ppt-workbench{height:100vh}.ppt-workbench{--wb-bg:var(--workbench-bg);--wb-panel:var(--workbench-panel);--wb-soft:var(--workbench-soft);--wb-line:var(--workbench-line);--wb-ink:var(--workbench-ink);--wb-muted:var(--workbench-muted);background:var(--wb-bg);height:calc(100vh - 53px);color:var(--wb-ink);border-top:1px solid var(--wb-line);grid-template:"wb-head wb-head wb-head""wb-rail wb-stage wb-chat"1fr/160px minmax(0,1fr) 360px;display:grid}.ppt-workbench:before{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.6;background:linear-gradient(oklch(100% 0 0/.02) 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,oklch(100% 0 0/.02) 1px,#0000 1px) 0 0/24px 24px;position:absolute;inset:0}.wb-head{z-index:2;background:var(--wb-panel);border-bottom:1px solid var(--wb-line);grid-area:wb-head;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;display:flex;position:relative}.wb-head-left,.wb-head-right{align-items:center;gap:10px;display:flex}.wb-head-left{flex:auto;min-width:0}.wb-head-right{flex-wrap:nowrap;flex:none;min-width:max-content}.wb-head-left .wb-project{border-left:2px solid var(--accent);flex-direction:column;gap:2px;padding:2px 8px;display:flex}.wb-head-left .wb-project strong{color:var(--wb-ink);letter-spacing:.01em;font-size:13px;font-weight:700}.wb-head-left .wb-project small{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.wb-status-row{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:12px;margin-left:14px;font-size:11.5px;display:flex}.wb-status-row .sep{background:var(--wb-line);width:1px;height:14px}.wb-led{background:var(--success);width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px oklch(55.5% .13 152/.18)}.wb-tool-cluster{background:var(--wb-bg);border:1px solid var(--wb-line);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:3px;display:flex}.wb-tool{border-radius:var(--radius-xs);width:30px;height:28px;color:var(--wb-muted);background:0 0;border:0;place-items:center;transition:color .12s,background .12s;display:inline-grid}.wb-tool:hover{color:var(--wb-ink);background:var(--wb-soft)}.wb-tool.active{color:oklch(20.5% .014 252);background:var(--accent)}.wb-tool:disabled{opacity:.45;cursor:not-allowed}.wb-button{border:1px solid var(--wb-line);border-radius:var(--radius-sm);background:var(--wb-soft);min-width:max-content;min-height:30px;color:var(--wb-ink);letter-spacing:.02em;white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.wb-button svg{flex:none}.wb-button:hover{background:var(--wb-line)}.wb-button.primary{background:var(--accent);border-color:var(--accent);color:oklch(20.5% .014 252);min-width:92px;box-shadow:inset 0 -2px 0 var(--accent-dark);font-weight:700}.wb-button.primary:hover{background:var(--accent-dark);color:#fff}.wb-button.ghost{color:var(--wb-muted);background:0 0;border-color:#0000}.wb-button.ghost:hover{color:var(--wb-ink);background:var(--wb-soft)}.wb-rail{z-index:2;background:var(--wb-panel);border-right:1px solid var(--wb-line);flex-direction:column;grid-area:wb-rail;min-height:0;display:flex;position:relative}.wb-rail-head{border-bottom:1px solid var(--wb-line);justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.wb-rail-head .label{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;font-weight:700}.wb-rail-head .count{color:var(--wb-ink);font-family:var(--font-mono);font-size:11.5px;font-weight:700}.wb-rail-list{scrollbar-width:thin;scrollbar-color:var(--wb-line) transparent;flex:1;gap:8px;min-height:0;padding:10px 10px 60px;display:grid;overflow-y:auto}.wb-rail-list::-webkit-scrollbar{width:6px}.wb-rail-list::-webkit-scrollbar-thumb{background:var(--wb-line);border-radius:3px}.wb-thumb{border-radius:var(--radius-sm);background:var(--wb-soft);width:100%;color:var(--wb-ink);text-align:left;border:1px solid #0000;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:8px;transition:border-color .14s,background .14s;display:grid;position:relative}.wb-thumb:hover{background:var(--wb-line)}.wb-thumb.active{border-color:var(--accent);background:linear-gradient(180deg, oklch(83.5% .175 88/.08) 0%, var(--wb-soft) 100%)}.wb-thumb.active:before{content:"";background:var(--accent);border-radius:var(--radius-xs) 0 0 var(--radius-xs);width:3px;position:absolute;top:0;bottom:0;right:-1px}.wb-thumb-index{border-radius:var(--radius-xs);background:var(--wb-bg);width:28px;height:28px;color:var(--wb-muted);font-family:var(--font-mono);border:1px solid var(--wb-line);place-items:center;font-size:11px;font-weight:700;display:grid}.wb-thumb.active .wb-thumb-index{background:var(--accent);color:oklch(20.5% .014 252);border-color:var(--accent)}.wb-thumb-body{gap:4px;min-width:0;display:grid}.wb-thumb-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.wb-thumb-mini{aspect-ratio:16/9;border-radius:var(--radius-xs);border:1px solid var(--wb-line);background:#fff;width:100%;position:relative;overflow:hidden;container-type:inline-size}.slide-thumbnail-source{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;background:#fff;width:100%;height:100%;display:block}.wb-thumb-mini>.slide-canvas{width:1280px;height:720px;transform:scale(calc(100cqi / 1280));transform-origin:0 0;box-shadow:none;pointer-events:none;border:0;border-radius:0;position:absolute;top:0;left:0}.wb-thumb-status{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.wb-thumb-status:before{content:"";background:var(--wb-muted);width:5px;height:5px}.wb-thumb-status.review:before{background:var(--warning)}.wb-thumb-status.pass:before{background:var(--success)}.wb-thumb-status.miss:before{background:var(--danger)}.wb-rail-add{border:1px dashed var(--wb-line);border-radius:var(--radius-sm);color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;text-align:center;background:0 0;justify-content:center;align-items:center;gap:6px;margin:8px 10px 14px;padding:8px;font-size:11px;font-weight:600;transition:color .12s,border-color .12s;display:flex}.wb-rail-add:hover{color:var(--accent);border-color:var(--accent)}.wb-stage{z-index:2;grid-area:wb-stage;grid-template-rows:1fr auto;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.wb-stage-canvas{scrollbar-color:var(--wb-line) transparent;place-items:center;padding:28px 40px 20px;display:grid;position:relative;overflow:auto}.wb-stage-canvas::-webkit-scrollbar{width:8px;height:8px}.wb-stage-canvas::-webkit-scrollbar-thumb{background:var(--wb-line);border-radius:4px}.wb-canvas-wrap{width:min(100%,177.778vh - 568.889px);max-width:1280px;position:relative}.wb-canvas-meta{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.wb-canvas-meta .left,.wb-canvas-meta .right{align-items:center;gap:10px;display:inline-flex}.wb-canvas-meta strong{color:var(--wb-ink);font-weight:700}.slide-canvas{aspect-ratio:16/9;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-slide);background:#fff;border:1px solid oklch(100% 0 0/.06);grid-template-rows:36px 1fr 32px;display:grid;overflow:hidden;container-type:inline-size}.slide-canvas-real{background:linear-gradient(oklch(100% 0 0) 0%,oklch(98.7% .003 250) 100%);display:block;position:relative}.slide-svg-source{z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;background:#fff;width:100%;height:100%;display:block;position:absolute;inset:0}.slide-real-layer{z-index:2;width:100%;height:100%;position:absolute;inset:0}.slide-object{background:0 0;border:1px solid #0000;border-radius:2px;margin:0;padding:0;position:absolute}.hotspot-object{color:var(--accent);cursor:pointer;place-items:start;display:grid}.hotspot-object:hover,.shape-object:hover,.image-object:hover{background:oklch(83.5% .175 88/.06);border-color:oklch(83.5% .175 88/.55)}.hotspot-object span{color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;background:oklch(20.5% .014 252/.86);border-radius:2px;margin:4px;padding:2px 5px;font-size:10px;font-weight:700}.slide-object.selected{border-color:var(--accent);z-index:5;box-shadow:0 0 0 2px oklch(83.5% .175 88/.28)}.text-object{resize:none;letter-spacing:0;box-shadow:none;white-space:pre-wrap;background:0 0;outline:none;line-height:1.18;display:block;overflow:hidden}.text-object:hover{border-color:oklch(39.5% .132 252/.28)}.text-object:focus{border-color:var(--accent);box-shadow:0 0 0 2px oklch(83.5% .175 88/.25)}.text-object.readonly{white-space:pre-wrap;pointer-events:none;border-color:#0000}.text-object.hotspot-edited{background:oklch(100% 0 0/.88);padding:5px 7px}.shape-object{cursor:pointer;min-width:12px;min-height:12px}.image-object{background:var(--panel-soft);place-items:center;display:grid;overflow:hidden}.image-object img{object-fit:contain;width:100%;height:100%;display:block}.image-object span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:16px;font-weight:700}.slide-header,.slide-footer{background:var(--primary);color:#fff;letter-spacing:.02em;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;font-weight:600;display:flex;position:relative}.slide-header:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0}.slide-footer{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;border-top:1px solid var(--line);background:oklch(97.2% .004 250);font-size:11px}.slide-content{grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr);align-items:center;gap:28px;padding:36px 44px;display:grid;position:relative}.slide-content:before{content:"";background:var(--accent);width:3px;position:absolute;top:36px;bottom:36px;left:44px}.slide-content>div:first-child{padding-left:20px}.slide-content p{color:var(--accent-dark);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.slide-content h2{color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin:0 0 16px;font-size:30px;font-weight:700;line-height:1.15}.slide-content span{color:var(--ink-soft);font-size:15px;line-height:1.7;display:block}.slide-diagram{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:18px 14px;display:flex}.slide-diagram strong{border-radius:var(--radius-xs);background:var(--primary);color:#fff;letter-spacing:.02em;white-space:nowrap;box-shadow:inset 0 -2px 0 var(--primary-dark);align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.slide-diagram svg{color:var(--accent-dark)}.wb-stage-dock{background:var(--wb-panel);border-top:1px solid var(--wb-line);grid-template-columns:1fr auto;align-items:stretch;gap:14px;padding:12px 18px 14px;display:grid}.speaker-note{background:var(--wb-bg);border:1px solid var(--wb-line);border-radius:var(--radius-sm);color:var(--wb-muted);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.55;display:grid}.speaker-note svg{color:var(--accent);flex:none;margin-top:2px}.speaker-note strong{color:var(--wb-ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.wb-stage-dock-actions{align-items:center;gap:6px;display:flex}.wb-chat{z-index:2;background:var(--wb-panel);border-left:1px solid var(--wb-line);grid-area:wb-chat;grid-template-rows:auto 1fr auto;min-height:0;display:grid;position:relative}.wb-chat-head{border-bottom:1px solid var(--wb-line);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.wb-chat-head .ico{border-radius:var(--radius-xs);background:var(--accent);color:oklch(20.5% .014 252);place-items:center;width:30px;height:30px;display:grid}.wb-chat-head .title{gap:2px;min-width:0;display:grid}.wb-chat-head .title strong{color:var(--wb-ink);letter-spacing:.005em;font-size:13px;font-weight:700}.wb-chat-head .title small{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.06em;font-size:10.5px}.wb-chat-head .target{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--wb-line);border-radius:var(--radius-xs);padding:3px 7px;font-size:11px}.wb-inspector{border-bottom:1px solid var(--wb-line);background:var(--wb-bg);gap:10px;padding:12px 14px;display:grid}.wb-inspector.empty{color:var(--wb-muted)}.wb-inspector.empty>div{color:var(--wb-ink);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.wb-inspector.empty p{margin:0;font-size:12px;line-height:1.5}.inspector-hint{color:var(--wb-muted);margin:-2px 0 0;font-size:11.5px;line-height:1.5}.wb-inspector header,.wb-inspector footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.wb-inspector header span:first-child{color:var(--wb-ink);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.wb-inspector header span:last-child{color:var(--wb-muted);font-size:10.5px}.inspector-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.inspector-field{gap:4px;display:grid}.inspector-field.wide{grid-column:1/-1}.inspector-field>span{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.inspector-field input,.inspector-field textarea{border:1px solid var(--wb-line);border-radius:var(--radius-xs);background:var(--wb-panel);min-height:30px;color:var(--wb-ink);padding:6px 8px;font-size:12px;line-height:1.35}.inspector-field input[type=color]{padding:2px}.inspector-field textarea{resize:vertical;min-height:66px}.inspector-toggle,.wb-inspector footer button{border:1px solid var(--wb-line);border-radius:var(--radius-xs);background:var(--wb-panel);min-height:30px;color:var(--wb-ink);justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.inspector-toggle.active{background:var(--accent);border-color:var(--accent);color:oklch(20.5% .014 252)}.wb-inspector footer{justify-content:flex-end;padding-top:2px}.wb-inspector footer button.danger{color:var(--danger)}.wb-chat-stream{scrollbar-color:var(--wb-line) transparent;align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow-y:auto}.wb-chat-stream::-webkit-scrollbar{width:6px}.wb-chat-stream::-webkit-scrollbar-thumb{background:var(--wb-line)}.wb-msg{border-radius:var(--radius-sm);gap:6px;padding:10px 12px;font-size:12.5px;line-height:1.55;display:grid}.wb-msg .who{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:inline-flex}.wb-msg .who:before{content:"";background:var(--accent);width:6px;height:6px}.wb-msg.user{background:var(--wb-soft);border:1px solid var(--wb-line);color:var(--wb-ink)}.wb-msg.user .who:before{background:var(--info)}.wb-msg.agent{background:var(--wb-bg);border:1px solid var(--wb-line);color:var(--wb-ink)}.wb-msg.agent .who:before{background:var(--accent)}.wb-msg .meta{color:var(--wb-muted);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;margin-top:2px;font-size:10.5px;display:inline-flex}.wb-chat-input{border-top:1px solid var(--wb-line);background:var(--wb-panel);gap:8px;padding:12px 14px 14px;display:grid}.wb-chat-input textarea{background:var(--wb-bg);border:1px solid var(--wb-line);border-radius:var(--radius-sm);color:var(--wb-ink);resize:vertical;min-height:80px;padding:10px 12px;font-size:13px;line-height:1.55}.wb-chat-input textarea:hover{border-color:var(--accent)}.wb-chat-input textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px oklch(83.5% .175 88/.18)}.wb-chat-input textarea::placeholder{color:var(--wb-muted)}.wb-chat-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.wb-chat-actions .chips{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.wb-chat-actions .chip{border:1px solid var(--wb-line);border-radius:var(--radius-xs);color:var(--wb-muted);background:var(--wb-bg);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;padding:4px 8px;font-size:10.5px;font-weight:600;transition:color .12s,border-color .12s;display:inline-flex}.wb-chat-actions .chip:hover{color:var(--wb-ink);border-color:var(--wb-muted)}.wb-chat-actions .send{background:var(--accent);color:oklch(20.5% .014 252);border-radius:var(--radius-sm);letter-spacing:.02em;box-shadow:inset 0 -2px 0 var(--accent-dark);border:0;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.wb-chat-actions .send:hover{background:var(--accent-dark);color:#fff}.wb-footer-nav{border:1px solid var(--wb-line);border-radius:var(--radius-sm);z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(20.5% .014 252/.92);align-items:center;gap:6px;padding:5px;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.review-list{gap:10px;display:grid}.review-list article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.review-list svg{color:var(--success)}.review-list strong,.review-list small{display:block}.review-list strong{font-size:13px;font-weight:700}.review-list small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;margin-top:3px;font-size:11.5px}.work-grid,.template-grid,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.work-card,.template-card,.setting-card,.material-card{overflow:hidden}.work-preview{background:radial-gradient(circle at 20% 30%, oklch(83.5% .175 88/.18) 0%, transparent 50%), linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);min-height:120px;color:var(--accent);justify-content:space-between;align-items:center;padding:18px;display:flex;position:relative}.work-preview:before{content:"";pointer-events:none;background:linear-gradient(oklch(100% 0 0/.04) 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,oklch(100% 0 0/.04) 1px,#0000 1px) 0 0/18px 18px;position:absolute;inset:0}.work-preview>*{z-index:1;position:relative}.work-preview>span{font-family:var(--font-mono);letter-spacing:.06em;color:oklch(100% 0 0/.9);font-size:12px;font-weight:700}.work-body,.template-card,.setting-card,.material-card{padding:16px}.work-body{padding-top:14px}.work-body>div{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.work-body h3,.template-card h3,.setting-card h3,.material-card h3{letter-spacing:-.005em;margin:0;font-size:15px;font-weight:700}.work-body p,.template-card p,.setting-card p,.material-card p{color:var(--muted);margin:4px 0 0;font-size:12.5px;font-weight:500;line-height:1.55}dl{gap:0;margin:14px 0;display:grid}dl div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;display:flex}dt,dd{margin:0;font-size:12px}dt{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:700}dd{font-family:var(--font-mono);font-size:12px;font-weight:700}.library-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}.filter-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-sm);align-content:start;gap:2px;padding:8px;display:grid}.filter-panel button{border-radius:var(--radius-sm);min-height:36px;color:var(--muted);letter-spacing:.01em;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-size:12.5px;font-weight:600;transition:color .12s,background .12s;display:flex}.filter-panel button:hover{background:var(--panel-soft);color:var(--ink)}.filter-panel button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.material-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.material-card{gap:8px;display:grid}.material-card svg,.setting-card svg{color:var(--primary)}.material-card div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding-top:10px;display:flex}.material-card div span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px;font-weight:600}.material-card div button{border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary);color:#fff;letter-spacing:.02em;box-shadow:inset 0 -2px 0 var(--primary-dark);padding:5px 11px;font-size:11.5px;font-weight:700}.material-card div button:hover{background:var(--primary-dark)}.template-preview{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--panel-soft) 0%, oklch(96.2% .005 250) 100%);grid-template-columns:1fr .7fr;gap:8px;margin-bottom:14px;padding:14px;display:grid;position:relative}.template-preview:before{content:"16:9";font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted-soft);font-size:9.5px;font-weight:700;position:absolute;top:6px;right:8px}.template-preview span{border-radius:var(--radius-xs);background:var(--panel);border:1px solid var(--line)}.template-preview span:first-child{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);border:0;grid-row:span 2;position:relative}.template-preview span:first-child:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0}.setting-card{gap:10px;display:grid}.setting-card svg{background:var(--primary-soft);border-radius:var(--radius-sm);border:1px solid var(--primary-line);width:28px;height:28px;padding:6px}.status-pill{border-radius:var(--radius-xs);white-space:nowrap;min-height:22px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;align-items:center;gap:6px;padding:0 8px;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill:before{content:"";background:currentColor;width:5px;height:5px}.status-pill.success{color:var(--success);background:var(--success-soft)}.status-pill.warning{color:var(--accent-dark);background:var(--warning-soft)}.status-pill.info{color:var(--info);background:var(--info-soft)}.status-pill.neutral{color:var(--muted);background:var(--panel-soft)}.ppt-toolbar{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}@media (width<=1280px){.ppt-workbench{grid-template-columns:140px minmax(0,1fr) 320px}}@media (width<=1180px){.step-shell,.step-shell.intake-grid,.components-layout{grid-template-columns:1fr}.generated-assets{grid-template-rows:auto}.flow-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ppt-workbench{grid-template-columns:120px minmax(0,1fr) 300px}}@media (width<=960px){.ppt-workbench{grid-template-columns:1fr;grid-template-areas:"wb-head""wb-stage""wb-chat""wb-rail";height:auto;min-height:calc(100vh - 53px)}.wb-rail{border-right:0;border-top:1px solid var(--wb-line)}.wb-rail-list{grid-auto-columns:180px;grid-auto-flow:column;gap:8px;padding:12px;display:grid;overflow:auto hidden}.wb-chat{border-left:0;border-top:1px solid var(--wb-line)}}@media (width<=900px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-basis:auto;height:auto;position:static}.recent-panel,.account-mini{display:none}.brand{margin:18px 18px 14px}.new-course{margin-bottom:14px}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:14px}.topbar{padding:9px 18px}.main-content{padding:22px 18px 36px}.home-stage{min-height:auto;padding:40px 18px 32px}.example-grid,.asset-picks,.form-grid.two,.library-layout,.flow-tabs{grid-template-columns:1fr}.flow-tab{border-right:0;border-bottom:1px solid var(--line)}.flow-tab:last-child{border-bottom:0}}@media (width<=640px){.home-title h1{font-size:28px}.composer-card textarea{min-height:140px;padding:20px 18px 16px;font-size:15px}.composer-toolbar,.toolbar-left,.toolbar-right,.studio-header,.page-header,.ppt-toolbar,.step-actions.split{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right,.mode-pill,.send-button,.primary-button,.secondary-button{width:100%}.mode-menu,.plus-menu{width:min(280px,100vw - 52px);left:0;right:auto}}.composer-card.drag-over{border-color:var(--accent);box-shadow:0 0 0 4px oklch(83.5% .175 88/.2), var(--shadow-md)}.composer-card.drag-over textarea{background:var(--accent-soft)}.composer-drop-hint{z-index:5;border-radius:var(--radius-md);border:1px dashed var(--accent);color:var(--ink);pointer-events:none;background:repeating-linear-gradient(45deg,oklch(83.5% .175 88/.08) 0 10px,oklch(83.5% .175 88/.16) 10px 12px);align-content:center;place-items:center;gap:6px;display:grid;position:absolute;inset:3px}.composer-drop-hint svg{color:var(--accent-dark)}.composer-drop-hint strong{letter-spacing:.01em;font-size:14px;font-weight:700}.composer-drop-hint small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;font-size:11.5px}.composer-attachments{border-top:1px solid var(--line);background:var(--panel-soft);flex-wrap:wrap;gap:6px;padding:12px 20px 8px;display:flex}.composer-attachments.inline{background:0 0;border:0;padding:0 0 8px}.attachment-chip{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);max-width:320px;color:var(--ink);align-items:center;gap:8px;padding:5px 6px 5px 10px;font-size:12px;font-weight:600;display:inline-flex}.attachment-chip svg{color:var(--primary);flex:none}.attachment-chip .name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.attachment-chip .meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:10.5px}.attachment-chip .remove{border-radius:var(--radius-xs);width:18px;height:18px;color:var(--muted);background:0 0;border:0;place-items:center;transition:background .12s,color .12s;display:grid}.attachment-chip .remove:hover{background:var(--danger-soft);color:var(--danger)}.attachment-chip.dark{background:var(--workbench-bg);border-color:var(--workbench-line);color:var(--workbench-ink)}.attachment-chip.dark .name{color:var(--workbench-ink)}.attachment-chip.dark .meta,.attachment-chip.dark .remove{color:var(--workbench-muted)}.attachment-chip.dark .remove:hover{background:var(--workbench-line);color:var(--workbench-ink)}.chip-count{background:var(--accent);color:oklch(20.5% .014 252);min-width:18px;height:16px;font-family:var(--font-mono);border-radius:var(--radius-xs);place-items:center;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-grid}.chip-count.dark{background:var(--accent);color:oklch(20.5% .014 252)}.lib-shell{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);grid-template-columns:220px minmax(0,1fr);gap:0;margin:4px 0 16px;display:grid;overflow:hidden}.lib-nav{background:var(--panel-soft);border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:8px;display:flex}.lib-nav-item{border-radius:var(--radius-sm);min-height:46px;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;transition:background .12s;display:grid}.lib-nav-item:hover{background:var(--panel)}.lib-nav-item.active{background:var(--panel);box-shadow:inset 0 0 0 1px var(--primary-line)}.lib-nav-item .ico{border-radius:var(--radius-xs);background:var(--panel);border:1px solid var(--line);width:26px;height:26px;color:var(--primary);place-items:center;display:grid}.lib-nav-item.active .ico{background:var(--primary);border-color:var(--primary);color:#fff}.lib-nav-item .body{gap:2px;min-width:0;display:grid}.lib-nav-item .body strong{font-size:12.5px;font-weight:700}.lib-nav-item .body small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:10.5px}.lib-nav-item .badge{border-radius:var(--radius-xs);background:var(--accent);color:oklch(20.5% .014 252);min-width:22px;height:18px;font-family:var(--font-mono);place-items:center;padding:0 6px;font-size:10.5px;font-weight:700;display:inline-grid}.lib-nav-foot{border-top:1px dashed var(--line);gap:4px;margin-top:auto;padding:10px 12px;display:grid}.lib-nav-foot .kicker{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:10px}.lib-nav-foot strong{color:var(--ink);font-size:14px}.lib-nav-foot small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:10.5px}.lib-pane{grid-template-rows:auto 1fr;min-height:380px;display:grid}.lib-pane-head{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.lib-pane-title{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.lib-pane-title .ico{border-radius:var(--radius-xs);background:var(--primary-soft);width:22px;height:22px;color:var(--primary);place-items:center;display:grid}.lib-pane-title .mono.dim{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.lib-pane-tools{align-items:center;gap:6px;display:inline-flex}.lib-search{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-soft);align-items:center;gap:6px;width:280px;max-width:100%;padding:0 8px;transition:border-color .12s;display:inline-flex}.lib-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-line)}.lib-search svg{color:var(--muted);flex:none}.lib-search input{width:100%;font-size:12.5px;box-shadow:none!important;background:0 0!important;border:0!important;padding:7px 0!important}.lib-search input:focus{box-shadow:none!important}.lib-action{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted);letter-spacing:.02em;align-items:center;gap:5px;padding:6px 10px;font-size:11.5px;font-weight:700;transition:border-color .12s,color .12s;display:inline-flex}.lib-action:hover{border-color:var(--ink);color:var(--ink)}.lib-grid{background:var(--panel-soft);scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-height:460px;padding:14px;display:grid;overflow-y:auto}.lib-grid::-webkit-scrollbar{width:6px}.lib-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.lib-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);text-align:left;grid-template-rows:auto 1fr auto;gap:10px;padding:12px;transition:border-color .14s,background .14s,transform .14s;display:grid}.lib-card:hover{border-color:var(--ink);transform:translateY(-1px)}.lib-card.selected{border-color:var(--primary);background:linear-gradient(180deg, var(--primary-soft) 0%, var(--panel) 70%);box-shadow:inset 0 0 0 1px var(--primary)}.lib-card-head{justify-content:space-between;align-items:center;display:flex}.lib-card-head .thumb{border-radius:var(--radius-xs);background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);width:36px;height:26px;color:var(--accent);place-items:center;display:grid;position:relative}.lib-card-head .thumb:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.lib-card-head .check{width:20px;height:20px;color:var(--success);place-items:center;display:grid}.lib-card-head .check .check-empty{border:1.5px solid var(--line-strong);border-radius:var(--radius-xs);width:16px;height:16px}.lib-card.selected .check-empty{display:none}.lib-card-body strong{letter-spacing:.005em;margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.35;display:block}.lib-card-body p{color:var(--muted);margin:0;font-size:12px;font-weight:500;line-height:1.5}.lib-card-foot{border-top:1px dashed var(--line);gap:6px;padding-top:8px;display:grid}.lib-card-foot .meta{color:var(--muted);letter-spacing:.04em;font-size:11px}.lib-card-foot .tag-row{flex-wrap:wrap;gap:4px;display:flex}.lib-tag{border-radius:var(--radius-xs);background:var(--panel-soft);border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.lib-tag svg{color:var(--muted-soft)}.lib-card.selected .lib-tag{background:var(--panel);border-color:var(--primary-line)}.lib-empty{color:var(--muted);text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:4px;padding:38px 14px;display:grid}.lib-empty strong{color:var(--ink);font-size:13px}.lib-empty small{font-family:var(--font-mono);letter-spacing:.02em;font-size:11px}@media (width<=1180px){.lib-shell{grid-template-columns:1fr}.lib-nav{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.lib-nav-foot{display:none}.lib-pane-tools{flex-wrap:wrap}}.filter-panel button .filter-count{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;margin-left:auto;font-size:10.5px}.material-card .material-meta{border-top:1px dashed var(--line);gap:6px;margin-top:4px;padding-top:8px;display:grid}.material-card .material-meta .mono{color:var(--muted);letter-spacing:.04em;font-size:11px}.material-card .material-meta .tag-row{flex-wrap:wrap;gap:4px;display:flex}.wb-llm-pill{border-radius:var(--radius-xs);background:var(--workbench-bg);border:1px solid var(--workbench-line);font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.wb-llm-pill .dot{background:var(--workbench-muted);width:6px;height:6px}.wb-llm-pill.ok{color:var(--accent);border-color:var(--accent)}.wb-llm-pill.ok .dot{background:var(--accent);box-shadow:0 0 0 3px oklch(83.5% .175 88/.18)}.wb-llm-pill.offline{color:var(--workbench-muted)}.wb-llm-pill.offline .dot{background:var(--workbench-muted)}.wb-canvas-meta .right .wb-tool.ghost{border:1px solid var(--workbench-line);border-radius:var(--radius-xs);width:22px;height:22px;color:var(--workbench-muted);background:0 0;margin-left:4px}.wb-canvas-meta .right .wb-tool.ghost:hover{color:var(--accent);border-color:var(--accent)}.wb-canvas-nav{background:var(--workbench-bg);border:1px solid var(--workbench-line);border-radius:var(--radius-sm);align-self:center;align-items:center;gap:6px;width:fit-content;margin:12px auto 0;padding:4px;display:inline-flex}.wb-canvas-nav button{border-radius:var(--radius-xs);color:var(--workbench-ink);letter-spacing:.02em;background:0 0;border:0;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:background .12s;display:inline-flex}.wb-canvas-nav button:hover:not(:disabled){background:var(--workbench-soft)}.wb-canvas-nav button:disabled{color:var(--workbench-muted);cursor:not-allowed}.wb-canvas-nav .mono{color:var(--workbench-muted);letter-spacing:.06em;padding:0 8px;font-size:11px}.wb-canvas-wrap{gap:0;display:grid}.wb-msg .content p{margin:0 0 4px}.wb-msg .content p:last-child{margin-bottom:0}.wb-msg .meta .sep{opacity:.6}.wb-msg .meta .ok{color:var(--success)}.wb-msg .meta .err{color:var(--danger)}.wb-msg.thinking{color:var(--workbench-muted)}.wb-msg .thinking-dots{color:var(--workbench-muted);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.wb-msg .thinking-dots span{background:var(--accent);width:6px;height:6px;animation:1.2s ease-in-out infinite thinking-blink}.wb-msg .thinking-dots span:nth-child(2){animation-delay:.15s}.wb-msg .thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking-blink{0%,to{opacity:.25}50%{opacity:1}}.wb-chat-actions .send:disabled{opacity:.55;cursor:not-allowed;background:var(--workbench-soft);color:var(--workbench-muted);box-shadow:none}.present-overlay{z-index:200;background:oklch(11.8% .01 252) radial-gradient(circle at 50% 0,oklch(21.5% .012 252) 0%,#0000 60%);grid-template-rows:1fr auto;display:grid;position:fixed;inset:0}.present-frame{place-items:center;min-height:0;padding:4vh 6vw;display:grid}.slide-canvas-wrap.present{aspect-ratio:16/9;width:min(92vw,177.778vh - 227.556px);max-width:1440px;display:block}.present-frame .slide-canvas{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#fff;width:100%;box-shadow:0 40px 80px oklch(0% 0 0/.5)}.slide-canvas-wrap.present .slide-content{padding:5% 6%}.slide-canvas-wrap.present .slide-content h2{font-size:clamp(28px,5vw,56px)}.slide-canvas-wrap.present .slide-content span{font-size:clamp(15px,1.8vw,22px)}.slide-canvas-wrap.present .slide-content p{font-size:clamp(11px,1.2vw,14px)}.present-hud{border:1px solid var(--workbench-line);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--workbench-ink);font-family:var(--font-mono);background:oklch(20.5% .014 252/.85);align-items:center;gap:8px;padding:6px;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.present-hud .mono{letter-spacing:.06em;color:var(--workbench-ink);padding:0 10px;font-size:11.5px}.present-hud .present-nav{border-radius:var(--radius-xs);background:var(--workbench-soft);width:30px;height:28px;color:var(--workbench-ink);border:0;place-items:center;transition:background .12s;display:grid}.present-hud .present-nav:hover:not(:disabled){background:var(--accent);color:oklch(20.5% .014 252)}.present-hud .present-nav:disabled{color:var(--workbench-muted);cursor:not-allowed}.present-hud .present-exit{border-radius:var(--radius-xs);background:var(--danger-soft);color:var(--danger);font-family:var(--font-mono);letter-spacing:.06em;border:0;align-items:center;gap:5px;margin-left:4px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.present-hud .present-exit:hover{background:var(--danger);color:#fff}.present-keymap{color:var(--workbench-muted);font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:6px;font-size:10.5px;display:inline-flex;position:absolute;bottom:18px;right:24px}.present-keymap .key{border:1px solid var(--workbench-line);border-radius:var(--radius-xs);min-width:22px;color:var(--workbench-ink);background:oklch(20.5% .014 252/.6);place-items:center;padding:2px 6px;display:inline-grid}@media (width<=760px){.present-keymap{display:none}}.xcmg-toast{z-index:220;color:#fff;border:1px solid var(--workbench-line);border-radius:var(--radius-sm);letter-spacing:.01em;background:oklch(20.5% .014 252);align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:600;animation:.22s cubic-bezier(.16,1,.3,1) toast-in;display:inline-flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px oklch(0% 0 0/.3)}.xcmg-toast.success{border-left:3px solid var(--success)}.xcmg-toast.warning{border-left:3px solid var(--warning)}.xcmg-toast.info{border-left:3px solid var(--accent)}.xcmg-toast.neutral{border-left:3px solid var(--workbench-muted)}.xcmg-toast svg{color:var(--accent)}.xcmg-toast.success svg{color:var(--success)}.xcmg-toast.warning svg{color:var(--warning)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.llm-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-sm);gap:14px;padding:18px;display:grid}.llm-panel-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.llm-panel-head h2{letter-spacing:-.005em;margin:4px 0 0;font-size:18px;font-weight:700}.llm-panel-head p{color:var(--muted);max-width:720px;margin:6px 0 0;font-size:13px;line-height:1.55}.llm-state{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:8px;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.llm-state .dot{width:8px;height:8px}.llm-state.ready{background:var(--success-soft);color:var(--success);border:1px solid var(--success)}.llm-state.ready .dot{background:var(--success);box-shadow:0 0 0 3px oklch(55.5% .13 152/.18)}.llm-state.offline{background:var(--warning-soft);color:var(--accent-dark);border:1px solid var(--accent-dark)}.llm-state.offline .dot{background:var(--accent-dark)}.llm-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--panel-soft);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin:0;display:grid}.llm-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:4px;padding:12px 14px;display:grid}.llm-grid dt{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.llm-grid dd{word-break:break-all;margin:0;font-size:13px;font-weight:600}.llm-grid dd.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:12.5px}.llm-grid dd .muted{color:var(--muted);font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}