/* incanvas 2.8.1 source styles, followed by adapters for the existing video UI. */
@import url('./incanvas/experience-2.7.6.css');
@import url('./incanvas/experience-2.7.9.css');
@import url('./incanvas/experience-2.7.10.css');
:root{--bg:var(--fx-base);--sidebar:var(--help-bg);--surface:var(--help-bg);--surface2:var(--help-panel);--raised:var(--help-panel);--hover:color-mix(in srgb,var(--help-accent) 10%,var(--help-bg));--line:var(--help-line);--text:var(--help-text);--muted:var(--help-muted);--faint:color-mix(in srgb,var(--help-muted) 70%,transparent);--accent:var(--help-accent);--mint:#368a82;--danger:#b73e59;--amber:#8e661e}
html[data-theme=dark]{--mint:#8bd2c1;--danger:#f1a3b3;--amber:#dfc38e}
body.future-root{background:transparent;color:var(--text)}
#app,.app-main,.lt-editor,.lt-main,.editor{background:transparent}
#fusion-layer{position:relative;z-index:110}
.global-theme-toggle{position:fixed;right:22px;top:16px;z-index:130;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--accent);font-size:19px;box-shadow:0 3px 16px var(--fx-violet)}
.topbar.reference-topbar{padding-right:78px;background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:var(--line);backdrop-filter:blur(16px)}
html[data-scene=canvas] .global-theme-toggle{top:auto;bottom:22px;right:22px;width:32px;height:32px;font-size:16px}
.sidebar.reference-sidebar{border-color:var(--line);color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px)}
.sidebar .brand{color:var(--text)}.brand-mark{background:linear-gradient(135deg,#8c78dc,#529fb1);color:#fff!important;border-radius:10px;box-shadow:0 4px 20px var(--fx-violet)}
.sidebar :is(.nav-label,.user-copy small){color:var(--muted)}.nav-item{color:var(--muted)}.nav-item.active,.nav-item:hover{color:var(--accent);background:var(--hover)}
.sidebar-budget,.sidebar-bottom{border-color:var(--line)}.sidebar-budget{background:color-mix(in srgb,var(--surface2) 78%,transparent)}.budget-track{background:var(--line)}.user-menu{color:var(--text)}
:is(.text-link,.icon-btn,.pill,.muted,.topbar-title){color:var(--muted)}:is(.text-link,.icon-btn):hover{color:var(--accent);background:var(--hover)}
:is(input,textarea,select,.input,.search input){color:var(--text);background:var(--surface2);border-color:var(--line)}label{color:var(--muted)}input::placeholder,textarea::placeholder{color:var(--faint)}
:is(.btn,.pill.active,.filter.active,.badge){color:var(--text);background:var(--surface2);border-color:var(--line)}.btn:hover{background:var(--hover);border-color:var(--accent)}.btn.primary,.btn.accent{background:linear-gradient(110deg,#8170e6,#6856c9);color:white;border-color:#927fe0}.btn.ghost{background:transparent;border-color:var(--line)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
:is(.project-card,.workflow-card,.post-card,.settings-card,.table-panel,.metric-card,.asset-card,.filter-bar,.usage-card){color:var(--text);background:var(--surface);border-color:var(--line);box-shadow:0 8px 26px var(--fx-violet)}
:is(.project-card,.workflow-card):hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--fx-violet),0 10px 28px var(--fx-violet)}
:is(.card-body p,.card-meta,.section-title small,.page-head p,.empty){color:var(--muted)}.empty h3{color:var(--text)}.card-body h3{color:var(--text)}
:is(.settings-row,.card-meta,.data-table td,.data-table th,.table-head,.modal-head,.modal-footer,.modal-body hr){border-color:var(--line)}.data-table th{color:var(--muted);background:var(--surface2)}.data-table td{color:var(--text)}
dialog{color:var(--text);background:var(--surface);border-color:var(--line);box-shadow:0 24px 100px #06102340}.modal-footer{background:var(--surface2)}dialog::backdrop{background:#06102355;backdrop-filter:blur(5px)}.toast{color:var(--text);border-color:var(--line);background:var(--surface);box-shadow:0 12px 40px #06102325}.toast.error,.error-inline{color:var(--danger)}.error-inline:empty{display:none}
/* Source portal layout, with existing account and invitation endpoints. */
.login-page.login-unified{display:flex;width:100%;grid-template-columns:none;min-height:100svh;background:transparent;overflow:clip}
.login-unified .login-brand{position:static;display:flex;align-items:center;gap:10px;padding:0}.login-brand em{font-style:normal;font-size:9px;border:1px solid var(--portal-line);border-radius:5px;padding:3px 5px}
.login-unified .login-brand .brand-mark{display:grid;place-items:center;font-size:16px}.login-unified .login-enter{width:100%}.login-unified .field{display:grid}.login-unified .login-glass-card>p{margin-bottom:25px}.login-unified .login-invite{display:block;margin:12px auto 0;color:var(--portal-muted);font-size:10px;padding:4px}.login-unified .error-inline{margin:0 0 12px;font-size:11px;line-height:1.7}
/* Home uses the source's three gateway cards; models belong in node selectors. */
.fusion-home.page-content{width:min(1450px,100%);margin:0 auto;padding:38px clamp(24px,4vw,62px) 70px}
.fusion-home .page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.fusion-home .page-header h1{margin:12px 0;font-size:clamp(26px,2.5vw,38px)}.fusion-home .page-header p{line-height:1.8;font-size:13px}
.workspace-gateway{display:grid;gap:20px;margin-bottom:42px}.workspace-gateway.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.gateway-card{position:relative;isolation:isolate;display:grid;text-align:left;grid-template-columns:1fr;align-content:start;gap:20px;min-width:0;padding:26px;border:1px solid var(--line);border-radius:15px;color:var(--text);background:var(--surface);transition:border-color .22s,box-shadow .22s,background .22s;overflow:hidden}
.gateway-card>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:27px}
.gateway-card.canvas>span{color:var(--mint)}.gateway-card.community>span{color:var(--muted)}.gateway-card small{font:9px/1.4 ui-monospace,monospace;letter-spacing:.15em;color:var(--muted)}.gateway-card h2{font-size:23px;font-weight:650;margin:10px 0}.gateway-card p{font-size:12px;line-height:1.9;min-height:46px;color:var(--muted);max-width:30em}.gateway-card em{display:block;margin-top:20px;color:var(--accent);font-size:11px;font-style:normal}.gateway-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.fusion-recent-grid,.fusion-workflows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.fusion-recent-grid>.empty{grid-column:1/-1}.fusion-recent-grid .project-card,.fusion-workflows .workflow-card{min-width:0;cursor:pointer;border-radius:14px;overflow:hidden}.fusion-recent-grid .card-body{padding:17px}.fusion-recent-grid .card-image{height:auto;aspect-ratio:16/9}.fusion-home .section-title{margin:30px 0 18px}.fusion-home .section-title h2{margin-top:7px}.fusion-home .eyebrow{font-size:9px}
.fusion-budget-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:36px;padding:24px 26px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 85%,transparent)}.fusion-budget-strip h3{margin:8px 0}.fusion-budget-strip p{font-size:11px;color:var(--muted)}.fusion-budget-strip>div:nth-child(2){display:grid;gap:4px}.fusion-budget-strip small,.fusion-budget-strip>div>span:last-child{font-size:10px;color:var(--muted)}.fusion-budget-strip strong{font-size:25px;color:var(--accent);font-variant-numeric:tabular-nums}.fusion-project-choices{display:grid;gap:9px;margin-top:18px}.fusion-project-choices button{justify-content:space-between}
/* Preserve video canvas geometry while making every control theme-aware. */
.lt-canvas{background-color:transparent!important;background-image:radial-gradient(circle,var(--fx-grid) 1px,transparent 1px)!important}.lt-sidebar,.lt-sidebar-tabs,.lt-header,.lt-topbar,.editor-top,.editor-footer{color:var(--text);background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-color:var(--line)}
:is(.lt-node,.lt-empty,.lt-script-open,.lt-script-steps,.lt-clip-empty){color:var(--text);background:var(--surface);border-color:var(--line)}
:is(.lt-node-title,.lt-index-row,.lt-sidebar button,.lt-empty-symbol,.lt-hint,.lt-canvas-controls){color:var(--muted)}.lt-index-row:hover,.lt-sidebar button:hover{color:var(--accent);background:var(--hover)}
:is(.lt-generator,.lt-popover,.lt-dock,.lt-tools-panel,.lt-library-panel,.lt-asset-detail,.lt-script-workspace,.lt-text-tools,.lt-group-tools,.lt-node-tools){color:var(--text);background:color-mix(in srgb,var(--surface) 96%,transparent);border-color:var(--line);box-shadow:0 12px 40px #06102320;backdrop-filter:blur(16px)}
.lt-generator :is(button,small),.lt-popover button{color:var(--muted)}.lt-generator button:hover,.lt-menu-row:hover{background:var(--hover);color:var(--accent)}.lt-generator button:disabled{opacity:.4}.lt-generator :is(.lt-prompt,.lt-generator-top,.lt-generator-bottom),.lt-popover header{border-color:var(--line)}.lt-prompt{color:var(--text)}.lt-prompt:empty:before{color:var(--faint)}.lt-menu-row{color:var(--text)}.lt-menu-row small{color:var(--muted)}.lt-menu-row.active{background:var(--hover);color:var(--accent)}.lt-menu-empty{padding:16px;max-width:280px;line-height:1.8;color:var(--muted);font-size:12px}
:is(.lt-script-heading,.lt-script-table-frame,.lt-script-cell,.lt-script-assets,.lt-script-assets-footer,.lt-script-table th,.lt-script-table td){background:var(--surface);color:var(--text);border-color:var(--line)}.lt-script-table input,.lt-script-table textarea{color:var(--text);background:var(--surface2)}
.lt-group{background:color-mix(in srgb,var(--accent) 4%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 36%,transparent)!important;z-index:0!important}.lt-node:not(.lt-group){z-index:3}.lt-wire{stroke:color-mix(in srgb,var(--accent) 55%,var(--muted))!important}.lt-edges{z-index:2!important;pointer-events:none}.lt-edge-group{pointer-events:none}.lt-edge-hit{stroke:transparent;stroke-width:22;fill:none;pointer-events:stroke;vector-effect:non-scaling-stroke}.fusion-edge-cut{visibility:hidden;opacity:0;pointer-events:all;transition:opacity .12s;overflow:visible}.lt-edge-group:hover .fusion-edge-cut,.lt-edge-group:focus-within .fusion-edge-cut{visibility:visible;opacity:1}.fusion-edge-cut button{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--accent);cursor:pointer;padding:5px;box-shadow:0 3px 12px #06102320}.fusion-edge-cut .icon{width:16px;height:16px}
/* Agent, provider and help panels share the source theme tokens. */
.fusion-panel{position:fixed;right:18px;top:74px;bottom:20px;width:430px;max-width:calc(100vw - 32px);z-index:160;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 97%,transparent);backdrop-filter:blur(22px);color:var(--text);box-shadow:0 24px 80px #071a3e40;overflow:hidden}
.fusion-panel>header{padding:22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(120deg,var(--fx-violet),transparent)}.fusion-panel header small{font:9px monospace;letter-spacing:2px;color:var(--accent)}.fusion-panel h2{font-size:20px;margin:8px 0 0}.fusion-panel header>button{align-self:flex-start;font-size:22px;border:0;background:none;padding:0 6px}.fusion-panel-body{padding:20px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.fusion-panel button{color:var(--text);cursor:pointer;border:1px solid var(--line);background:var(--surface2);padding:9px 12px;border-radius:9px;font-size:12px;margin:4px 3px 4px 0}.fusion-panel button:hover{border-color:var(--accent);background:var(--hover)}.fusion-panel button:disabled{opacity:.45;cursor:not-allowed}.fusion-panel label{display:grid;gap:7px;margin:14px 0;font-size:12px;color:var(--muted)}.fusion-panel input,.fusion-panel textarea,.fusion-panel select{box-sizing:border-box;background:var(--surface2);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px;font:inherit;font-size:12px;line-height:1.6;width:100%}.fusion-panel textarea{resize:vertical;min-height:86px}.fusion-panel .fusion-inline{display:flex;align-items:center}.fusion-inline input{width:auto}.fusion-panel .fusion-primary{background:linear-gradient(110deg,#8170e6,#6856c9);color:#fff;border:0;font-weight:600;padding:11px 16px}.fusion-muted{font-size:11px;line-height:1.8;color:var(--muted)}.fusion-help-topics{display:grid;gap:3px;margin:15px 0}.fusion-help-topics button{text-align:left}.fusion-actions,.fusion-agent-tabs{display:flex;gap:6px;flex-wrap:wrap}.fusion-panel p{line-height:1.8;margin:10px 0;font-size:12px}.fusion-panel h3{font-size:14px;margin:12px 0}.fusion-run{border:1px solid var(--line);border-radius:12px;padding:15px;margin:14px 0;background:var(--surface2)}.fusion-run small{font-size:10px;color:var(--muted)}.fusion-answer{white-space:pre-wrap;line-height:1.85;font-size:12px;overflow-wrap:anywhere;max-height:420px;overflow:auto}.fusion-run pre{white-space:pre-wrap;word-break:break-word;font-size:10px;max-height:300px;overflow:auto}.fusion-run details{font-size:11px;color:var(--muted);margin:10px 0}.fusion-welcome{padding:25px 10px;text-align:center;color:var(--muted)}.fusion-welcome>span{font-size:40px;color:var(--accent)}.fusion-scope>span{font-size:12px;color:var(--muted)}.fusion-scope select{margin-top:8px}.fusion-panel form{margin-top:16px}.fusion-panel input[type=file]{font-size:10px}.fusion-panel .fusion-attachment{margin:7px 0}.fusion-panel .fusion-subtle{border:0;background:none;color:var(--muted)}.fusion-panel #fusion-agent-confirm:not(:empty){border:1px solid var(--accent);border-radius:12px;padding:12px;background:var(--hover)}
@media(max-width:1200px){.fusion-recent-grid,.fusion-workflows{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-gateway{gap:14px}.gateway-card{padding:20px}.gateway-card h2{font-size:20px}}
@media(max-width:760px){.workspace-gateway.three{grid-template-columns:1fr}.fusion-home.page-content{padding:24px 18px 90px}.gateway-card{min-height:190px!important;grid-template-columns:48px 1fr;gap:18px}.gateway-card p{min-height:0}.gateway-card em{margin-top:13px}.fusion-home .page-header{align-items:flex-start}.fusion-home .page-header>button{font-size:11px;white-space:nowrap}.fusion-budget-strip{flex-wrap:wrap;padding:20px}.fusion-budget-strip>div:first-child{width:100%}.fusion-panel{top:12px;right:10px;bottom:12px}.global-theme-toggle{right:14px}.topbar.reference-topbar{padding-right:66px}}
@media(max-width:480px){.fusion-recent-grid,.fusion-workflows{grid-template-columns:1fr}.fusion-home .section-title{align-items:flex-start}.fusion-home .section-title .row{gap:8px}.fusion-home .section-title .btn{font-size:11px;padding:7px 9px}.gateway-card{padding:20px}.fusion-home .page-header{display:block}.fusion-home .page-header>button{margin-top:16px}}

/* Secondary video workspaces and canvas controls use the same surfaces. */
:is(.lt-card,.lt-storyboard,.lt-assistant,.lt-story-assets,.lt-story-top,.lt-asset-detail,.lt-script-assets article,.lt-script-add-asset,.lt-director-workspace){background:var(--surface);color:var(--text);border-color:var(--line)}
.lt-port{background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--muted);border-color:var(--muted)}
:is(.lt-result-tools,.lt-view-switch,.lt-account button,.lt-index-thumb,.lt-assistant-button,.lt-zoom-field,.lt-reference,.lt-reference select,.lt-mention,.lt-switch-tabs,.lt-switch-card textarea,.lt-switch-submit,.lt-audio-wave,.lt-chat-compose,.lt-chat-tags button,.lt-context-tags span,.lt-story-resize,.lt-story-cover,.lt-script-cell-editor,.lt-crop-confirm){background:var(--surface2);color:var(--text);border-color:var(--line)}
.lt-result-tools{box-shadow:0 8px 28px #06102320;backdrop-filter:blur(16px)}.lt-result-tools button,.lt-group-tools button,.lt-text-tools button{color:var(--muted)}
:is(.lt-result-tools,.lt-group-tools,.lt-text-tools) button:hover,.lt-index-row.active,.lt-index-list.grid .lt-index-row,.lt-generator-top>button:not(.lt-icon),.lt-options .active,.lt-sidebar-tabs .active,.lt-view-switch button:first-child,.lt-story-section header .active,.lt-story-top>button[aria-pressed=true],.lt-story-cards>button[aria-pressed=true],.lt-script-heading>nav>button.active{background:var(--hover);color:var(--accent);border-color:var(--line)}
.lt-menu-row small{background:var(--hover);color:var(--muted)}.lt-index-filters.searching input,.lt-library-panel nav input,.lt-script-cell-editor :is(textarea,input){color:var(--text);background:var(--surface2);border-color:var(--line)}
.lt-script-cell:hover{background:var(--hover)}.lt-story-top>button,.lt-chat-compose textarea,.lt-script-heading button,.lt-script-assets button{color:var(--text)}
:is(.lt-director-workspace>header,.d3-tree,.d3-properties,.d3-timeline){background:var(--surface);color:var(--text);border-color:var(--line)}.lt-director-workspace button{color:var(--text)}.lt-director-workspace button:hover{background:var(--hover)}.d3-properties input:not([type=range]),.d3-properties select,.d3-timeline input[type=number]{color:var(--text);background:var(--surface2);border-color:var(--line)}
html[data-theme=light] :is(.d3-caption,.d3-left,.d3-properties h3,.d3-timeline label){color:var(--text)}
:is(.price-box,.notice.info,.tag,.job-thumb,.asset-card .asset-preview,.mobile-nav){background:var(--surface2);border-color:var(--line);color:var(--text)}.data-table tbody tr:hover{background:var(--hover)}.mobile-nav{backdrop-filter:blur(16px)}.mobile-nav button{color:var(--muted)}.mobile-nav button.active{color:var(--accent)}

@media(max-width:760px){.app-main{margin-left:0!important}.sidebar.reference-sidebar{display:none}.topbar.reference-topbar{padding-left:18px}.fusion-home .page-header h1{font-size:27px}.fusion-home .gateway-card{min-width:0}.fusion-home .gateway-card p{overflow-wrap:anywhere}}