@charset "UTF-8";.ui-select{--select-surface: var(--studio-panel, #151923);--select-border: var(--studio-line, rgba(148,163,184,.16));--select-text: var(--studio-text, #edf1fa);--select-muted: var(--studio-muted, #69758d);--select-hover: var(--studio-hover, rgba(255,255,255,.055));--select-accent: var(--studio-accent, #8b68ee);--select-accent-soft: rgba(139,104,238,.13);position:relative;isolation:isolate}.ui-select-trigger{width:100%;height:100%;min-width:0;border:0;border-radius:inherit;color:inherit;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:inherit;text-align:left}.ui-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-trigger svg{flex:none;color:var(--select-muted);transition:transform .2s ease,color .16s ease}.ui-select:hover{color:var(--select-text);border-color:color-mix(in srgb,var(--select-accent) 48%,var(--select-border));background:var(--select-hover)}.ui-select:hover .ui-select-trigger svg{color:var(--select-text)}.ui-select.is-open{z-index:120;color:var(--select-text);border-color:var(--select-accent);background:var(--select-accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--select-accent) 10%,transparent)}.ui-select.is-open .ui-select-trigger svg{color:var(--select-accent);transform:rotate(180deg)}.ui-select-menu{position:absolute;z-index:300;left:0;min-width:max(100%,132px);max-height:248px;overflow:auto;padding:6px;border:1px solid var(--select-border);border-radius:11px;color:var(--select-text);background:color-mix(in srgb,var(--select-surface) 97%,#111827 3%);box-shadow:0 18px 48px #0000006b,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:select-pop .16s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--select-accent) 45%,transparent) transparent}.ui-select-menu.place-bottom{top:calc(100% + 8px);transform-origin:top}.ui-select-menu.place-top{bottom:calc(100% + 8px);transform-origin:bottom}.ui-select-menu>button{width:100%;min-height:35px;padding:7px 9px;border:1px solid transparent;border-radius:8px;color:var(--select-muted);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.ui-select-menu>button>span{min-width:0;display:grid;gap:2px}.ui-select-menu>button b{overflow:hidden;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ui-select-menu>button small{color:var(--select-muted);font-size:8px}.ui-select-menu>button:hover,.ui-select-menu>button.keyboard-active{color:var(--select-text);border-color:color-mix(in srgb,var(--select-accent) 17%,transparent);background:var(--select-hover);transform:translate(1px)}.ui-select-menu>button.selected{color:color-mix(in srgb,var(--select-accent) 72%,white);border-color:color-mix(in srgb,var(--select-accent) 25%,transparent);background:var(--select-accent-soft)}.ui-select-menu>button.selected svg{color:var(--select-accent)}.composer-dropdown .ui-select-menu{min-width:max(100%,118px)}.composer-dropdown.is-model .ui-select-menu{min-width:188px}@keyframes select-pop{0%{opacity:0;transform:translateY(var(--select-shift, -5px)) scale(.98)}to{opacity:1;transform:none}}.ui-select-menu.place-top{--select-shift: 5px}.ui-select-menu>button{min-height:40px}.ui-select-menu>button b{color:inherit;font-size:12px;font-weight:500}.ui-select-menu>button small{color:var(--select-muted);font-size:11px}.ui-select-menu>button.selected{color:#c5b2ff}.workspace{--canvas-bg: #f5f7fb;--canvas-surface: rgba(255, 255, 255, .92);--canvas-solid: #fff;--canvas-soft: #f1f3f8;--canvas-border: rgba(115, 128, 155, .22);--canvas-border-strong: rgba(115, 128, 155, .38);--canvas-text: #161c2c;--canvas-subtle: #5f6b82;--canvas-muted: #929db1;--canvas-accent: #6657f5;--canvas-accent-soft: rgba(102, 87, 245, .12);--canvas-danger: #dc4c5d;--canvas-dot-color: rgba(116, 129, 151, .38);--canvas-shadow: 0 16px 42px rgba(33, 44, 75, .13);position:fixed;inset:0;overflow:hidden;background:var(--canvas-bg);color:var(--canvas-text)}.workspace.theme-dark{--canvas-bg: #10131c;--canvas-surface: rgba(27, 31, 44, .92);--canvas-solid: #1b1f2c;--canvas-soft: #242938;--canvas-border: rgba(151, 162, 192, .18);--canvas-border-strong: rgba(151, 162, 192, .34);--canvas-text: #f4f5fa;--canvas-subtle: #c2c8d7;--canvas-muted: #8993aa;--canvas-accent: #8b7cff;--canvas-accent-soft: rgba(139, 124, 255, .16);--canvas-danger: #f87171;--canvas-dot-color: rgba(170, 181, 208, .3);--canvas-shadow: 0 18px 50px rgba(0, 0, 0, .36)}.topbar{z-index:75;position:absolute;top:0;left:0;right:0;height:68px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--canvas-border);background:color-mix(in srgb,var(--canvas-surface) 85%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-left,.header-actions{display:flex;align-items:center;gap:8px;min-width:0}.header-left{flex:0 1 auto}.header-actions{flex:none;margin-left:auto}.round-button,.icon-button,.history-button,.account-button,.credit-button,.project-action{height:34px;border:1px solid var(--canvas-border);background:var(--canvas-surface);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.16s ease}.round-button{width:38px;height:38px;border-radius:11px}.icon-button{width:34px;border-radius:50%}.history-button,.credit-button{padding:0 11px;font-size:11px;font-weight:650}.credit-button{color:var(--canvas-accent);border-color:color-mix(in srgb,var(--canvas-accent) 42%,transparent);background:var(--canvas-accent-soft)}.history-button:hover,.icon-button:hover,.round-button:hover,.project-action:hover{border-color:var(--canvas-accent);background:var(--canvas-accent-soft);color:var(--canvas-accent)}.title-stack{display:flex;align-items:center;gap:7px;white-space:nowrap}.title-stack>strong{font-size:14px}.save-state{border:0;background:none;color:var(--canvas-muted);padding:0;font-size:10px;display:flex;gap:5px;align-items:center}.save-state span{width:7px;height:7px;border-radius:50%;background:#3fb47d}.project-tabs{display:flex;align-items:center;gap:4px}.project-tabs button{height:30px;padding:0 10px;border:1px solid var(--canvas-border);background:transparent;color:var(--canvas-subtle);border-radius:8px;cursor:pointer;font-size:10px;font-weight:700}.project-tabs button.active{border-color:color-mix(in srgb,var(--canvas-accent) 52%,transparent);background:var(--canvas-accent-soft);color:var(--canvas-accent)}.project-action{height:30px;padding:0 9px;border-radius:8px;background:var(--canvas-soft);font-size:10px}.project-action.danger{color:var(--canvas-danger)}.project-action:disabled{opacity:.45;cursor:not-allowed}.content-warning{flex:1;min-width:80px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#facc15;text-align:right;font-size:10px;font-weight:600}.theme-light .content-warning{color:#a66b00}.header-divider{width:1px;height:26px;margin:0 4px;background:var(--canvas-border)}.account-button{border:0;background:transparent;padding:0 3px 0 6px;color:var(--canvas-subtle);font-size:11px}.viewport{position:absolute;inset:68px 0 0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default}.grid{position:absolute;inset:-72px;pointer-events:none;background-image:radial-gradient(circle,var(--canvas-dot-color) 1px,transparent 1.15px)}.world{position:absolute;inset:0;z-index:2;pointer-events:none;transform-origin:0 0}.canvas-edges{z-index:1;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.canvas-edges g{pointer-events:stroke;cursor:pointer}.edge-shadow,.edge-line,.edge-flow,.edge-hit,.edge-preview{fill:none;stroke-linecap:round}.edge-shadow{stroke:#00000047;stroke-width:8px}.edge-line{stroke:#8d91a8;stroke-width:2px}.edge-flow{stroke:#ffffffb8;stroke-width:1px;stroke-dasharray:5 9;animation:edge-flow 1.3s linear infinite}.edge-hit{stroke:transparent;stroke-width:16px;pointer-events:stroke}.canvas-edges g.selected .edge-line{stroke:var(--canvas-accent);stroke-width:3px}.canvas-edges g.selected .edge-flow{stroke:#fff}.edge-preview{stroke:var(--canvas-accent);stroke-width:2px;stroke-dasharray:7 6}.edge-cut{z-index:72;position:absolute;width:34px;height:34px;padding:0;border:1px solid var(--canvas-border);border-radius:50%;background:var(--canvas-solid);color:var(--canvas-danger);box-shadow:var(--canvas-shadow);display:grid;place-items:center;cursor:pointer;transform:translate(-50%,-50%)}.toolbar{z-index:70;position:absolute;display:flex;border:1px solid var(--canvas-border);background:var(--canvas-surface);box-shadow:var(--canvas-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.side-toolbar{top:20px;left:18px;flex-direction:column;width:56px;padding:6px;border-radius:17px}.side-toolbar>button,.side-toolbar .help-wrap>button{width:42px;height:48px;border:0;background:none;color:var(--canvas-subtle);border-radius:12px;display:grid;place-items:center;cursor:pointer}.side-toolbar button:hover,.side-toolbar button.active{background:var(--canvas-accent-soft);color:var(--canvas-accent)}.help-wrap{position:relative}.help-menu{position:absolute;top:0;left:60px;width:250px;padding:7px;border:1px solid var(--canvas-border);border-radius:15px;background:var(--canvas-surface);box-shadow:var(--canvas-shadow)}.help-menu button{width:100%;min-height:52px;border:0;background:none;border-radius:10px;display:flex;align-items:center;gap:10px;color:var(--canvas-text);text-align:left;cursor:pointer;padding:8px}.help-menu button:hover{background:var(--canvas-accent-soft)}.help-menu span,.help-menu strong,.help-menu small{display:block}.help-menu strong{font-size:11px}.help-menu small{margin-top:3px;color:var(--canvas-muted);font-size:9px}.zoom-toolbar{left:18px;bottom:20px;height:44px;padding:5px;border-radius:14px;align-items:center}.zoom-toolbar button{min-width:32px;height:32px;padding:0 7px;border:0;background:none;color:var(--canvas-subtle);border-radius:9px;display:grid;place-items:center;cursor:pointer}.zoom-toolbar button:hover:not(:disabled),.zoom-toolbar button.active{background:var(--canvas-accent-soft);color:var(--canvas-accent)}.zoom-toolbar button:disabled{opacity:.3;cursor:not-allowed}.zoom-toolbar i{width:1px;height:20px;margin:0 4px;background:var(--canvas-border)}.zoom-toolbar strong{width:48px;font-size:10px;text-align:center;cursor:pointer}.node-picker{z-index:90;position:absolute;top:20px;left:84px;width:316px;padding:10px;border:1px solid var(--canvas-border);border-radius:18px;background:var(--canvas-surface);box-shadow:var(--canvas-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.node-picker>header{display:grid;gap:2px;padding:3px 4px 9px}.node-picker>header strong{font-size:12px}.node-picker>header small{color:var(--canvas-muted);font-size:9px}.picker-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:8px;background:var(--canvas-soft);display:grid;place-items:center;cursor:pointer}.node-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.node-picker-grid>button{min-height:52px;border:0;border-radius:12px;background:none;color:var(--canvas-text);display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 8px;padding:7px 8px;text-align:left;cursor:pointer}.node-picker-grid>button:hover{color:var(--canvas-accent);background:var(--canvas-accent-soft)}.node-picker-grid>button>span{grid-row:1/3;width:30px;height:30px;border-radius:10px;display:grid;place-items:center}.node-picker-grid b{font-size:11px}.node-picker-grid small{color:var(--canvas-muted);font-size:8.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.empty-state{z-index:3;position:absolute;top:50%;left:50%;width:390px;transform:translate(-50%,-54%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:auto}.empty-state>div{width:62px;height:62px;border:1px solid color-mix(in srgb,var(--canvas-accent) 30%,transparent);border-radius:18px;display:grid;place-items:center;color:var(--canvas-accent);background:var(--canvas-accent-soft);box-shadow:0 12px 36px color-mix(in srgb,var(--canvas-accent) 14%,transparent)}.empty-state h1{margin:20px 0 0;font-size:20px;letter-spacing:-.02em}.empty-state p{margin:9px 0 20px;color:var(--canvas-muted);font-size:12px;line-height:1.8}.empty-state button{height:38px;padding:0 18px;border:0;border-radius:11px;background:var(--canvas-accent);color:#fff;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:650;box-shadow:0 10px 28px color-mix(in srgb,var(--canvas-accent) 25%,transparent)}.empty-state small{margin-top:12px;color:var(--canvas-muted);font-size:9px}.canvas-node{--node-accent: var(--canvas-accent);position:absolute;pointer-events:auto;display:grid;grid-template-rows:auto minmax(80px,1fr) auto;gap:9px;padding:10px;border:1px solid var(--canvas-border);border-radius:22px;background:var(--canvas-solid);box-shadow:var(--canvas-shadow);cursor:grab;transition:border-color .18s,box-shadow .18s}.canvas-node:hover{border-color:color-mix(in srgb,var(--node-accent) 55%,var(--canvas-border))}.canvas-node.selected{border-color:var(--node-accent);box-shadow:0 0 0 2px var(--node-accent)}.canvas-node.locked{cursor:not-allowed}.canvas-node.locked:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in srgb,var(--node-accent) 4%,transparent) 12px 24px)}.node-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.node-kind{min-width:0;display:inline-flex;align-items:center;gap:5px;color:var(--node-accent);font-size:10px;font-weight:720}.node-actions{display:flex;gap:2px;opacity:.75}.node-actions{position:relative}.node-actions button{width:22px;height:22px;border:0;border-radius:6px;color:var(--canvas-muted);background:none;display:grid;place-items:center;cursor:pointer}.node-actions button:hover{background:var(--canvas-soft);color:var(--canvas-text)}.node-more-menu{position:absolute;z-index:8;top:26px;right:0;width:112px;padding:5px;border:1px solid var(--canvas-border);border-radius:9px;background:var(--canvas-solid);box-shadow:var(--canvas-shadow);display:grid}.node-more-menu button{width:100%;height:29px;padding:0 7px;display:flex;align-items:center;gap:5px;text-align:left;font-size:9px}.node-more-menu button.danger{color:var(--canvas-danger)}.node-preview{position:relative;overflow:hidden;border:1px solid var(--canvas-border);border-radius:16px;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--node-accent) 14%,transparent),transparent 48%),var(--canvas-soft);color:var(--node-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.node-preview>span{color:var(--canvas-muted);font-size:9px}.node-preview p{align-self:stretch;margin:0;padding:5px 8px;color:var(--canvas-subtle);font-size:11px;line-height:1.65;white-space:pre-wrap}.node-upload{height:25px;padding:0 9px;border:1px solid var(--canvas-border);border-radius:8px;background:var(--canvas-surface);color:var(--canvas-subtle);display:flex;align-items:center;gap:5px;font-size:9px;cursor:pointer}.preview-play{position:absolute;right:9px;bottom:9px;width:27px;height:27px;padding:0;border:0;border-radius:50%;color:#fff;background:#0000008c;display:grid;place-items:center;cursor:pointer}.canvas-node footer{display:flex;align-items:center;justify-content:space-between;min-width:0;color:var(--canvas-subtle);font-size:9px}.canvas-node footer small{color:var(--canvas-muted)}.canvas-node footer small.generating{color:#facc15}.canvas-node footer small.completed{color:#4ade80}.node-port{position:absolute;top:50%;width:12px;height:12px;border:2px solid var(--canvas-solid);border-radius:50%;background:var(--node-accent);opacity:0;transition:.15s}.canvas-node:hover .node-port,.canvas-node.selected .node-port{opacity:1}.node-port.input{left:-7px}.node-port.output{right:-7px;cursor:crosshair}.node-port.output.connecting{opacity:1;box-shadow:0 0 0 7px color-mix(in srgb,var(--node-accent) 22%,transparent)}.node-port.input.connect-target{opacity:1;cursor:crosshair;animation:port-pulse .9s ease-in-out infinite alternate}.composer{z-index:86;position:absolute;left:50%;bottom:20px;width:min(820px,100vw - 420px);min-width:560px;border:1px solid var(--canvas-border);border-radius:18px;background:color-mix(in srgb,var(--canvas-solid) 94%,transparent);box-shadow:0 20px 60px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%);pointer-events:auto}.composer.expanded{top:86px;bottom:24px;width:min(980px,100vw - 220px);display:flex;flex-direction:column}.composer.expanded .composer-body{flex:1;display:flex;flex-direction:column}.composer.expanded textarea{flex:1;height:auto}.composer-handle{position:absolute;top:5px;left:50%;width:36px;height:3px;border-radius:99px;background:var(--canvas-border-strong);transform:translate(-50%)}.composer>header{height:48px;padding:8px 12px 6px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--canvas-border)}.composer>header>div{display:flex;align-items:center;gap:7px}.composer>header strong{font-size:11px}.composer>header small{color:var(--canvas-muted);font-size:9px}.composer>header button{width:28px;height:28px;border:0;border-radius:8px;background:var(--canvas-soft);display:grid;place-items:center;cursor:pointer}.composer-dot{width:8px;height:8px;border-radius:50%}.composer-body{padding:10px}.composer textarea{width:100%;height:84px;resize:none;border:0;outline:0;padding:4px 5px;background:transparent;color:var(--canvas-text);font-size:12px;line-height:1.6}.composer-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-tools>div{display:flex;align-items:center;gap:6px}.composer-tools button{border:0;background:var(--canvas-soft)}.composer-tools>div:first-child>button{width:30px;height:30px;border-radius:9px;color:var(--canvas-subtle);display:grid;place-items:center;cursor:pointer}.model-select{height:30px;padding:0 9px;border:1px solid var(--canvas-border);border-radius:8px;color:var(--canvas-subtle);display:flex;align-items:center;gap:6px;font-size:9px}.composer .model-select{position:relative;padding:0;min-width:120px}.composer .model-select .ui-select-trigger{padding:0 8px}.composer .model-select .ui-select-menu{--select-surface: var(--canvas-solid);--select-border: var(--canvas-border);--select-text: var(--canvas-text);--select-muted: var(--canvas-muted);--select-hover: var(--canvas-soft);--select-accent: var(--canvas-accent);--select-accent-soft: var(--canvas-accent-soft);min-width:160px}.composer-actions>span{color:#facc15;display:flex;align-items:center;gap:4px;font-size:9px}.composer-actions .send{width:34px;height:34px;border-radius:50%;background:var(--canvas-accent);color:#fff;display:grid;place-items:center;cursor:pointer}.composer-actions .send:disabled{opacity:.35;cursor:not-allowed}.floating-history{z-index:65;position:absolute;top:20px;right:22px;height:36px;padding:0 12px;border:1px solid var(--canvas-border);border-radius:11px;background:var(--canvas-surface);box-shadow:var(--canvas-shadow);color:var(--canvas-subtle);display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px}.floating-history:hover{color:var(--canvas-accent);border-color:var(--canvas-accent)}.canvas-status{position:absolute;right:24px;bottom:22px;color:var(--canvas-muted);font-size:9px;display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#3fb47d}.canvas-minimap{z-index:73;position:absolute;right:22px;bottom:68px;width:220px;padding:9px;border:1px solid var(--canvas-border);border-radius:14px;background:var(--canvas-surface);box-shadow:var(--canvas-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.canvas-minimap header{height:28px;display:flex;align-items:center;justify-content:space-between}.canvas-minimap header strong{font-size:10px}.canvas-minimap header button{width:24px;height:24px;border:0;border-radius:7px;color:var(--canvas-subtle);background:var(--canvas-soft);cursor:pointer}.canvas-minimap>div{position:relative;height:116px;overflow:hidden;border:1px solid var(--canvas-border);border-radius:9px;background-image:radial-gradient(circle,var(--canvas-dot-color) 1px,transparent 1px);background-size:10px 10px}.canvas-minimap>div>span{position:absolute;width:15px;height:10px;border-radius:2px;box-shadow:0 0 0 2px var(--canvas-solid)}.canvas-minimap>div>small{position:absolute;inset:0;color:var(--canvas-muted);display:grid;place-items:center;font-size:9px}.history-drawer{z-index:130;position:fixed;top:68px;right:0;bottom:0;width:min(410px,100vw - 24px);display:flex;flex-direction:column;border-left:1px solid var(--canvas-border);background:var(--canvas-solid);color:var(--canvas-text);box-shadow:-18px 0 42px #14182829;animation:history-enter .18s ease-out}.history-drawer>header{height:58px;padding:0 16px;border-bottom:1px solid var(--canvas-border);display:flex;align-items:center;justify-content:space-between}.history-drawer>header span{display:flex;align-items:center;gap:8px}.history-drawer>header strong{font-size:13px}.history-drawer>header button{width:32px;height:32px;border:0;border-radius:9px;background:var(--canvas-soft);display:grid;place-items:center;cursor:pointer}.history-drawer>nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px 12px;border-bottom:1px solid var(--canvas-border)}.history-drawer>nav button{min-width:0;height:34px;border:0;border-radius:8px;background:none;color:var(--canvas-muted);display:flex;justify-content:center;align-items:center;gap:4px;font-size:10px;cursor:pointer}.history-drawer>nav button.active{color:var(--canvas-accent);background:var(--canvas-accent-soft)}.history-drawer nav small{font-size:8px}.history-actions{min-height:48px;padding:7px 14px;border-bottom:1px solid var(--canvas-border);display:flex;align-items:center;justify-content:space-between}.history-actions label{color:var(--canvas-muted);display:flex;align-items:center;gap:6px;font-size:10px}.history-actions>div{display:flex;gap:6px}.history-actions button{height:30px;padding:0 9px;border:0;border-radius:8px;color:#fff;background:var(--canvas-accent);display:flex;align-items:center;gap:5px;font-size:10px}.history-actions button.danger{background:var(--canvas-danger)}.history-actions button:disabled{opacity:.35}.history-empty{flex:1;display:grid;place-content:center;place-items:center;gap:7px;color:var(--canvas-muted)}.history-empty strong{color:var(--canvas-subtle);font-size:12px}.history-empty small{font-size:10px}.toast{z-index:200;position:fixed;top:82px;left:50%;height:38px;padding:0 14px;border:1px solid rgba(63,180,125,.36);border-radius:10px;background:color-mix(in srgb,var(--canvas-solid) 94%,#3fb47d 6%);box-shadow:0 12px 32px #00000038;display:flex;align-items:center;gap:8px;color:var(--canvas-text);font-size:11px;font-weight:600;transform:translate(-50%)}.toast svg{color:#3fb47d}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes history-enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes edge-flow{to{stroke-dashoffset:-14}}@keyframes port-pulse{to{transform:scale(1.35);box-shadow:0 0 0 5px color-mix(in srgb,var(--node-accent) 16%,transparent)}}@media(max-width:1280px){.content-warning{display:none}.account-button span,.project-action{font-size:0;width:30px;padding:0}.project-action svg{width:14px}.composer{width:min(760px,100vw - 220px)}}@media(max-width:840px){.topbar{height:60px;padding:0 10px}.viewport{inset:60px 0 0}.title-stack strong{font-size:12px}.save-state,.project-tabs,.project-action,.credit-button,.header-divider,.account-button span{display:none}.header-actions{gap:5px}.history-button{width:34px;padding:0;font-size:0}.node-picker{left:74px;width:min(316px,100vw - 90px)}.composer{left:12px;right:12px;bottom:12px;width:auto;min-width:0;transform:none}.canvas-status{display:none}.zoom-toolbar{right:12px;left:auto;bottom:12px}.zoom-toolbar button:nth-child(2),.zoom-toolbar button:nth-child(3),.zoom-toolbar button:nth-child(4),.zoom-toolbar button:nth-child(5),.zoom-toolbar i{display:none}.floating-history{right:12px}}.workspace.theme-dark{--canvas-bg: var(--ref-surface-lowest);--canvas-surface: rgba(17, 19, 23, .94);--canvas-solid: var(--ref-surface);--canvas-soft: var(--ref-surface-low);--canvas-border: rgba(255, 255, 255, .1);--canvas-border-strong: rgba(255, 255, 255, .18);--canvas-text: var(--ref-text);--canvas-subtle: var(--ref-subtle);--canvas-muted: var(--ref-muted);--canvas-accent: var(--ref-violet);--canvas-accent-soft: rgba(160, 120, 255, .13)}.title-stack>strong{color:var(--canvas-text);font-size:15px}.save-state{font-size:11px}.project-tabs button,.project-action,.history-button,.credit-button{font-size:12px}.content-warning{color:#facc15;font-size:11px}.account-button{color:var(--canvas-subtle);font-size:12px}.node-picker>header strong{font-size:14px}.node-picker>header small{color:var(--canvas-muted);font-size:11px}.node-picker-grid b{font-size:12px}.node-picker-grid small{color:var(--canvas-muted);font-size:11px}.empty-state h1{color:var(--canvas-text);font-size:24px}.empty-state p{color:var(--canvas-subtle);font-size:14px}.empty-state button{font-size:13px}.empty-state small{color:var(--canvas-muted);font-size:11px}.node-kind{font-size:12px}.node-preview>span{color:var(--canvas-muted);font-size:11px}.node-preview p{color:var(--canvas-subtle);font-size:13px}.node-upload{color:var(--canvas-subtle);font-size:11px}.canvas-node footer{color:var(--canvas-subtle);font-size:11px}.composer>header strong{color:var(--canvas-text);font-size:13px}.composer>header small{color:var(--canvas-muted);font-size:11px}.composer textarea{color:var(--canvas-text);font-size:13px}.composer textarea::placeholder{color:var(--canvas-muted)}.model-select{color:var(--canvas-subtle);font-size:11px}.composer-actions>span{font-size:11px}.floating-history{color:var(--canvas-subtle);font-size:12px}.canvas-status{color:var(--canvas-muted);font-size:11px}.history-drawer>header strong{font-size:14px}.history-drawer>nav button,.history-actions label,.history-actions button{font-size:11px}.history-empty strong{font-size:13px}.history-empty small{font-size:11px}.help-menu strong{font-size:12px}.help-menu small{color:var(--canvas-muted);font-size:11px}@media(max-width:1280px){.project-action{width:30px;padding:0;font-size:0;white-space:nowrap}}.login-page{position:fixed;inset:0;overflow:hidden auto;min-height:100%;color:#eef2ff;background:#080a12}.login-grid{position:fixed;inset:0;opacity:.32;background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to right,#000 0 60%,transparent 92%);mask-image:linear-gradient(to right,#000 0 60%,transparent 92%)}.login-glow{position:fixed;width:560px;height:560px;border-radius:50%;filter:blur(100px);pointer-events:none}.login-glow-one{left:-180px;top:-210px;background:#5045e538}.login-glow-two{right:-240px;bottom:-300px;background:#0ea5e921}.login-page:after{content:"";position:fixed;left:44%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.09),transparent)}.login-intro{position:absolute;z-index:2;left:8.5%;top:50%;width:34%;transform:translateY(-50%)}.brand-lockup,.studio-brand{display:flex;align-items:center;gap:12px}.brand-lockup strong{display:block;color:#fff;font-size:22px;letter-spacing:-.03em}.brand-lockup small{display:block;margin-top:2px;color:#727b94;font-size:11px;letter-spacing:.12em}.intro-pill{display:inline-flex;align-items:center;gap:7px;margin-top:72px;padding:7px 12px;border:1px solid rgba(139,92,246,.28);border-radius:99px;color:#a999ff;background:#7c3aed14;font-size:11px}.login-intro h1{margin:22px 0 0;color:#fff;font-size:clamp(44px,4.25vw,72px);line-height:1.08;letter-spacing:-.06em}.login-intro h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#9d87ff,#43c8f7);-webkit-background-clip:text;background-clip:text}.login-intro>p{max-width:510px;margin:25px 0 0;color:#8790a7;font-size:15px;line-height:2}.feature-row{display:flex;gap:16px;margin-top:44px}.feature-row>span{min-width:185px;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff06;display:grid;grid-template-columns:25px 1fr;align-items:center}.feature-row svg{grid-row:1/3;color:#8b7cff}.feature-row b{color:#dbe1f1;font-size:12px}.feature-row small{margin-top:3px;color:#636d83;font-size:9px}.login-card{position:relative;z-index:3;width:min(420px,100vw - 32px);margin:max(42px,50vh - 320px) 10% 42px auto;padding:28px 30px 24px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#131722d1;box-shadow:0 28px 80px #00000075,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-card>header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.card-logo{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#745eea,#5b44d7);display:grid;place-items:center;color:#fff;box-shadow:0 9px 24px #684ce752}.login-card h2{margin:0;color:#f7f8ff;font-size:17px}.login-card header p{margin:4px 0 0;color:#5e687e;font-size:8px;letter-spacing:.22em}.auth-tabs{height:42px;padding:3px;margin-bottom:20px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0709108c;display:grid;grid-template-columns:1fr 1fr}.auth-tabs button{border:0;border-radius:7px;background:transparent;color:#70798d;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.14em}.auth-tabs button.active{color:#fff;background:#7658e8;box-shadow:0 6px 15px #7658e83d}.login-card form{display:grid;gap:15px}.auth-field>span{display:block;margin-bottom:7px;color:#7d869c;font-size:9px;font-weight:700;letter-spacing:.14em}.auth-field>div{height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#05070d80;display:flex;align-items:center;gap:9px;color:#616b82;transition:.16s}.auth-field>div:focus-within{border-color:#8b7cffb3;box-shadow:0 0 0 3px #8b7cff17;color:#9b8cff}.auth-field input{flex:1;min-width:0;border:0;outline:0;color:#e9ecf6;background:transparent;font-size:12px}.auth-field input::placeholder{color:#4d566a}.password-eye,.send-code{border:0;background:transparent;color:#687287;cursor:pointer;padding:4px}.send-code{color:#9c8cf7;font-size:10px;white-space:nowrap}.auth-meta{display:flex;align-items:center;justify-content:space-between}.auth-meta label{color:#788197;display:flex;align-items:center;gap:7px;font-size:10px;cursor:pointer}.auth-meta input{position:absolute;opacity:0}.auth-meta i{width:15px;height:15px;border:1px solid #555e72;border-radius:4px;display:grid;place-items:center;color:transparent}.auth-meta input:checked+i{color:#fff;border-color:#7c65eb;background:#7c65eb}.auth-meta button,.back-login,.login-card footer button{border:0;padding:0;color:#8877ec;background:transparent;cursor:pointer;font-size:10px}.auth-error,.auth-success{margin:0;padding:9px 11px;border-radius:8px;font-size:10px}.auth-error{color:#fda4af;border:1px solid rgba(244,63,94,.2);background:#f43f5e14}.auth-success{color:#6ee7b7;border:1px solid rgba(16,185,129,.2);background:#10b98114}.auth-submit{height:45px;margin-top:2px;padding:0 14px 0 18px;border:0;border-radius:10px;background:linear-gradient(90deg,#7057e5,#8268f1);color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 12px 28px #7057e53d;font-size:12px;font-weight:750}.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.back-login{justify-self:center;padding:6px 10px}.login-card>footer{margin-top:19px;color:#555e72;text-align:center;font-size:9px}.login-copyright{position:fixed;z-index:3;right:10%;bottom:14px;width:420px;margin:0;color:#3c4455;text-align:center;font-size:9px}.auth-modal-backdrop{position:fixed;inset:0;z-index:180;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center}.auth-agreement{width:min(480px,100%);padding:0 22px 22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#151923;box-shadow:0 30px 90px #00000080}.auth-agreement header{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(148,163,184,.14)}.auth-agreement header strong{font-size:14px}.auth-agreement header button{width:30px;height:30px;padding:0;border:0;border-radius:8px;color:#8993aa;background:#ffffff0e;display:grid;place-items:center;cursor:pointer}.auth-agreement>div{padding:12px 0 4px;color:#929cb1;font-size:11px;line-height:1.8}.agreement-confirm{width:100%;height:40px;border:0;border-radius:9px;color:#fff;background:#7658e8;cursor:pointer}.login-page{color:var(--ref-text);background:var(--ref-surface-lowest)}.login-card{background:#111317e6}.auth-field>div{background:#0c0e12c7}.auth-tabs{background:#0c0e12b8}.auth-tabs button.active,.auth-submit,.agreement-confirm{background:var(--ref-violet)}.login-card h2,.brand-lockup strong{color:var(--ref-text)}.login-card header p,.auth-field>span,.auth-meta label{color:var(--ref-muted)}.auth-field input{color:var(--ref-text);font-size:14px}.auth-field input::placeholder{color:var(--ref-muted)}.auth-field>span{font-size:12px;line-height:18px}.auth-tabs button{font-size:12px}.auth-submit{font-size:14px}.login-card>footer{color:var(--ref-muted);font-size:11px}@media(max-width:1100px){.login-page:after{display:none}.login-intro{display:none}.login-card{margin:max(40px,50vh - 310px) auto 40px}.login-copyright{position:relative;right:auto;bottom:auto;width:auto;margin:-24px auto 20px}}.studio-brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;width:50px;height:50px;border:1px solid rgba(86,91,255,.55);border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 72% 25%,#58c6ff 0 5%,transparent 6%),linear-gradient(145deg,#102069,#080c26 60%);box-shadow:0 0 35px #5d4fff38}.brand-mark:before{content:"";position:absolute;width:39px;height:39px;border:2px solid #4b6bff;border-left-color:transparent;border-radius:50%;transform:rotate(-25deg)}.brand-mark span{position:relative;z-index:1;font-style:italic;font-weight:900;font-size:18px;color:#78a7ff;text-shadow:0 0 10px #1e40ff}.studio-page{--studio-bg: #090c11;--studio-panel: #0f1218;--studio-panel-2: #131720;--studio-line: rgba(148,163,184,.13);--studio-text: #edf1fa;--studio-sub: #8e9ab2;--studio-muted: #5f6b82;--studio-hover: rgba(255,255,255,.045);--studio-accent: #8b68ee;position:fixed;inset:0;overflow:hidden;color:var(--studio-text);background:var(--studio-bg)}.studio-light{--studio-bg: #f5f7fa;--studio-panel: #fff;--studio-panel-2: #f7f8fb;--studio-line: rgba(51,65,85,.15);--studio-text: #172033;--studio-sub: #566176;--studio-muted: #8a93a6;--studio-hover: rgba(99,102,241,.07)}.studio-sidebar{position:absolute;inset:0 auto 0 0;z-index:40;width:240px;border-right:1px solid var(--studio-line);background:var(--studio-panel);display:flex;flex-direction:column}.studio-brand{height:96px;padding:16px;align-items:flex-start}.brand-mark.compact{width:40px;height:40px;border-radius:10px;flex:none}.brand-mark.compact:before{width:31px;height:31px}.brand-mark.compact span{font-size:15px}.studio-brand strong{display:block;margin-top:4px;color:var(--studio-text);font-size:18px}.studio-brand small{display:block;margin-top:6px;color:var(--studio-sub);font-size:10px}.studio-nav{flex:1;overflow:hidden auto;padding:0 10px 10px;scrollbar-width:thin;scrollbar-color:#583e9a transparent}.studio-nav button{position:relative;width:100%;min-height:54px;padding:7px 9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--studio-sub);display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.studio-nav button:hover{background:var(--studio-hover);color:var(--studio-text)}.studio-nav button.active{color:var(--studio-text);border-color:#8b68ee3b;background:linear-gradient(90deg,#8b68ee2e,#8b68ee0a)}.studio-nav button.active:before{content:"";position:absolute;left:-11px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:#8868ed}.studio-nav button>svg{flex:none}.studio-nav button>span{min-width:0;display:block}.studio-nav b{display:block;font-size:12px;font-weight:600}.studio-nav small{display:block;margin-top:4px;color:#2ee653;font-size:9px}.nav-chevron{margin-left:auto}.more-nav-wrap{position:relative}.more-nav-menu{position:absolute;z-index:60;left:6px;right:6px;bottom:52px;padding:6px;border:1px solid var(--studio-line);border-radius:11px;background:var(--studio-panel);box-shadow:0 14px 34px #0000004d}.more-nav-menu button{min-height:34px;padding:0 10px;justify-content:flex-start;font-size:10px}.sidebar-bottom{padding:8px 11px 12px;border-top:1px solid var(--studio-line);display:grid;gap:8px}.theme-switch,.agreement,.start-create{height:34px;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-panel-2);color:var(--studio-sub);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:10px}.theme-switch{color:#d3bb2c}.agreement{justify-content:flex-start;padding:0 11px;border:0;background:transparent}.agreement svg:last-child{margin-left:auto}.start-create{border:0;color:#fff;background:linear-gradient(90deg,#825ee9,#a269f2);font-weight:650}.studio-shell{position:absolute;inset:0 0 0 240px}.studio-header{height:63px;padding:0 17px 0 32px;border-bottom:1px solid var(--studio-line);background:var(--studio-panel);display:flex;align-items:center;gap:24px}.mode-badge{height:36px;padding:0 16px;border:1px solid rgba(139,104,238,.36);border-radius:99px;color:#a885ff;background:#8b68ee1c;display:flex;align-items:center;font-size:11px;font-weight:700;white-space:nowrap}.studio-header>p{flex:1;margin:0;color:#f5c828;font-size:9px;font-weight:650;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-header-actions{display:flex;align-items:center;gap:9px;flex:none}.studio-header-actions button{cursor:pointer}.recharge,.notice,.circle-action{height:34px;border:1px solid rgba(139,104,238,.36);color:#ab8cff;background:#8b68ee14;display:grid;place-items:center}.recharge{padding:0 15px;border-radius:99px;font-size:10px}.circle-action{width:34px;border-radius:50%}.notice{padding:0 12px;border-radius:12px;display:flex;gap:6px;font-size:10px}.notice em{min-width:15px;height:15px;padding:0 4px;border-radius:9px;color:#fff;background:#ef476f;display:grid;place-items:center;font-size:8px;font-style:normal}.studio-header-actions>i{width:1px;height:28px;background:var(--studio-line);margin:0 6px}.studio-account{border:0;background:transparent;color:var(--studio-sub);display:flex;align-items:center;gap:7px;font-size:10px}.account-wrap{position:relative}.account-menu{position:absolute;z-index:80;top:43px;right:0;width:190px;padding:10px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-panel);box-shadow:0 18px 46px #00000057;display:grid}.account-menu strong{padding:4px 7px 0;font-size:11px}.account-menu small{padding:4px 7px 10px;color:var(--studio-muted);font-size:8px}.account-menu button{min-height:34px;padding:0 8px;border:0;border-radius:7px;color:var(--studio-sub);background:transparent;text-align:left;font-size:10px}.account-menu button:hover{color:var(--studio-text);background:var(--studio-hover)}.account-menu button.logout{margin-top:5px;border-top:1px solid var(--studio-line);border-radius:0 0 7px 7px;color:#fb7185}.video-filterbar{height:57px;padding:0 22px 0 32px;border-bottom:1px solid var(--studio-line);background:var(--studio-panel);display:flex;align-items:center;gap:10px}.mode-tabs{height:37px;padding:3px;margin-right:4px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-panel-2);display:flex}.mode-tabs button{padding:0 13px;border:0;border-radius:7px;background:transparent;color:var(--studio-muted);cursor:pointer;font-size:10px}.mode-tabs button.active{color:#fff;background:#6f52d8;box-shadow:0 4px 11px #5a40c542}.filter-select,.generation-history{height:36px;padding:0 12px;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-panel-2);color:var(--studio-sub);display:flex;align-items:center;gap:9px;cursor:pointer;font-size:10px}.filter-select{position:relative;min-width:148px;padding:0}.filter-select .ui-select-trigger{padding:0 11px}.generation-history{margin-left:auto}.generation-history.active{color:#a98bff;border-color:#8b68ee80;background:#8b68ee1c}.generation-history>span{min-width:15px;height:15px;padding:0 4px;border-radius:9px;color:#fff;background:#795bdc;display:grid;place-items:center;font-size:8px}.video-workspace{position:absolute;inset:120px 0 0;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(70,51,142,.055),transparent 28%),var(--studio-bg)}.video-empty{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);text-align:center}.video-orbit{position:relative;width:75px;height:75px;margin:auto;border:1px solid rgba(139,104,238,.16);border-radius:50%;display:grid;place-items:center}.video-orbit:before{content:"";position:absolute;inset:9px;border:1px dashed rgba(139,104,238,.26);border-radius:50%}.video-orbit span{position:relative;z-index:1;width:43px;height:43px;border-radius:14px;color:#9a7af4;background:#8b68ee24;display:grid;place-items:center;box-shadow:0 10px 30px #5a40be38}.video-empty h1{margin:17px 0 0;color:var(--studio-text);font-size:24px;letter-spacing:-.02em}.video-empty p{margin:10px 0 0;color:var(--studio-sub);font-size:11px}.mock-module{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);text-align:center}.mock-module>div{width:58px;height:58px;margin:auto;border-radius:17px;color:#9b83ed;background:#8b68ee21;display:grid;place-items:center}.mock-module h1{margin:17px 0 0;font-size:23px}.mock-module p{color:var(--studio-sub);font-size:11px}.mock-module button,.generation-results>header button{height:34px;padding:0 14px;border:1px solid rgba(139,104,238,.35);border-radius:9px;color:#a88cf5;background:#8b68ee17;cursor:pointer;font-size:10px}.generation-results{position:absolute;inset:28px 7% 270px;overflow:auto}.generation-results>header{display:flex;align-items:center;justify-content:space-between}.generation-results h1{margin:0;font-size:17px}.generation-results header p{margin:5px 0 0;color:var(--studio-muted);font-size:9px}.generation-results>header button{display:flex;align-items:center;gap:6px}.result-grid{margin-top:15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.result-grid article{overflow:hidden;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-panel);cursor:pointer;transition:.18s}.result-grid article:hover,.result-grid article.selected{border-color:#8b68ee8c;transform:translateY(-2px);box-shadow:0 12px 30px #0003}.mock-video{position:relative;aspect-ratio:16/9;color:#ffffffd9;display:grid;place-items:center}.mock-video-0{background:linear-gradient(145deg,#362f5a,#6f4a9c 45%,#142443)}.mock-video-1{background:linear-gradient(145deg,#153f47,#327767 45%,#152538)}.mock-video-2{background:linear-gradient(145deg,#522f3a,#9b5d4a 48%,#252039)}.mock-video-3{background:linear-gradient(145deg,#243f67,#486f9b 50%,#17253b)}.mock-video .progress{position:absolute;left:10px;right:10px;bottom:9px;height:3px;overflow:hidden;border-radius:4px;background:#ffffff38}.mock-video .progress i{display:block;height:100%;border-radius:inherit;background:#b9a5ff;transition:width .4s}.result-grid article>div:last-child{padding:10px;display:grid;gap:5px}.result-grid article strong{overflow:hidden;color:var(--studio-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.result-grid article span{color:var(--studio-muted);font-size:8px}.result-grid article small{font-size:8px}.result-grid article small.completed{color:#4ade80}.result-grid article small.generating{color:#facc15}.video-composer-wrap{position:absolute;left:50%;bottom:25px;width:min(1060px,100% - 140px);transform:translate(-50%)}.video-warning{margin:0 0 12px;color:#f4c51e;text-align:center;font-size:9px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-composer{min-height:192px;padding:14px 14px 11px;border:1px solid var(--studio-line);border-radius:20px;background:color-mix(in srgb,var(--studio-panel) 93%,transparent);box-shadow:0 20px 60px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.reference-strip{min-height:62px;display:flex;align-items:stretch;gap:8px}.reference-strip article{position:relative;width:60px;height:60px;overflow:hidden;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-panel-2);color:#9176eb;display:grid;place-items:center}.reference-strip article img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reference-strip article>span{position:absolute;left:4px;bottom:4px;padding:2px 4px;border-radius:4px;color:#fff;background:#000000a6;font-size:8px}.reference-strip article>button{position:absolute;top:3px;right:3px;width:17px;height:17px;padding:0;border:0;border-radius:50%;color:#fff;background:#000000a6;display:grid;place-items:center;cursor:pointer}.add-reference{width:122px;min-height:60px;border:1px dashed rgba(139,104,238,.35);border-radius:10px;color:#9b83ed;background:#8b68ee0f;display:grid;grid-template-columns:26px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;cursor:pointer}.add-reference svg{grid-row:1/3;justify-self:center}.add-reference span{align-self:end;font-size:9px;font-weight:650}.add-reference small{align-self:start;color:var(--studio-muted);font-size:7px}.video-composer textarea{width:100%;height:72px;margin-top:8px;padding:6px 7px;resize:none;border:0;outline:0;color:var(--studio-text);background:transparent;font-size:11px;line-height:1.65}.video-composer textarea::placeholder{color:var(--studio-muted);opacity:.85}.video-composer footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-options,.generate-area{display:flex;align-items:center;gap:6px}.composer-options button,.composer-options .composer-dropdown{height:30px;border:1px solid var(--studio-line);border-radius:8px;color:var(--studio-sub);background:var(--studio-panel-2);display:flex;align-items:center;gap:5px;cursor:pointer;font-size:9px}.composer-options .composer-dropdown{position:relative;min-width:84px}.composer-options .composer-dropdown.is-model{min-width:154px}.composer-options .composer-dropdown .ui-select-trigger{padding:0 8px}.composer-options .upload-option{width:32px;padding:0;justify-content:center;color:#19bfe1}.generate-area>span{color:#f2c627;display:flex;align-items:center;gap:4px;font-size:9px}.clear-prompt,.send-video{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.clear-prompt{color:var(--studio-muted);background:transparent}.send-video{color:#fff;background:linear-gradient(145deg,#16bad9,#0e9fc1);box-shadow:0 8px 20px #0ea5c640}.video-history-panel{position:absolute;z-index:50;top:120px;right:0;bottom:0;width:360px;border-left:1px solid var(--studio-line);background:var(--studio-panel);box-shadow:-20px 0 50px #00000038}.video-history-panel header{height:56px;padding:0 16px;border-bottom:1px solid var(--studio-line);display:flex;align-items:center;justify-content:space-between}.video-history-panel header strong{font-size:13px}.video-history-panel header button{width:30px;height:30px;border:0;border-radius:8px;color:var(--studio-sub);background:var(--studio-panel-2);display:grid;place-items:center;cursor:pointer}.history-panel-empty{height:calc(100% - 56px);color:var(--studio-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.history-panel-empty b{color:var(--studio-sub);font-size:12px}.history-panel-empty span{font-size:9px}.history-task-list{height:calc(100% - 56px);overflow:auto;padding:9px;display:grid;align-content:start;gap:6px}.history-task-list>button{width:100%;min-height:68px;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--studio-text);display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.history-task-list>button:hover,.history-task-list>button.active{border-color:#8b68ee47;background:#8b68ee14}.history-thumb{width:48px;height:48px;flex:none;border-radius:9px;color:#ad96f5;background:linear-gradient(145deg,#312c51,#46345e);display:grid;place-items:center}.history-thumb.generating{animation:port-pulse .9s ease-in-out infinite alternate}.history-task-list>button>span:last-child{min-width:0;display:grid;flex:1;gap:4px}.history-task-list b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.history-task-list small{overflow:hidden;color:var(--studio-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.history-task-list em{color:#4ade80;font-size:8px;font-style:normal}.studio-modal{width:min(480px,100%);padding:0 20px 20px;border:1px solid var(--studio-line);border-radius:17px;color:var(--studio-text);background:var(--studio-panel);box-shadow:0 26px 80px #00000075}.studio-modal-backdrop{position:fixed;inset:0;z-index:180;padding:20px;display:grid;place-items:center}.studio-modal>header{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(148,163,184,.14)}.studio-modal header strong{font-size:14px}.studio-modal header button{width:30px;height:30px;padding:0;border:0;border-radius:8px;color:#8993aa;background:#ffffff0e;display:grid;place-items:center;cursor:pointer}.recharge-content>p{color:var(--studio-sub);font-size:11px}.recharge-content>p b{color:#f3c83c;font-size:18px}.recharge-content>div{margin:15px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.recharge-content>div button{min-height:72px;border:1px solid rgba(139,104,238,.3);border-radius:11px;color:#a78bf4;background:#8b68ee14;display:grid;place-content:center;gap:5px;cursor:pointer}.recharge-content>div button:hover{border-color:#8b68ee;background:#8b68ee24}.recharge-content>div strong{font-size:12px}.recharge-content>div span{color:var(--studio-sub);font-size:9px}.recharge-content>small{color:var(--studio-muted);font-size:8px}.support-content{padding:24px 0 4px;text-align:center}.support-content>div{width:58px;height:58px;margin:auto;border-radius:17px;color:#9d85ef;background:#8b68ee1f;display:grid;place-items:center}.support-content h3{margin:14px 0 0;font-size:14px}.support-content p{color:var(--studio-muted);font-size:9px}.support-content button,.agreement-copy button{height:38px;padding:0 18px;border:0;border-radius:9px;color:#fff;background:#7658df;cursor:pointer;font-size:10px}.notice-list{padding-top:10px;display:grid;gap:5px}.notice-list button{min-height:58px;padding:8px 10px;border:0;border-radius:9px;color:var(--studio-text);background:transparent;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.notice-list button:hover{background:var(--studio-hover)}.notice-list button>i{width:7px;height:7px;border-radius:50%;background:transparent}.notice-list button.unread>i{background:#8b68ee;box-shadow:0 0 0 4px #8b68ee1f}.notice-list button>span{flex:1;display:grid;gap:5px}.notice-list b{font-size:10px}.notice-list small{color:var(--studio-muted);font-size:8px}.agreement-copy{padding:10px 0 0;color:var(--studio-sub);font-size:10px;line-height:1.8}.agreement-copy button{width:100%;margin-top:8px}.studio-toast{position:fixed;z-index:100;left:calc(50% + 120px);top:78px;height:38px;padding:0 14px;border:1px solid rgba(139,104,238,.3);border-radius:10px;color:var(--studio-text);background:var(--studio-panel);box-shadow:0 12px 30px #00000047;display:flex;align-items:center;gap:8px;font-size:10px;transform:translate(-50%)}.studio-toast svg{color:#9b83ed}@keyframes port-pulse{to{transform:scale(1.35);box-shadow:0 0 0 5px #8b68ee29}}.studio-page{--studio-bg: var(--ref-surface-lowest);--studio-panel: var(--ref-surface);--studio-panel-2: var(--ref-surface-low);--studio-line: rgba(255, 255, 255, .1);--studio-text: var(--ref-text);--studio-sub: var(--ref-subtle);--studio-muted: var(--ref-muted);--studio-accent: var(--ref-violet);--studio-hover: rgba(255, 255, 255, .05)}.studio-page.studio-light{--studio-bg: #f5f7fa;--studio-panel: #ffffff;--studio-panel-2: #f1f5f9;--studio-line: rgba(15, 23, 42, .12);--studio-text: #0f172a;--studio-sub: #45556c;--studio-muted: #62748e;--studio-accent: #7957dc;--studio-hover: rgba(15, 23, 42, .055)}.studio-brand strong{color:var(--studio-text);font-size:20px;line-height:24px}.studio-brand small{color:var(--studio-sub);font-size:11px;line-height:16px}.studio-nav b{color:inherit;font-size:14px;line-height:20px;font-weight:500}.studio-nav small{margin-top:2px;color:#22e641;font-size:11px;line-height:16px}.studio-nav button{min-height:58px;color:var(--studio-sub)}.studio-nav button.active{color:var(--studio-text)}.theme-switch,.agreement,.start-create{font-size:12px}.mode-badge{color:var(--ref-violet);font-size:13px}.studio-header>p,.video-warning{color:#facc15;font-size:11px;line-height:16px}.recharge,.notice,.studio-account{font-size:12px}.mode-tabs button{color:var(--studio-sub);font-size:12px}.mode-tabs button.active{color:#fff;background:#7957dc}.filter-select,.generation-history{color:var(--studio-sub);font-size:12px}.video-empty h1{color:var(--studio-text);font-size:28px;line-height:34px;font-weight:700}.video-empty p{color:var(--studio-sub);font-size:14px;line-height:22px}.add-reference span{font-size:11px}.add-reference small{color:var(--studio-muted);font-size:10px}.video-composer textarea{color:var(--studio-text);font-size:13px;line-height:1.7}.video-composer textarea::placeholder{color:var(--studio-muted);opacity:1}.composer-options button,.composer-options .composer-dropdown{color:var(--studio-sub);font-size:11px}.generate-area>span{font-size:11px}.generation-results h1{color:var(--studio-text);font-size:20px}.generation-results header p{color:var(--studio-muted);font-size:12px}.result-grid article strong{color:var(--studio-text);font-size:12px}.result-grid article span,.result-grid article small{font-size:11px}.history-task-list b{font-size:12px}.history-task-list small,.history-task-list em{font-size:11px}.account-menu strong{font-size:13px}.account-menu small{color:var(--studio-muted);font-size:11px}.account-menu button,.more-nav-menu button{font-size:12px}.studio-modal header strong{font-size:16px}.recharge-content>p,.support-content p,.agreement-copy{font-size:12px}.support-content h3{font-size:16px}.notice-list b{font-size:12px}.notice-list small{font-size:11px}.studio-toast{color:var(--studio-text);font-size:12px}@media(max-width:1100px){.studio-sidebar{width:78px}.studio-shell{left:78px}.studio-brand{justify-content:center;padding:14px 8px}.studio-brand>div,.studio-nav button span,.sidebar-bottom span,.agreement,.studio-account span{display:none}.studio-nav button{justify-content:center}.theme-switch{padding:0}.video-composer-wrap{width:calc(100% - 44px)}.studio-header>p{display:none}}@media(max-width:760px){.studio-sidebar{display:none}.studio-shell{left:0}.studio-header{padding:0 12px}.studio-header-actions .recharge,.studio-header-actions .notice,.studio-header-actions>i,.studio-account{display:none}.video-filterbar{padding:0 10px;overflow-x:auto}.filter-select{display:none}.generation-history{margin-left:0}.mode-tabs button{padding:0 9px}.video-empty{top:30%;width:90%}.video-composer-wrap{width:calc(100% - 20px);bottom:10px}.video-warning{display:none}.video-composer{min-height:178px}.composer-options button:nth-child(n+4){display:none}.composer-options .ui-select:nth-of-type(n+3){display:none}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.studio-nav b{font-size:0}.studio-nav small{display:none}}.sidebar-theme-row{height:42px;padding:7px 8px;border:1px solid var(--studio-line);border-radius:20px;background:#ffffff06;display:flex;align-items:center;gap:7px}.sidebar-theme-row .theme-switch{flex:1;height:32px;border-radius:18px;border-color:#a078ff80;background:#a078ff21}.sidebar-exit{width:32px;height:32px;flex:none;border:1px solid var(--studio-line);border-radius:50%;color:var(--studio-muted);background:transparent;display:grid;place-items:center;cursor:pointer}.sidebar-exit:hover{color:var(--studio-text);border-color:#a078ff6b;background:#a078ff17}.agreement-wrap{position:relative}.agreement-wrap .agreement{width:100%;height:38px;border-radius:10px;color:var(--studio-text);background:#ffffff09;font-size:12px;font-weight:600}.agreement-wrap .agreement:hover,.agreement-wrap .agreement.active{background:#fff1}.agreement-popover{position:absolute;z-index:150;left:calc(100% + 1px);bottom:38px;width:200px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#1b1b1b;box-shadow:0 18px 48px #0000007a}.agreement-popover button{width:100%;height:41px;padding:0 10px;border:0;border-radius:9px;color:#d9dee8;background:transparent;text-align:left;font-size:13px;cursor:pointer}.agreement-popover button:hover{color:#fff;background:#ffffff12}.support-action{position:relative}.support-action>i{position:absolute;top:-4px;right:-2px;width:8px;height:8px;border:1px solid var(--studio-panel);border-radius:50%;background:#10d985}.studio-account.active{color:var(--studio-text)}.account-menu{top:45px;right:0;width:238px;padding:0;overflow:hidden;border-color:#ffffff21;border-radius:13px;background:#111419}.account-menu>header{min-height:67px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:grid;align-content:center;gap:6px}.account-menu>header strong{padding:0;color:#f2f4f8;font-size:14px;line-height:18px;font-weight:600}.account-menu>header small{padding:0;color:#a078ff;font-size:14px;line-height:18px}.account-menu-list{padding:6px 8px;display:grid}.account-menu .account-menu-list button,.account-menu>.logout{width:100%;min-height:46px;padding:0 10px;border:0;border-radius:8px;color:#d7dce6;background:transparent;display:flex;align-items:center;gap:11px;font-size:14px;text-align:left;cursor:pointer}.account-menu .account-menu-list button:hover,.account-menu>.logout:hover{color:#fff;background:#ffffff0f}.account-menu .account-menu-list button.invite{color:#a078ff}.account-menu>.logout{min-height:54px;margin:0;padding:0 18px;border-top:1px solid rgba(255,255,255,.1);border-radius:0;color:#d7dce6}.account-menu>button.logout{color:#d7dce6}.studio-modal-backdrop{background:#000000c2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.studio-modal.recharge-modal{width:min(816px,100vw - 64px);max-height:calc(100vh - 48px);padding:0;overflow:auto;border-color:#ffffff21;border-radius:18px;background:#111419;scrollbar-width:thin}.studio-modal.recharge-modal>header{height:58px;padding:0 20px;border-bottom-color:#ffffff1a}.studio-modal.recharge-modal>header>div{display:flex;align-items:center;gap:12px}.studio-modal.recharge-modal>header>div>svg{color:#8fa0b8}.studio-modal.recharge-modal>header span{display:grid;gap:2px}.studio-modal.recharge-modal>header strong{color:#f5f7fa;font-size:16px;line-height:20px}.studio-modal.recharge-modal>header small{color:#7d8ca4;font-size:12px;line-height:16px}.studio-modal.recharge-modal>header>button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.11);background:transparent}.recharge-content{padding:17px}.balance-card{min-height:112px;padding:16px 18px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:radial-gradient(circle at 92% 35%,rgba(121,87,220,.18),transparent 36%),linear-gradient(110deg,#101319,#181825);display:flex;align-items:center;justify-content:space-between}.balance-card>div:first-child{display:grid;gap:7px}.balance-card>div:first-child>span{color:#70829c;font-size:14px}.balance-card>div:first-child>small{color:#7183a0;font-size:11px;font-weight:700}.balance-card>div:first-child>strong{color:#f8fafc;font-size:28px;line-height:30px}.balance-card em{color:#a078ff;font-size:24px;font-style:normal}.member-badge{min-width:124px;height:61px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0e;display:flex;align-items:center;gap:10px}.member-badge>i{width:29px;height:29px;border:3px solid #b49aff;border-radius:50%;background:#8d67f3;box-shadow:0 0 0 3px #a078ff2e}.member-badge span{display:grid;gap:2px}.member-badge small{color:#78879c;font-size:10px}.member-badge b{color:#f2f4f8;font-size:15px;white-space:nowrap}.payment-panel{margin-top:12px;padding:16px;border:1px solid rgba(160,120,255,.34);border-radius:24px;background:#151621}.payment-panel h3{margin:0 0 12px;color:#f2f4f8;font-size:18px;line-height:24px}.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-methods>button{position:relative;height:74px;padding:0 24px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#f3f5f8;background:#1b1c27;display:flex;align-items:center;gap:18px;font-size:16px;cursor:pointer}.payment-methods>button:hover{border-color:#a078ff80}.payment-methods>button.wechat>svg{color:#0bcd78}.payment-methods>button.wechat.active{border-color:#00a978;background:#00a97821}.payment-methods>button.alipay.active{border-color:#1677ff;background:#1677ff1f}.payment-methods>button>i{position:absolute;right:17px;width:21px;height:21px;border:1px solid #54637a;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal}.payment-methods>button.wechat.active>i{border-color:#a078ff;background:#8b68ee}.payment-methods>button.alipay.active>i{border-color:#1677ff;background:#1677ff}.alipay-mark{width:46px;height:46px;border-radius:9px;color:#fff;background:#1677ff;display:grid;place-items:center;box-shadow:inset 0 0 0 4px #fff;font-size:30px;font-weight:800}.amount-heading{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.amount-heading h3{margin:0}.amount-heading span{color:#65748d;font-size:13px}.amount-grid{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.amount-grid>button{position:relative;min-height:77px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;color:#f4f6f9;background:#1c1d29;display:grid;align-content:center;gap:8px;text-align:left;cursor:pointer}.amount-grid>button:hover{border-color:#a078ff8c;transform:translateY(-1px)}.amount-grid>button.active{border-color:#9b73ff;background:#7048c440;box-shadow:inset 0 0 20px #8b68ee1a}.amount-grid>button strong{font-size:16px}.amount-grid>button span{color:#8492a7;font-size:12px;white-space:nowrap}.amount-grid>button>svg{position:absolute;top:13px;right:12px;color:#a078ff}.payment-panel>footer{min-height:84px;margin-top:17px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#101318;display:flex;align-items:center;justify-content:space-between}.payment-panel>footer>div{display:grid;gap:8px}.payment-panel>footer span{color:#6e7d94;font-size:13px}.payment-panel>footer strong{color:#f3f5f8;font-size:18px}.payment-panel>footer em{color:#a078ff;font-size:16px;font-style:normal}.payment-panel>footer>button{min-width:238px;height:51px;border:0;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;cursor:pointer}.payment-panel>footer>button.wechat{background:#08c56f}.payment-panel>footer>button.wechat:hover{background:#11d77c}.payment-panel>footer>button.alipay{background:#1677ff}.video-composer{min-height:260px;padding:14px 14px 12px;border-radius:18px}.video-composer textarea{height:136px;margin-top:8px;padding:6px 7px}.video-composer footer{min-height:36px}.clear-prompt:hover{color:#f87171;background:#f8717114}.send-video:hover{filter:brightness(1.09);transform:translateY(-1px)}@media(max-width:900px){.studio-modal.recharge-modal{width:calc(100vw - 28px)}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-methods{grid-template-columns:1fr}.payment-panel>footer{gap:14px}.payment-panel>footer>button{min-width:190px}}@media(max-width:1100px)and (min-width:761px){.agreement-wrap{display:block}.agreement-wrap .agreement{display:flex;width:100%;padding:0;justify-content:center}.agreement-wrap .agreement>svg:last-child{display:none}.agreement-popover{left:calc(100% + 12px);bottom:0}}:root{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,textarea,input{font:inherit}button{color:inherit}button{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease,opacity .16s ease}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:focus-visible,[role=button]:focus-visible{outline:2px solid #8b7cff;outline-offset:2px}:root{font-family:Inter,Noto Sans SC Variable,Noto Sans SC,ui-sans-serif,PingFang SC,Microsoft YaHei,sans-serif;--ref-surface-lowest: #0c0e12;--ref-surface-low: #1a1c20;--ref-surface: #111317;--ref-surface-high: #282a2e;--ref-violet: #a078ff;--ref-violet-glow: rgba(160, 120, 255, .4);--ref-cyan: #4cd7f6;--ref-text: #e2e8f0;--ref-subtle: #90a1b9;--ref-muted: #62748e}