:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ds-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--ds-bg:#0a0f18;--ds-bg-soft:#101827;--ds-page-background:radial-gradient(circle at 16% 8%, #2dd4bf29, transparent 28%), radial-gradient(circle at 82% 16%, #f9731621, transparent 24%), linear-gradient(180deg, #121821 0%, var(--ds-bg) 42%, #090b0f 100%);--ds-heading-gradient:linear-gradient(90deg, #f8fafc, #a7f3d0 48%, #fed7aa);--ds-surface:#0f172ab8;--ds-surface-strong:#0f172ae6;--ds-surface-muted:#0307127a;--ds-surface-inset:#020617b8;--ds-surface-hover:#ffffff14;--ds-border:#94a3b838;--ds-border-soft:#ffffff1a;--ds-text:#eff6ff;--ds-text-strong:#f8fbff;--ds-text-muted:#9fb3c8;--ds-text-subtle:#718199;--ds-text-accent:#a7f3d0;--ds-text-info:#93c5fd;--ds-text-warning:#fed7aa;--ds-text-danger:#fecaca;--ds-accent:#2dd4bf;--ds-accent-soft:#2dd4bf24;--ds-accent-border:#2dd4bf9e;--ds-info:#38bdf8;--ds-warning:#f97316;--ds-warning-border:#f973166b;--ds-danger:#f87171;--ds-danger-border:#f8717180;--ds-focus:#f97316;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-10:40px;--ds-space-12:48px;--ds-radius-1:4px;--ds-radius-2:6px;--ds-radius-3:8px;--ds-radius-4:12px;--ds-radius-pill:999px;--ds-shadow-panel:0 24px 70px #00000047;--ds-shadow-popover:0 40px 120px #0000006b;--ds-modal-backdrop:radial-gradient(circle at 22% 20%, #2dd4bf1f, transparent 28%), #020617d1;--ds-header-height:64px;--ds-sidebar-width:260px;--ds-page-max:1280px}.ds-card{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-3);background:var(--ds-surface);box-shadow:var(--ds-shadow-panel)}.ds-button{justify-content:center;align-items:center;gap:var(--ds-space-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-2);background:var(--ds-surface);min-height:34px;color:var(--ds-text);font:inherit;cursor:pointer;padding:7px 12px;font-weight:800;display:inline-flex}.ds-button:hover{border-color:var(--ds-accent-border)}.ds-button[data-variant=primary]{border-color:var(--ds-accent-border);background:var(--ds-accent);color:var(--ds-bg)}.ds-button[data-variant=danger]{border-color:var(--ds-danger-border);color:var(--ds-text-danger)}.ds-input{border:1px solid var(--ds-border);border-radius:var(--ds-radius-2);background:var(--ds-surface-muted);min-height:38px;color:var(--ds-text);font:inherit}.ds-kicker{width:fit-content;margin:0 0 var(--ds-space-4);padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-accent-border);border-radius:var(--ds-radius-pill);background:var(--ds-accent-soft);color:var(--ds-text-accent);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.ds-muted{color:var(--ds-text-muted)}:root{color:var(--ds-text);background:var(--ds-bg);font-family:var(--ds-font-sans);line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ds-page-background);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1{color:#0000;background:var(--ds-heading-gradient);letter-spacing:0;-webkit-background-clip:text;background-clip:text;max-width:1220px;margin-bottom:18px;font-size:clamp(52px,6.2vw,94px);line-height:.98}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(34px,4.2vw,58px)}h3{color:var(--ds-text-strong);margin-bottom:4px;font-size:17px}label{gap:6px;display:grid}label span{color:var(--ds-text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}input,select,textarea{border:1px solid var(--ds-border);border-radius:var(--ds-radius-2);background:var(--ds-surface-muted);width:100%;min-height:38px;color:var(--ds-text);font-size:13px}input,select{padding:0 10px}input[type=color]{padding:4px}textarea{resize:vertical;min-height:92px;padding:10px}.appShell{grid-template-columns:var(--ds-sidebar-width) minmax(0, 1fr);grid-template-rows:var(--ds-header-height) 1fr;min-height:100vh;display:grid}.appHeader{z-index:30;border-bottom:1px solid var(--ds-border-soft);background:var(--ds-surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding:0 24px;display:flex;position:sticky;top:0}.appHeader strong,.appHeader span{display:block}.appHeader strong{color:var(--ds-text-strong);font-size:15px}.appHeader span{color:var(--ds-text-muted);font-size:12px}.appHeader nav{gap:8px;display:flex}.appHeader a{border-radius:var(--ds-radius-2);min-height:34px;color:var(--ds-text);align-items:center;padding:7px 10px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.appHeader a:hover{background:var(--ds-surface-hover)}.sidebar{top:var(--ds-header-height);height:calc(100vh - var(--ds-header-height));border-right:1px solid var(--ds-border-soft);background:var(--ds-surface-muted);padding:22px 14px;position:sticky;overflow:auto}.sidebar h2{margin-bottom:14px;font-size:24px}.industryList{gap:8px;display:grid}.industryList button,.kindTabs button{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-3);background:var(--ds-surface);color:var(--ds-text);text-align:left;cursor:pointer}.industryList button{justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 11px;display:flex}.industryList button.active,.kindTabs button.active{border-color:var(--ds-accent-border);background:var(--ds-accent-soft)}.industryList span{font-size:13px;font-weight:850}.industryList em{min-width:24px;color:var(--ds-text-muted);text-align:right;font-size:12px;font-style:normal}.appMain{width:min(var(--ds-page-max), calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.productHero{border-bottom:1px solid var(--ds-border);min-height:260px;padding:42px 0 28px}.productHero h1{font-size:clamp(42px,7vw,86px)}.eyebrow{width:fit-content;margin:0 0 var(--ds-space-4);padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-accent-border);border-radius:var(--ds-radius-pill);background:var(--ds-accent-soft);color:var(--ds-text-accent);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.lede{max-width:720px;color:var(--ds-text-muted);margin-bottom:0;font-size:clamp(18px,2vw,25px)}.libraryShell,.composeSection,.developerSection,.resourcesSection,.audioSection,.workbenchSection{padding:28px 0 12px}.libraryHeader,.composeSection>header,.developerSection header,.resourcesSection header,.audioSection header,.sectionHeader{border-bottom:1px solid var(--ds-border-soft);justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;padding-bottom:12px;display:flex}.libraryHeader h2,.composeSection h2,.developerSection h2,.resourcesSection h2,.audioSection h2,.sectionHeader h2{margin-bottom:0;font-size:clamp(30px,4vw,54px)}.libraryHeader p,.composeSection header p,.developerSection header span,.resourcesSection header span,.audioSection header p,.sectionHeader p{color:var(--ds-text-muted);margin:6px 0 0}.renderContractLine{color:var(--ds-text-muted);font-size:13px}.resourceGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.resourceCard{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-3);background:var(--ds-surface);min-height:126px;color:inherit;gap:8px;padding:14px;text-decoration:none;display:grid}.resourceCard strong{color:var(--ds-text);line-height:1.25}.resourceCard span{color:var(--ds-text-muted);font-size:13px}.audioTabs{gap:8px;display:flex}.audioTabs button,.audioCard button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-2);background:var(--ds-surface);min-height:36px;color:var(--ds-text);cursor:pointer;padding:8px 12px}.audioTabs button.active,.audioCard.active,.audioCard button:hover{border-color:var(--ds-accent-border);background:var(--ds-accent-soft)}.audioGrid{align-items:stretch}.audioCard{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-3);background:var(--ds-surface);gap:10px;padding:14px;display:grid}.audioCard strong,.audioCard span{overflow-wrap:break-word;display:block}.audioCard span{color:var(--ds-text-muted);font-size:12px}.audioCard audio,.adminDetail audio{width:100%}.tagLine{flex-wrap:wrap;gap:6px;display:flex}.tagLine em{border-radius:var(--ds-radius-pill);background:var(--ds-surface-hover);color:var(--ds-text-muted);padding:4px 7px;font-size:11px;font-style:normal}.emptyText{color:var(--ds-text-muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;display:grid}.fragmentGrid{align-items:stretch}.card{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-3);background:var(--ds-surface);box-shadow:var(--ds-shadow-panel);overflow:hidden}.effectButton{width:100%;color:inherit;text-align:left;cursor:pointer;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.effectButton:hover,.effectButton.active{border-color:var(--ds-accent-border);background:var(--ds-accent-soft);box-shadow:var(--ds-shadow-panel);transform:translateY(-3px)}.effectButton:focus-visible{outline:3px solid var(--ds-focus);outline-offset:2px}.abilityCard{min-height:220px}.cardBody{padding:15px 16px 16px}.cardBody strong{color:var(--ds-text-strong);letter-spacing:0;font-size:16px;display:block}.cardBody small{color:var(--ds-text-muted);margin-top:3px;font-size:13px;display:block}.abilityKind{color:var(--ds-text-accent);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.abilityCard dl,.schemaPanel dl{gap:7px;margin:14px 0 0;display:grid}.schemaPanel dl{margin-top:0;margin-bottom:16px}.abilityCard dt,.schemaPanel dt{color:var(--ds-text-info);text-transform:uppercase;font-size:12px;font-weight:900}.abilityCard dd,.schemaPanel dd{color:var(--ds-text);margin:0;font-size:13px}.preview{background:var(--ds-bg-soft);display:block;position:relative;overflow:hidden}.actualPreview,.effectButton .actualPreview{aspect-ratio:3/2;background:var(--ds-surface);pointer-events:none;height:auto}.actualPreview>div,.effectButton .actualPreview>div{display:block}.playerFallback{aspect-ratio:3/2;background:var(--ds-surface);min-height:100%;color:var(--ds-text-muted);place-items:center;font-size:12px;font-weight:850;display:grid}.kindTabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.kindTabs button{min-height:74px;padding:14px}.kindTabs strong,.kindTabs span{display:block}.kindTabs span{color:var(--ds-text-muted);margin-top:4px}.workbenchSection{scroll-margin-top:78px}.workspaceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.workspacePanel,.briefPanel,.agentPanel{border:1px solid var(--ds-border);border-radius:var(--ds-radius-3);background:var(--ds-surface);box-shadow:var(--ds-shadow-panel);padding:16px}.workspacePanel{align-content:start;gap:12px;display:grid}.workspacePanel h3,.agentPanel h3{margin-bottom:0}.actionRow,.inlineForm{flex-wrap:wrap;gap:8px;display:flex}.actionRow button,.inlineForm button,.ghostButton,.buttonLink,.modalControlsHeader button{border:1px solid var(--ds-accent-border);border-radius:var(--ds-radius-2);background:var(--ds-accent-soft);min-height:36px;color:var(--ds-text-accent);cursor:pointer;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.ghostButton{border-color:var(--ds-border);background:var(--ds-surface);color:var(--ds-text)}.inlineForm input{flex:160px}.inlineForm select{flex:0 0 110px}.rowList{gap:8px;display:grid}.rowList span,.rowList em,.formMessage,.mutedLine{color:var(--ds-text-muted);font-size:13px;font-style:normal}.rowList span,.secretBox{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface);padding:10px}.secretBox{color:var(--ds-text);font-size:12px;overflow-x:auto}.adminPanel{grid-column:1/-1}.adminHeader,.detailHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.adminHeader h3{margin-bottom:4px}.adminHeader span,.detailHeader span,.detailHeader em{color:var(--ds-text-muted);font-size:12px;font-style:normal}.adminMetrics{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.adminMetric,.adminEmptyDetail{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface);min-height:62px;padding:10px}.adminMetric span{color:var(--ds-text-muted);font-size:12px;display:block}.adminMetric strong{color:var(--ds-text);font-size:22px}.adminTabs{flex-wrap:wrap;gap:8px;display:flex}.adminTabs button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-2);background:var(--ds-surface);min-height:34px;color:var(--ds-text-muted);cursor:pointer;flex:none;padding:7px 12px}.adminTabs button.active{border-color:var(--ds-accent-border);background:var(--ds-accent-soft);color:var(--ds-text)}.adminSplit{grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.adminList{gap:8px;max-height:620px;display:grid;overflow:auto}.adminList button{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface);min-height:68px;color:var(--ds-text);text-align:left;cursor:pointer;padding:10px}.adminList button.active{border-color:var(--ds-accent-border);background:var(--ds-accent-soft)}.adminList strong,.adminList span,.adminDetail strong,.adminDetail span,.detailHeader strong,.detailHeader span{overflow-wrap:break-word;display:block}.adminList span,.adminDetail span,.adminRows em,.adminEmptyDetail{color:var(--ds-text-muted);font-size:12px;font-style:normal}.adminDetail{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface-muted);gap:12px;padding:12px;display:grid}.checkboxLine{align-items:center;gap:8px;display:flex}.checkboxLine input{width:auto;min-height:0}.seoBodyTextarea{min-height:260px}.adminMetaGrid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;display:grid}.adminMetaGrid span{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface);min-height:54px;padding:9px}.adminMetaGrid strong{color:var(--ds-text-accent);font-size:16px}.adminRowsBlock{gap:8px;display:grid}.adminRowsBlock h4{color:var(--ds-text);margin:0;font-size:13px}.adminRows{gap:7px;display:grid}.adminRow,.adminTextRow{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:42px;padding:9px;display:grid}.adminTextRow{display:block}.adminRow span{overflow-wrap:break-word}.adminRow select{min-width:104px}.adminRow button,.dangerButton{min-height:32px;padding:7px 10px}.dangerButton{border-color:var(--ds-danger-border);color:var(--ds-text-danger)}.adminAuditPanel{gap:12px;display:grid}.auditRow{grid-template-columns:minmax(0,1fr)}.statusPill{border:1px solid var(--ds-warning-border);border-radius:var(--ds-radius-pill);min-height:30px;color:var(--ds-text-warning);padding:6px 10px;font-size:12px;font-weight:850}.statusPill.ready{border-color:var(--ds-accent-border);color:var(--ds-text-accent)}.composeSection{margin-top:20px}.agentConsole{grid-template-columns:minmax(320px,.42fr) minmax(0,1fr);align-items:start;gap:18px;margin-bottom:22px;display:grid}.briefPanel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wideField{grid-column:1/-1}.playerShell,.modalPlayer,.schemaPanel,.modalControls{border:1px solid var(--ds-border);border-radius:var(--ds-radius-3);background:var(--ds-surface-muted);overflow:hidden}.playerShell{background:var(--ds-bg-soft);box-shadow:var(--ds-shadow-panel);align-self:start}.agentPlayer{align-self:stretch}.pipeline{grid-template-columns:.9fr 1fr 1.15fr;gap:14px;margin-bottom:30px;display:grid}.sceneList{gap:8px;display:grid}.sceneRow{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface);grid-template-columns:88px minmax(0,1fr);gap:6px 10px;min-height:58px;padding:10px;display:grid}.sceneRow strong{color:var(--ds-text-accent);text-transform:uppercase;font-size:12px}.sceneRow span,.sceneRow em{color:var(--ds-text);font-size:13px;font-style:normal}.sceneRow em{color:var(--ds-text-warning);grid-column:2}.projectJson{color:var(--ds-text-muted);margin-top:12px;font-size:13px}.projectJson summary{cursor:pointer}.projectJson pre,.agentPanel pre{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface-inset);max-height:360px;color:var(--ds-text);margin:10px 0 0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.modalBackdrop{z-index:100;background:var(--ds-modal-backdrop);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--ds-border);border-radius:var(--ds-radius-3);background:linear-gradient(180deg, var(--ds-bg-soft), var(--ds-bg));max-height:min(860px,100vh - 48px);box-shadow:var(--ds-shadow-popover);padding:14px;overflow:auto}.effectModal{width:min(1320px,100%)}.modalHeader{justify-content:space-between;gap:18px;margin-bottom:14px;display:flex}.modalHeader h2{margin-bottom:8px;font-size:clamp(28px,4vw,48px)}.modalHeader p:not(.eyebrow){color:var(--ds-text-muted);margin-bottom:0}.modalHeader button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-2);background:var(--ds-surface);min-height:38px;color:var(--ds-text);cursor:pointer;align-self:start;padding:0 14px}.modalGrid{grid-template-columns:minmax(280px,.42fr) minmax(0,.9fr) minmax(300px,.58fr);gap:16px;display:grid}.schemaPanel,.modalControls{padding:16px}.modalControls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modalControlsHeader{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.modalControlsHeader h3{margin-bottom:0}.modalControlsHeader button{min-height:34px}.fieldList{gap:8px;display:grid}.fieldRow{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-2);background:var(--ds-surface);gap:4px;padding:10px;display:grid}.fieldRow strong{color:var(--ds-text-accent)}.fieldRow span,.fieldRow em{color:var(--ds-text-muted);font-size:12px;font-style:normal}@media (width<=820px){.appShell{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.appHeader{flex-direction:column;align-items:start;padding:12px 14px;position:static}.appHeader nav{width:100%;overflow-x:auto}.sidebar{border-right:0;border-bottom:1px solid var(--ds-border-soft);height:auto;padding:12px 10px;position:static}.sidebar h2{display:none}.industryList{padding-bottom:2px;display:flex;overflow-x:auto}.industryList button{flex:none;min-width:150px}.appMain{width:min(100% - 20px, var(--ds-page-max));padding-top:20px}h1{font-size:clamp(34px,11vw,52px);line-height:1.05}h2{font-size:28px;line-height:1.08}.grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:10px}.modalBackdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.modalGrid,.modalControls,.kindTabs,.agentConsole,.pipeline,.workspaceGrid,.adminSplit,.briefPanel{grid-template-columns:1fr}.modalHeader,.libraryHeader,.composeSection>header,.developerSection header,.resourcesSection header,.sectionHeader{flex-direction:column;align-items:start}}
