:root{--canvas-layer-edge:2;--canvas-layer-node:8;--canvas-layer-selection:16;--canvas-layer-toolbar:42;--canvas-layer-popover:60;--canvas-layer-dialog:100;--canvas-layer-modal:120;--canvas-layer-modal-popover:130}.free-canvas-page{--canvas-composer-max-height:460px;--canvas-surface:color-mix(in srgb, var(--surface-1) 94%, transparent);--canvas-surface-strong:color-mix(in srgb, var(--surface-1) 82%, transparent);--canvas-glass-highlight:color-mix(in srgb, var(--primary-foreground) 58%, transparent);--canvas-shadow:color-mix(in srgb, var(--text-1) 14%, transparent);--canvas-media-accent:color-mix(in srgb, var(--accent) 14%, var(--surface-2));z-index:70;background:var(--canvas-background);color:var(--text-1);position:fixed;inset:0;overflow:hidden}body:has(.free-canvas-page) .global-account-dock{display:none!important}.free-canvas-topbar{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;height:64px;padding:0 22px;display:flex;position:fixed;inset:0 0 auto}.free-canvas-brand,.free-canvas-actions{pointer-events:auto;align-items:center;gap:10px;display:flex}.free-canvas-brand-mark{place-items:center;display:grid;position:relative}.free-canvas-brand-mark>a{background:var(--text-1);width:36px;height:36px;color:var(--surface-1);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:11px;place-items:center;font-size:16px;font-weight:800;text-decoration:none;display:grid;box-shadow:0 8px 22px #171b2229}.free-canvas-brand-mark:hover>a{transform:translateY(-1px);box-shadow:0 11px 28px #171b2238}.free-canvas-brand-menu{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 94%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:13px;gap:2px;min-width:136px;padding:6px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 36px #171b2229}.free-canvas-brand-menu:before{content:"";border-left:1px solid var(--border);border-top:1px solid var(--border);background:var(--surface-1);width:9px;height:9px;position:absolute;top:-5px;left:13px;transform:rotate(45deg)}.free-canvas-brand-menu a,.free-canvas-brand-menu button{min-height:32px;color:var(--text-2);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 9px;font-size:11px;text-decoration:none;display:flex}.free-canvas-brand-menu a:hover,.free-canvas-brand-menu button:hover{background:var(--surface-2);color:var(--text-1)}.free-canvas-brand>div{gap:1px;display:grid}.free-canvas-brand strong{letter-spacing:-.02em;font-size:14px}.free-canvas-brand span{color:var(--text-3);font-size:10px}.free-canvas-project-name{border-left:1px solid var(--border);color:var(--text-2);margin-left:12px;padding-left:13px;font-size:13px}.free-canvas-actions label{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 86%, transparent);height:36px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:0 9px 0 12px;font-size:11px;display:inline-flex}.free-canvas-actions select{max-width:82px;color:var(--text-1);font:inherit;background:0 0;border:0;outline:0;padding-right:2px;font-weight:700}.free-canvas-credit{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 86%, transparent);height:36px;box-shadow:var(--shadow-float);color:var(--text-1);border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12px;font-weight:750;display:inline-flex}.free-canvas-credit svg{color:var(--accent-strong)}.free-canvas-save{background:var(--text-1);height:36px;color:var(--surface-1);cursor:pointer;font:inherit;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:750;display:inline-flex}.free-canvas-save:disabled{opacity:.6;cursor:wait}.free-canvas-member{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:color-mix(in srgb, var(--accent-soft) 72%, var(--surface-1));height:36px;color:var(--accent-strong);font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:11px;font-weight:750}.free-canvas-member:hover{border-color:var(--accent);background:var(--accent-soft)}.free-canvas-avatar{background:var(--accent);width:36px;height:36px;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.canvas-engine{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;position:absolute;inset:0;overflow:hidden}.canvas-engine-grid{pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--text-3) 18%, transparent) .75px, transparent .75px);opacity:.46;position:absolute;inset:0}.canvas-engine-world{transform-origin:0 0;pointer-events:none;width:12000px;height:12000px;position:absolute;top:0;left:0}.canvas-edge-layer{z-index:var(--canvas-layer-edge);pointer-events:none;width:12000px;height:12000px;position:absolute;top:0;left:0;overflow:visible}.canvas-edge-control-layer{z-index:var(--canvas-layer-toolbar);pointer-events:none;width:12000px;height:12000px;position:absolute;top:0;left:0;overflow:visible}.canvas-edge{color:color-mix(in srgb, var(--accent-strong) 78%, #7357ff);pointer-events:none}.canvas-edge-hit{fill:none;stroke:#0000;stroke-width:24px;pointer-events:stroke;cursor:pointer}.canvas-edge-base,.canvas-edge-flow,.canvas-edge-preview{fill:none;stroke-linecap:round;stroke-linejoin:round}.canvas-edge-base{stroke:currentColor;stroke-width:1.8px;opacity:.66;transition:opacity .18s var(--ease), stroke-width .18s var(--ease), filter .18s var(--ease)}.canvas-edge-flow{stroke:url(#canvas-edge-flow);stroke-width:2.35px;stroke-dasharray:12 34;opacity:.46;animation:2.4s linear infinite canvas-edge-flow}.canvas-edge:hover .canvas-edge-base,.canvas-edge.is-selected .canvas-edge-base{opacity:1;stroke-width:2.25px;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 30%, transparent))}.canvas-edge-anchor-outer{fill:color-mix(in srgb, var(--surface-1) 88%, transparent);stroke:currentColor;stroke-width:1.35px;opacity:.72;transition:opacity .18s var(--ease), r .18s var(--ease), stroke-width .18s var(--ease)}.canvas-edge-anchor-inner{fill:currentColor;opacity:.86;transition:opacity .18s var(--ease), r .18s var(--ease)}.canvas-edge:hover .canvas-edge-anchor-outer,.canvas-edge.is-selected .canvas-edge-anchor-outer{opacity:1;r:5.8;stroke-width:1.7px}.canvas-edge:hover .canvas-edge-anchor-inner,.canvas-edge.is-selected .canvas-edge-anchor-inner{opacity:1;r:2.7}.canvas-edge-preview{stroke:color-mix(in srgb, var(--accent-strong) 86%, #7357ff);stroke-width:2.4px;stroke-dasharray:8 9;opacity:.86}.canvas-edge-preview.is-snapped{stroke-width:2.8px;opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--accent) 42%, transparent));animation:.34s cubic-bezier(.16,1,.3,1) both canvas-edge-preview-snap}.canvas-edge-tracker{fill:var(--accent-strong);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 55%, transparent));animation:.72s ease-in-out infinite alternate canvas-edge-tracker}.canvas-edge.is-selected .canvas-edge-base{stroke-width:2.35px;opacity:1}.canvas-edge.is-confirmed .canvas-edge-base{animation:.34s cubic-bezier(.16,1,.3,1) both canvas-edge-confirm}.canvas-edge-cut-host{pointer-events:all;overflow:visible}.canvas-edge-cut{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--surface-1) 88%, transparent);width:96px;height:38px;color:color-mix(in srgb, var(--accent-strong) 82%, var(--text-1));-webkit-backdrop-filter:blur(12px)saturate(1.08);backdrop-filter:blur(12px)saturate(1.08);font:inherit;letter-spacing:.02em;cursor:pointer;pointer-events:auto;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin:3px 4px;padding:0 15px;font-size:11px;font-weight:720;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 10px 28px #19163429,inset 0 1px #ffffff9e}.canvas-edge-cut:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--surface-1) 94%, var(--accent) 6%);box-shadow:0 13px 32px #231b5233, 0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-1px)}.canvas-edge-cut:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes canvas-edge-flow{to{stroke-dashoffset:-92px}}@keyframes canvas-edge-confirm{0%{opacity:.64;stroke-width:1.8px}48%{opacity:1;stroke-width:3.2px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 44%, transparent))}to{opacity:.74;stroke-width:1.8px}}@keyframes canvas-edge-preview-snap{0%{stroke-dashoffset:18px}to{stroke-dashoffset:0}}@keyframes canvas-edge-tracker{to{r:4;opacity:.58}}.canvas-selection-box{z-index:16;border:1px dashed color-mix(in srgb, var(--accent) 82%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);opacity:0;pointer-events:none;transform-origin:0 0;border-radius:8px;width:0;height:0;position:absolute}.canvas-selection-box.is-visible{opacity:1}.canvas-group-layer{pointer-events:none;position:absolute;inset:0}.canvas-group{--group-color:var(--accent);border:1px solid color-mix(in srgb, var(--group-color) 34%, transparent);background:color-mix(in srgb, var(--group-color) 7%, transparent);box-shadow:inset 0 1px color-mix(in srgb, var(--group-color) 12%, transparent);border-radius:16px;position:absolute}.canvas-group-blue{--group-color:var(--info)}.canvas-group-sage{--group-color:var(--success)}.canvas-group-amber{--group-color:var(--warning)}.canvas-group-rose{--group-color:var(--danger)}.canvas-group>header{color:var(--group-color);align-items:center;gap:8px;display:flex;position:absolute;top:13px;left:18px;right:18px}.canvas-group>header span{border:1px solid color-mix(in srgb, var(--group-color) 24%, transparent);background:color-mix(in srgb, var(--group-color) 8%, transparent);border-radius:6px;padding:3px 7px;font-size:8px;font-weight:760}.canvas-group>header strong{color:color-mix(in srgb, var(--group-color) 76%, var(--text-1));text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.canvas-group>header small{color:var(--text-3);margin-left:auto;font-size:9px}.canvas-engine-node{z-index:var(--canvas-layer-node);pointer-events:auto;border:1px solid color-mix(in srgb, var(--border-strong) 62%, transparent);background:var(--surface-1);-webkit-backdrop-filter:none;backdrop-filter:none;cursor:grab;transition:width .22s var(--ease), height .22s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:20px;grid-template-rows:38px minmax(0,1fr) 66px;animation:.36s cubic-bezier(.16,1,.3,1) both canvas-node-enter;display:grid;position:absolute;overflow:visible;box-shadow:0 4px 14px #1b202a1a}.canvas-engine.is-arranging .canvas-engine-node{transition:width .22s var(--ease), height .22s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease)}.canvas-engine-node:active{cursor:grabbing}.canvas-engine-node:hover{border-color:color-mix(in srgb, var(--border-strong) 84%, transparent);box-shadow:0 4px 14px #1b202a1a}.canvas-engine-node.is-active{border-color:color-mix(in srgb, var(--accent) 64%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent), 0 4px 14px #1b202a1a}.canvas-engine-node.is-selected{border-color:color-mix(in srgb, var(--accent) 72%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 46%, transparent), 0 4px 14px #1b202a1a}@keyframes canvas-node-enter{0%{opacity:0;translate:0 8px;scale:.985}to{opacity:1;translate:0;scale:1}}.canvas-node-label{grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:7px;min-width:0;padding:0 10px 0 13px;display:grid}.canvas-node-type{min-width:0;color:var(--text-2);white-space:nowrap;align-items:center;gap:7px;font-size:10px;font-weight:760;display:inline-flex;overflow:hidden}.canvas-node-type i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 11%, transparent);border-radius:50%;flex:none}.canvas-node-scene .canvas-node-type i{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 11%, transparent)}.canvas-node-video .canvas-node-type i{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb, var(--warning) 14%, transparent)}.canvas-node-audio .canvas-node-type i{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 14%, transparent)}.canvas-node-status{background:var(--surface-2);color:var(--text-3);white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:8px;line-height:1.2}.canvas-node-status[data-status=ready]{background:color-mix(in srgb, var(--success) 12%, var(--surface-2));color:var(--success)}.canvas-node-status[data-status=generating]{background:var(--accent-soft);color:var(--accent-strong);animation:1.35s ease-in-out infinite canvas-status-pulse}.canvas-node-status[data-status=failed]{background:color-mix(in srgb, var(--danger) 10%, var(--surface-2));color:var(--danger)}@keyframes canvas-status-pulse{50%{opacity:.55}}.canvas-node-label button{width:26px;height:26px;color:var(--text-3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease), visibility .18s var(--ease), background .18s var(--ease), color .18s var(--ease);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.canvas-engine-node.is-active .canvas-node-label button{opacity:1;visibility:visible;pointer-events:auto}.canvas-node-label button:hover{background:var(--surface-2);color:var(--text-1)}.canvas-node-media{min-height:0;aspect-ratio:var(--canvas-media-aspect,auto);border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--accent) 5%, var(--surface-2));color:var(--text-3);transition:aspect-ratio .22s var(--ease), background-color .2s var(--ease), box-shadow .22s var(--ease);border-radius:18px;place-items:center;margin:0 10px;display:grid;position:relative;overflow:hidden}.canvas-node-media>img,.canvas-node-media>video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.canvas-node-media>.canvas-generation-media{width:100%;height:100%;min-height:0}.canvas-node-local-error{width:100%;min-height:96px;color:var(--text-3);text-align:center;place-items:center;padding:16px;font-size:12px;display:grid}.canvas-node-empty{color:color-mix(in srgb, var(--text-3) 70%, transparent);justify-items:center;gap:10px;font-size:11px;display:grid}.canvas-audio-preview{background:linear-gradient(180deg, color-mix(in srgb, var(--success) 8%, var(--surface-2)), var(--surface-2));grid-template-rows:minmax(54px,1fr) auto;align-items:center;gap:12px;width:100%;height:100%;padding:18px 16px 13px;display:grid}.canvas-audio-preview audio{width:100%;height:32px;accent-color:var(--success)}.canvas-audio-wave{justify-content:center;align-items:center;gap:4px;height:64px;display:flex}.canvas-audio-wave i{background:color-mix(in srgb, var(--success) 72%, var(--text-2));transform-origin:50%;border-radius:999px;width:4px;height:44%;animation:1.05s ease-in-out infinite alternate canvas-audio-wave}.canvas-audio-wave i:nth-child(3n){height:74%}.canvas-audio-wave i:nth-child(4n){height:30%}@keyframes canvas-audio-wave{0%{opacity:.58;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}.canvas-node-progress{border:1px solid color-mix(in srgb, var(--primary-foreground) 18%, transparent);background:color-mix(in srgb, var(--text-1) 82%, transparent);min-height:28px;color:var(--primary-foreground);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:9px;display:inline-flex;position:absolute;inset:auto 10px 10px}.canvas-node-progress svg{animation:1.2s linear infinite free-canvas-spin}.canvas-node-meta{grid-template-columns:minmax(0,1fr);align-content:center;gap:4px;min-width:0;padding:11px 13px 13px;display:grid}.canvas-node-meta strong{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.canvas-node-meta span{background:var(--surface-2);color:var(--text-3);white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:9px}.canvas-node-meta small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canvas-node-specs{justify-content:flex-end;gap:4px;display:flex}.canvas-node-specs span{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--surface-2) 88%, transparent)}.canvas-character-subtask{z-index:42;border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--surface-1) 95%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;border-radius:20px;grid-template-columns:36px minmax(0,1fr) auto 38px;align-items:center;gap:9px;min-height:56px;padding:8px 10px;display:grid;position:absolute;box-shadow:0 18px 50px #0f172a2e}.canvas-character-subtask>button{background:var(--surface-2);width:34px;height:34px;color:var(--text-2);transition:transform .2s var(--ease), background .2s var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.canvas-character-subtask>button:hover{background:var(--accent-soft);color:var(--accent);transform:scale(1.06)}.canvas-character-subtask>button:last-child{background:var(--accent);color:var(--primary-foreground)}.canvas-character-subtask>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 7px;min-width:0;display:grid}.canvas-character-subtask>div svg{color:var(--accent);grid-row:1/span 2}.canvas-character-subtask>div span{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.canvas-character-subtask>div small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canvas-character-subtask-cost{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.canvas-node-actions{z-index:8;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 94%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;transform-origin:50% 100%;pointer-events:none;min-height:40px;transition:opacity .2s var(--ease), transform .24s cubic-bezier(.16, 1, .3, 1);border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex;position:absolute;top:-48px;left:50%;transform:translate(-50%,8px)scale(.96);box-shadow:0 14px 34px #171b222b}.canvas-engine-node.is-active .canvas-node-actions,.canvas-engine-node.is-active .canvas-node-actions:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.canvas-node-actions button{height:30px;color:var(--text-2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:9px;display:inline-flex}.canvas-node-actions button:hover{background:var(--surface-2);color:var(--text-1)}.canvas-node-actions button[data-action=generate]{background:var(--text-1);color:var(--surface-1);padding-inline:11px;font-weight:680}.canvas-node-actions button[data-action=generate]:hover{background:color-mix(in srgb, var(--text-1) 88%, var(--accent));color:var(--surface-1)}.canvas-node-actions button[data-action=delete]{color:var(--danger)}.canvas-character-quick-actions{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease), visibility .18s var(--ease)}.canvas-engine-node.is-active .canvas-character-quick-actions{opacity:1;visibility:visible;pointer-events:auto}.canvas-node-handle{z-index:6;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 96%, transparent);width:30px;height:30px;color:var(--text-2);opacity:0;transition:opacity .18s var(--ease), transform .22s cubic-bezier(.16, 1, .3, 1), background .18s var(--ease);cursor:crosshair;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)scale(.65);box-shadow:0 8px 20px #171b2229}.canvas-engine-node.is-active .canvas-node-handle{opacity:1;transform:translateY(-50%)scale(1)}.canvas-node-handle:hover{background:var(--text-1);color:var(--surface-1);transform:translateY(-50%)scale(1.08)}.canvas-overlay-layer{z-index:var(--canvas-layer-selection);pointer-events:none;position:absolute;inset:0}.canvas-overlay-layer.has-popover{z-index:var(--canvas-layer-popover)}.canvas-overlay-layer.has-dialog{z-index:80}.canvas-node-composer-host{z-index:var(--canvas-layer-toolbar);pointer-events:none;height:0;position:absolute;top:0;left:0;overflow:visible}.canvas-node-composer-host>:is(.canvas-node-composer,.canvas-character-subtask,.canvas-frame-extraction-panel){pointer-events:auto;top:0;left:0}.canvas-node-composer{min-height:0;box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:18px;padding:0;display:block;position:absolute}.canvas-node-composer.has-error .studio-generation-composer{border-color:color-mix(in srgb, var(--danger) 54%, var(--generation-border-strong))}.canvas-composer-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.canvas-composer-heading>span{min-width:0;color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:760;display:inline-flex;overflow:hidden}.canvas-composer-heading>span svg{color:var(--accent-strong)}.canvas-composer-mode{background:var(--surface-2);color:var(--text-3);border-radius:999px;padding:3px 7px;font-size:9px;font-weight:650}.canvas-composer-heading>div{align-items:center;gap:2px;display:flex}.canvas-composer-heading button{width:26px;height:26px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.canvas-composer-heading button:hover{background:var(--surface-2);color:var(--text-1)}.canvas-node-composer textarea{resize:none;width:100%;min-height:54px;color:var(--text-1);font:inherit;background:0 0;border:0;outline:0;padding:5px 3px;font-size:12px;line-height:1.6}.canvas-node-composer textarea::placeholder{color:var(--text-3)}.canvas-node-composer>footer{align-items:center;gap:8px;min-width:0;display:flex}.canvas-composer-tools{align-items:center;gap:5px;min-width:0;display:flex;position:static;overflow:visible}.canvas-composer-tools::-webkit-scrollbar{display:none}.canvas-composer-icon,.canvas-composer-send{width:32px;height:32px;color:var(--text-2);cursor:pointer;transition:transform .18s var(--ease), background .18s var(--ease);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.canvas-composer-icon:hover{background:var(--surface-2);color:var(--text-1)}.studio-generation-composer .canvas-composer-icon{border:1px solid var(--generation-border);background:var(--generation-surface);width:34px;height:34px;color:var(--generation-text-secondary);border-radius:10px}.studio-generation-composer .canvas-composer-icon:hover{border-color:var(--generation-border-strong);background:var(--generation-surface-hover);color:var(--generation-text);transform:translateY(-1px)}.canvas-param-select{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--surface-2) 78%, transparent);height:32px;color:var(--text-2);white-space:nowrap;transition:border-color .18s var(--ease), background .18s var(--ease);border-radius:999px;flex:none;align-items:center;padding:0 22px 0 10px;font-size:10px;display:inline-flex;position:relative}.canvas-param-select:hover,.canvas-param-select:focus-within{border-color:color-mix(in srgb, var(--accent) 44%, var(--border));background:var(--surface-2)}.canvas-param-select select{appearance:none;max-width:92px;color:var(--text-1);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0}.canvas-param-select select:disabled{cursor:default;opacity:.74}.canvas-param-select svg{pointer-events:none;position:absolute;right:6px}.canvas-audio-param{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--surface-2) 72%, transparent);height:32px;color:var(--text-2);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:5px;padding:0 10px;font-size:10px;display:inline-flex}.canvas-audio-param.is-model{border-color:color-mix(in srgb, var(--success) 30%, var(--border));color:color-mix(in srgb, var(--success) 74%, var(--text-1))}.studio-generation-composer .canvas-audio-param{border-color:var(--generation-border);background:var(--generation-surface);height:34px;color:var(--generation-text-secondary)}.studio-generation-composer .canvas-audio-param.is-model{border-color:color-mix(in srgb, var(--generation-accent) 34%, var(--generation-border));color:var(--generation-accent)}.canvas-composer-references{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.canvas-composer-references::-webkit-scrollbar{display:none}.canvas-composer-references>span{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:var(--accent-soft);height:34px;color:var(--accent-strong);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:6px;padding:2px 5px 2px 2px;font-size:10px;display:inline-flex}.studio-generation-composer .canvas-composer-references>span{border:1px solid color-mix(in srgb, var(--generation-accent) 24%, var(--generation-border));background:color-mix(in srgb, var(--generation-accent) 9%, var(--generation-surface));height:28px;color:color-mix(in srgb, var(--generation-accent) 78%, white)}.canvas-composer-references .canvas-reference-thumbnail{border:1px solid color-mix(in srgb, var(--border-strong) 72%, transparent);background:var(--surface-2);width:28px;height:28px;color:inherit;cursor:zoom-in;transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:8px;flex:0 0 28px;place-items:center;padding:0;display:grid;overflow:hidden}.canvas-composer-references .canvas-reference-thumbnail:hover,.canvas-composer-references .canvas-reference-thumbnail:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));transform:translateY(-1px);box-shadow:0 5px 14px #151c2724}.canvas-composer-references .canvas-reference-thumbnail img{object-fit:contain;object-position:center;border-radius:0;width:100%;height:100%;margin:0;display:block}.canvas-composer-references>span.has-video-preview{height:48px;padding-left:3px}.studio-generation-composer .canvas-composer-references>span.has-video-preview{height:48px}.canvas-reference-video-thumbnail{border:1px solid color-mix(in srgb, var(--border-strong) 76%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, black 8%);width:76px;height:42px;color:var(--text-3);cursor:pointer;border-radius:8px;flex:0 0 76px;place-items:center;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.canvas-reference-video-thumbnail:is(:hover,:focus-visible){border-color:color-mix(in srgb, var(--accent) 60%, var(--border-strong));outline:none;transform:translateY(-1px);box-shadow:0 5px 14px #0a18342e}.canvas-reference-video-thumbnail>img,.canvas-reference-video-thumbnail>video{object-fit:cover;background:#0b0d12;width:100%;height:100%;display:block}.canvas-reference-video-state{background:color-mix(in srgb, var(--surface-2) 88%, transparent);place-items:center;display:grid;position:absolute;inset:0}.canvas-reference-video-badge{color:#fff;background:#080c14b8;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 7px #0003}.canvas-reference-video-duration{color:#fff;letter-spacing:.01em;background:#080c14c2;border-radius:4px;padding:1px 4px;font-size:8px;line-height:1.35;position:absolute;bottom:4px;left:4px}.canvas-reference-video-fallback{background:var(--surface-2);color:var(--text-3);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px;padding:4px;font-size:7px;line-height:1.15;display:grid;position:absolute;inset:0}.canvas-reference-video-fallback>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-reference-video-fallback button{background:color-mix(in srgb, var(--accent) 12%, var(--surface-1));min-height:14px;color:var(--accent-strong);font:inherit;cursor:pointer;border:0;border-radius:4px;grid-column:1/-1;justify-content:center;align-items:center;gap:2px;padding:0 3px;display:inline-flex}.canvas-video-reference-unsupported{max-width:220px;color:var(--danger);white-space:normal;font-size:10px;line-height:1.3}.canvas-video-reference-empty{border:1px dashed color-mix(in srgb, var(--border-strong) 68%, transparent);background:color-mix(in srgb, var(--surface-2) 88%, transparent);min-width:154px;min-height:42px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:7px 9px;display:flex}.canvas-video-reference-empty>span{gap:1px;min-width:0;display:grid}.canvas-video-reference-empty strong{color:var(--text-2);font-size:9px;font-weight:650}.canvas-video-reference-empty small{white-space:nowrap;font-size:8px;line-height:1.25}.canvas-reference-name{text-overflow:ellipsis;max-width:150px;overflow:hidden}.canvas-composer-references .canvas-reference-remove{width:19px;height:19px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.canvas-composer-references .canvas-reference-remove:hover,.canvas-composer-references .canvas-reference-remove:focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent)}.canvas-composer-cost{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent-soft) 58%, transparent);min-height:28px;color:var(--accent-strong);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;margin-left:auto;padding:0 7px;font-size:11px;font-weight:750;display:inline-flex}.canvas-composer-send{background:var(--text-1);color:var(--surface-1);box-shadow:0 8px 20px #15192033}.canvas-composer-send:hover{transform:translateY(-1px)scale(1.04)}.canvas-composer-send:disabled{cursor:wait;opacity:.68;transform:none}.canvas-composer-error{color:var(--danger);align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.canvas-reference-menu{z-index:7;border:1px solid color-mix(in srgb, var(--border-strong) 66%, transparent);background:color-mix(in srgb, var(--surface-1) 98%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px;grid-template-rows:auto auto auto minmax(80px,1fr);gap:9px;width:min(430px,100vw - 28px);max-height:380px;padding:11px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 24px 64px #191e2738,inset 0 1px #ffffff85}.canvas-reference-menu>header{justify-content:space-between;align-items:center;display:flex}.canvas-reference-menu>header strong{font-size:12px}.canvas-reference-menu>header button{width:26px;height:26px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.canvas-reference-search{border:1px solid var(--border);background:var(--surface-2);height:36px;color:var(--text-3);border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex}.canvas-reference-search input{width:100%;min-width:0;color:var(--text-1);font:inherit;background:0 0;border:0;outline:0;font-size:11px}.canvas-reference-menu>nav{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.canvas-reference-menu>nav button{height:30px;color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 9px;font-size:10px;display:inline-flex}.canvas-reference-menu>nav button[aria-pressed=true]{background:var(--text-1);color:var(--surface-1)}.canvas-reference-results{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px;min-height:80px;display:grid;overflow:auto}.canvas-reference-results>div{min-width:0;min-height:48px;color:var(--text-1);background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px;padding:5px;display:grid}.canvas-reference-results>div:hover,.canvas-reference-results>div.is-selected{border-color:var(--border);background:var(--surface-2)}.canvas-reference-result-thumbnail,.canvas-reference-result-icon{border:1px solid color-mix(in srgb, var(--border) 74%, transparent);background:color-mix(in srgb, var(--accent) 7%, var(--surface-2));width:38px;height:38px;color:var(--text-3);border-radius:8px;place-items:center;padding:0;display:grid;overflow:hidden}.canvas-reference-result-thumbnail{cursor:zoom-in;transition:border-color .18s var(--ease), transform .18s var(--ease)}.canvas-reference-result-thumbnail:hover,.canvas-reference-result-thumbnail:focus-visible{border-color:color-mix(in srgb, var(--accent) 46%, var(--border));transform:scale(1.04)}.canvas-reference-result-thumbnail img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.canvas-reference-result-select{min-width:0;min-height:38px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:5px;padding:0 3px 0 0;display:grid}.canvas-reference-result-select>span{gap:2px;min-width:0;display:grid}.canvas-reference-results strong,.canvas-reference-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-reference-results strong{font-size:10px}.canvas-reference-results small{color:var(--text-3);font-size:9px}.canvas-reference-results>p{color:var(--text-3);text-align:center;grid-column:1/-1;margin:0;padding:24px 8px;font-size:10px}.canvas-tooltip{position:relative}.canvas-tooltip:after{content:attr(data-tooltip);z-index:12;background:var(--text-1);max-width:220px;color:var(--surface-1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease), transform .15s var(--ease);border-radius:7px;padding:6px 8px;font-size:9px;line-height:1.35;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px)}.canvas-tooltip:hover:after,.canvas-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.canvas-character-dialog-layer{z-index:90;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;background:#11151c61;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.canvas-character-dialog{border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);background:var(--surface-1);width:min(760px,100%);max-height:min(720px,100dvh - 44px);color:var(--text-1);border-radius:20px;grid-template-rows:auto auto minmax(180px,1fr) auto auto;gap:14px;padding:18px;display:grid;overflow:hidden;box-shadow:0 34px 90px #11161f47,inset 0 1px #ffffff80}.canvas-character-dialog>header{justify-content:space-between;align-items:flex-start;display:flex}.canvas-character-dialog>header div{gap:2px;display:grid}.canvas-character-dialog>header small{color:var(--accent-strong);font-size:10px;font-weight:760}.canvas-character-dialog>header h2{letter-spacing:0;margin:0;font-size:20px}.canvas-character-dialog>header p{color:var(--text-3);margin:0;font-size:11px}.canvas-character-dialog>header button{background:var(--surface-2);width:32px;height:32px;color:var(--text-2);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.canvas-character-dialog>nav{background:var(--surface-2);scrollbar-width:none;border-radius:999px;gap:4px;padding:4px;display:flex;overflow-x:auto}.canvas-character-dialog>nav button{min-height:34px;color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1 0 auto;padding:0 13px;font-size:11px}.canvas-character-dialog>nav button[aria-pressed=true]{background:var(--surface-1);color:var(--text-1);box-shadow:0 4px 14px #171b221a}.canvas-character-dialog>section{padding:2px;overflow:auto}.canvas-character-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.canvas-character-fields label{color:var(--text-2);gap:6px;font-size:10px;display:grid}.canvas-character-fields input{border:1px solid var(--border);background:var(--surface-2);width:100%;height:42px;color:var(--text-1);font:inherit;border-radius:10px;outline:0;padding:0 12px;font-size:12px}.canvas-character-fields input:focus{border-color:color-mix(in srgb, var(--accent) 54%, var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.canvas-character-fields fieldset{border:0;grid-column:1/-1;gap:7px;margin:0;padding:0;display:flex}.canvas-character-fields legend{color:var(--text-2);margin-bottom:6px;font-size:10px}.canvas-character-fields fieldset button,.canvas-character-style button{border:1px solid var(--border);background:var(--surface-1);min-height:36px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-size:11px}.canvas-character-fields fieldset button[aria-pressed=true],.canvas-character-style button[aria-pressed=true]{border-color:var(--text-1);background:var(--text-1);color:var(--surface-1)}.canvas-character-style{flex-wrap:wrap;gap:8px;display:flex}.canvas-character-dialog>aside{background:var(--surface-2);min-height:54px;color:var(--text-2);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.canvas-character-dialog>aside svg{color:var(--accent-strong);flex:none;margin-top:2px}.canvas-character-dialog>aside p{max-height:58px;margin:0;font-size:10px;line-height:1.65;overflow:auto}.canvas-character-dialog>footer{justify-content:flex-end;gap:8px;display:flex}.canvas-character-dialog>footer button{border:1px solid var(--border);background:var(--surface-1);min-width:86px;height:38px;color:var(--text-1);font:inherit;cursor:pointer;border-radius:999px;padding:0 15px;font-size:11px}.canvas-character-dialog>footer button:last-child{border-color:var(--text-1);background:var(--text-1);color:var(--surface-1)}.canvas-create-menu,.canvas-node-menu{z-index:50;border:1px solid color-mix(in srgb, var(--border-strong) 60%, transparent);background:color-mix(in srgb, var(--surface-1) 94%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;border-radius:18px;min-width:190px;padding:8px;position:fixed;box-shadow:0 24px 66px #171b2233,inset 0 1px #ffffff7a}.canvas-create-menu{min-width:286px;padding:11px;transform:translate(10px,10px)}.canvas-create-menu header{color:var(--text-3);justify-content:space-between;align-items:center;padding:5px 7px 10px;font-size:11px;display:flex}.canvas-create-menu header button{width:24px;height:24px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.canvas-create-menu>button,.canvas-node-menu>button{width:100%;min-height:42px;color:var(--text-1);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;font-size:12px;display:flex}.canvas-create-menu>button:hover,.canvas-node-menu>button:hover{background:var(--surface-2)}.canvas-create-menu>button>span{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 76%, transparent);width:38px;height:38px;color:var(--text-2);border-radius:11px;flex:none;place-items:center;display:grid}.canvas-create-menu>button>div{gap:2px;min-width:0;display:grid}.canvas-create-menu>button strong{font-size:11px}.canvas-create-menu>button small{color:var(--text-3);font-size:9px}.canvas-create-menu.is-reference{border-radius:20px;min-width:220px;padding:8px}.canvas-create-menu.is-reference header{padding:6px 8px 8px}.canvas-create-menu.is-reference>button{gap:12px;min-height:42px;padding:4px 10px}.canvas-create-menu.is-reference>button>span{background:0 0;border:0;border-radius:7px;width:25px;height:25px}.canvas-create-menu.is-reference>button strong{font-size:12px;font-weight:650}.canvas-node-menu{min-width:150px}.canvas-node-menu>button{color:var(--danger)}.canvas-edge-menu{z-index:54;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 96%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:5px 6px 5px 10px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 38px #171b222e}.canvas-edge-menu>span{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.canvas-edge-menu>button{width:30px;height:30px;color:var(--danger);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.canvas-edge-menu>button:hover{background:color-mix(in srgb, var(--danger) 9%, transparent)}.canvas-edge-menu>div{gap:4px;display:flex}.canvas-edge-menu>div button{background:var(--surface-2);height:28px;color:var(--text-2);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 9px;font-size:9px}.canvas-edge-menu>div .is-danger{background:color-mix(in srgb, var(--danger) 11%, var(--surface-2));color:var(--danger)}.canvas-batch-menu{z-index:53;border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);background:color-mix(in srgb, var(--surface-1) 94%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;border-radius:25px;align-items:center;gap:6px;width:min(660px,100vw - 28px);min-height:50px;padding:6px;display:flex;position:absolute;box-shadow:0 18px 50px #171b2229,inset 0 1px #ffffff8a}.canvas-batch-menu>header{border-right:1px solid var(--border);min-height:38px;color:var(--text-2);flex:none;align-items:center;gap:8px;padding:0 5px 0 9px;font-size:10px;font-weight:730;display:flex}.canvas-batch-menu>header strong{color:var(--accent-strong);white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:inline-flex}.canvas-batch-menu>header button{width:26px;height:26px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.canvas-batch-actions{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.canvas-batch-actions>button{min-width:0;height:36px;color:var(--text-2);font:inherit;white-space:nowrap;cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:9px;display:inline-flex}.canvas-batch-actions>button:hover{background:var(--surface-2);color:var(--text-1);transform:translateY(-1px)}.canvas-batch-actions button.is-danger{color:var(--danger);margin-left:auto}.canvas-batch-arrange{align-items:center;display:inline-flex;position:relative}.canvas-batch-arrange>.canvas-tooltip{min-width:0;height:36px;color:var(--text-2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:9px;display:inline-flex}.canvas-batch-arrange>.canvas-tooltip:hover,.canvas-batch-arrange>.canvas-tooltip.is-active{background:var(--surface-2);color:var(--text-1)}.canvas-batch-arrange-menu{z-index:80;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 97%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;border-radius:12px;gap:2px;min-width:138px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 14px 32px #171b222e}.canvas-batch-arrange-menu>button{min-height:30px;color:var(--text-2);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 9px;font-size:10px;display:flex}.canvas-batch-arrange-menu>button:hover{background:var(--surface-2);color:var(--text-1)}.canvas-batch-menu>.canvas-batch-panel{flex:1}.canvas-batch-panel{background:var(--surface-2);border-radius:12px;gap:8px;padding:8px;display:grid}.canvas-batch-panel>strong{color:var(--text-1);font-size:11px}.canvas-batch-panel>p{color:var(--text-3);margin:0;font-size:9px;line-height:1.55}.canvas-batch-panel label{color:var(--text-2);gap:6px;font-size:9px;display:grid}.canvas-batch-panel textarea{resize:vertical;border:1px solid var(--border);background:var(--surface-1);width:100%;min-height:62px;color:var(--text-1);font:inherit;border-radius:9px;outline:0;padding:8px 9px;font-size:10px}.canvas-batch-panel footer{justify-content:flex-end;gap:5px;display:flex}.canvas-batch-panel footer button{border:1px solid var(--border);background:var(--surface-1);min-height:30px;color:var(--text-1);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:9px;display:inline-flex}.canvas-batch-panel footer button:last-child{border-color:var(--text-1);background:var(--text-1);color:var(--surface-1)}.canvas-batch-panel footer button.is-danger{border-color:color-mix(in srgb, var(--danger) 28%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--surface-1));color:var(--danger)}.canvas-batch-panel footer button:disabled{opacity:.5;cursor:not-allowed}.canvas-connection-toast{z-index:70;border:1px solid color-mix(in srgb, var(--danger) 28%, var(--border));background:color-mix(in srgb, var(--surface-1) 95%, transparent);min-height:38px;color:var(--danger);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:19px;align-items:center;padding:0 14px;font-size:11px;font-weight:680;display:flex;position:absolute;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #171b2229}.canvas-media-preview-layer{z-index:96;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;background:#0d1118ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.canvas-media-preview{border:1px solid var(--overlay-border);background:var(--overlay-surface);width:min(980px,100%);height:min(760px,100dvh - 48px);box-shadow:var(--shadow-panel);border-radius:18px;grid-template-rows:44px minmax(0,1fr);gap:8px;padding:10px;display:grid}.canvas-media-preview>header{color:var(--overlay-foreground);justify-content:space-between;align-items:center;padding:0 4px 0 8px;display:flex}.canvas-media-preview>header strong{font-size:12px}.canvas-media-preview>header div{gap:4px;display:flex}.canvas-media-preview>header button{background:var(--overlay-surface-hover);width:34px;height:34px;color:var(--overlay-foreground);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.canvas-media-preview>div{background:var(--surface-soft);border-radius:12px;place-items:center;min-height:0;display:grid;overflow:hidden}.canvas-media-preview img,.canvas-media-preview video{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.canvas-media-preview.is-reference-video{width:min(1080px,100vw - 48px);height:min(820px,100dvh - 48px)}.canvas-media-preview.is-reference-video>div{background:#05080d}.canvas-media-preview.is-reference-video .canvas-video-player,.canvas-media-preview.is-reference-video .canvas-video-player>video{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%}.canvas-media-preview audio{width:min(680px,100% - 48px);accent-color:var(--success)}.canvas-media-preview p{color:var(--overlay-muted);font-size:11px}.canvas-asset-toast{z-index:98;border:1px solid var(--border);background:var(--surface-1);min-height:38px;color:var(--text-1);box-shadow:var(--shadow-float);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:10px;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.free-canvas-dock{z-index:32;border:1px solid color-mix(in srgb, var(--border-strong) 60%, transparent);background:color-mix(in srgb, var(--surface-1) 90%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:30px;justify-items:center;gap:8px;width:58px;padding:9px 0;display:grid;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 18px 48px #171b2226,inset 0 1px #ffffff80}.free-canvas-dock button{width:40px;height:40px;color:var(--text-2);cursor:pointer;transition:transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.free-canvas-dock button:hover{background:var(--surface-2);color:var(--text-1);transform:translateY(-1px)}.free-canvas-dock button:after{content:attr(aria-label);background:var(--text-1);min-height:28px;color:var(--surface-1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s var(--ease), transform .18s var(--ease);border-radius:999px;align-items:center;padding:0 10px;font-size:10px;display:flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-5px,-50%)scale(.96);box-shadow:0 8px 20px #171b222e}.free-canvas-dock button:hover:after{opacity:1;transform:translateY(-50%)scale(1)}.free-canvas-dock .is-primary{background:var(--text-1);color:var(--surface-1);box-shadow:0 9px 22px #171b2233}.free-canvas-arrange-wrap{position:relative}.free-canvas-arrange-menu{z-index:46;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 96%, transparent);width:154px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:14px;gap:3px;padding:7px;display:grid;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.free-canvas-arrange-menu button{border-radius:9px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;font-size:11px;display:flex;transform:none}.free-canvas-arrange-menu button:after{display:none}.free-canvas-arrange-menu button:hover{transform:none}.free-canvas-zoom{z-index:32;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 92%, transparent);height:38px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:999px;align-items:center;gap:2px;padding:0 5px;display:flex;position:absolute;bottom:18px;left:20px}.free-canvas-zoom button{width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.free-canvas-zoom button:hover{background:var(--surface-2);color:var(--text-1)}.free-canvas-zoom span{min-width:43px;color:var(--text-2);text-align:center;font-variant-numeric:tabular-nums;font-size:11px}.free-canvas-library,.free-canvas-help{z-index:45;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 95%, transparent);width:min(310px,100vw - 40px);max-height:calc(100dvh - 100px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px;flex-direction:column;gap:13px;padding:14px;display:flex;position:absolute;top:76px;left:20px;overflow:hidden}.free-canvas-library header,.free-canvas-help header{justify-content:space-between;align-items:center;display:flex}.free-canvas-library header div,.free-canvas-help header>div{gap:3px;display:grid}.free-canvas-library header strong,.free-canvas-help strong{font-size:13px}.free-canvas-library header small{color:var(--text-3);font-size:10px}.free-canvas-library header button,.free-canvas-help header button{width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.free-canvas-assets{gap:5px;display:grid;overflow:auto}.free-canvas-assets>button{width:100%;color:var(--text-1);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:7px;display:grid}.free-canvas-assets>button:hover{border-color:var(--border);background:var(--surface-2)}.free-canvas-assets>button>span{background:var(--surface-2);width:36px;height:36px;color:var(--text-3);border-radius:8px;place-items:center;display:grid;overflow:hidden}.free-canvas-assets img{object-fit:contain;object-position:center;width:100%;height:100%}.free-canvas-assets>button>div{gap:3px;min-width:0;display:grid}.free-canvas-assets strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.free-canvas-assets small,.free-canvas-assets p{color:var(--text-3);margin:0;font-size:10px}.free-canvas-library footer{border-top:1px solid var(--border);color:var(--text-3);padding-top:10px;font-size:10px}.free-canvas-help{align-items:stretch;gap:6px;width:220px}.free-canvas-help-anchor{place-items:center;display:grid;position:relative}.free-canvas-help-anchor .free-canvas-help{transform-origin:0 100%;width:232px;max-height:min(360px,100dvh - 40px);top:auto;bottom:-8px;left:calc(100% + 14px)}.free-canvas-help>:is(button,a){box-sizing:border-box;width:100%;min-height:54px;color:var(--text-1);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-self:stretch;align-items:center;gap:8px;padding:8px 10px;font-size:11px;text-decoration:none;display:grid}.free-canvas-dock .free-canvas-help>a{place-items:center stretch;width:100%;height:auto}.free-canvas-help>:is(button,a):hover{background:var(--surface-2)}.free-canvas-help>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:44px;padding:0 2px 7px;display:flex}.free-canvas-help>header small{color:var(--text-3);font-size:8px;font-weight:720}.free-canvas-help>:is(button,a)>svg{color:var(--accent-strong)}.free-canvas-help>:is(button,a)>span{gap:3px;min-width:0;display:grid}.free-canvas-help>:is(button,a) strong{font-size:11px}.free-canvas-help>:is(button,a) small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.free-canvas-toast,.free-canvas-error{z-index:60;border:1px solid var(--border);background:var(--surface-1);min-height:38px;box-shadow:var(--shadow-float);color:var(--text-2);border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:11px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.free-canvas-error{color:var(--danger);bottom:72px}.free-canvas-error button{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.free-canvas-loading{z-index:100;background:var(--canvas-background);color:var(--text-3);place-content:center;justify-items:center;gap:10px;font-size:12px;display:grid;position:fixed;inset:0}.free-canvas-loading--shell{z-index:var(--z-sticky);pointer-events:none;background:0 0;position:absolute;inset:70px 0 0}.free-canvas-loading--shell:before{content:"";border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--surface-1) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;width:128px;height:86px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 18px 48px #050b181f}.free-canvas-loading--shell>*{z-index:1;position:relative}.is-spinning{animation:.9s linear infinite free-canvas-spin}@keyframes free-canvas-spin{to{transform:rotate(360deg)}}.free-canvas-topbar{height:76px;padding-inline:24px}.free-canvas-brand-mark>a,.free-canvas-avatar{width:40px;height:40px}.free-canvas-brand-mark>a{border-radius:14px;box-shadow:0 12px 28px #171b222e}.free-canvas-project-name{text-overflow:ellipsis;white-space:nowrap;max-width:min(32vw,360px);overflow:hidden}.free-canvas-actions{gap:8px}.free-canvas-actions .studio-select-trigger,.free-canvas-credit,.free-canvas-member,.free-canvas-save{min-height:40px;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);border-radius:999px}.free-canvas-actions .studio-select-trigger{box-shadow:0 10px 28px #141a2414}.free-canvas-actions .studio-select-trigger:hover,.free-canvas-credit:hover,.free-canvas-member:hover,.free-canvas-save:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 32px #141a2424}.free-canvas-member.commerce-primary{align-items:center;gap:5px;text-decoration:none;display:inline-flex}.free-canvas-dock{border-radius:32px;width:62px;padding-block:10px;box-shadow:0 22px 58px #171b2229,inset 0 1px #ffffffa6}.free-canvas-dock button{width:42px;height:42px;transition:transform .2s cubic-bezier(.16, 1, .3, 1), background .18s var(--ease), color .18s var(--ease)}.free-canvas-dock button:hover{transform:scale(1.06)}.free-canvas-zoom{border-radius:22px;height:42px;padding-inline:6px}.free-canvas-zoom button{width:32px;height:32px}.canvas-engine-grid{background-image:radial-gradient(color-mix(in srgb, var(--text-3) 17%, transparent) .75px, transparent .75px);opacity:.44}.canvas-engine-node{background:var(--canvas-surface);box-shadow:0 4px 14px color-mix(in srgb, var(--canvas-shadow) 58%, transparent);border-radius:20px}.canvas-node-media{background:var(--canvas-media-accent)}.canvas-node-character{border-radius:28px;grid-template-rows:42px minmax(0,1fr) 98px}.canvas-node-character .canvas-node-label{padding-inline:14px 12px}.canvas-node-character .canvas-node-media{border-radius:22px;margin-inline:12px}.canvas-character-preview{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.canvas-character-preview>img{object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%;display:block}.canvas-node-character .canvas-node-meta{align-content:stretch;gap:8px;padding:10px 14px 14px}.canvas-character-quick-actions{opacity:1;visibility:visible;pointer-events:auto;align-items:center;gap:8px;display:flex}.canvas-character-quick-actions button{border:1px solid color-mix(in srgb, var(--border-strong) 58%, transparent);background:var(--canvas-surface-strong);width:38px;height:38px;color:var(--text-2);box-shadow:inset 0 1px var(--canvas-glass-highlight);cursor:pointer;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);border-radius:12px;place-items:center;padding:0;display:grid}.canvas-character-quick-actions button:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent-soft) 64%, var(--surface-1));color:var(--accent-strong);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 1px var(--canvas-glass-highlight);transform:translateY(-1px)scale(1.04)}.canvas-character-quick-actions button:active{transform:scale(.96)}.canvas-node-copy{gap:4px;min-width:0;display:grid}.canvas-node-details{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.canvas-node-character .canvas-node-meta strong{font-size:14px}.canvas-node-character .canvas-node-meta small{flex:auto}.canvas-node-text .canvas-node-media{background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface-2));align-items:stretch;padding:14px}.canvas-text-node-preview{width:100%;color:var(--text-2);align-content:start;gap:10px;display:grid}.canvas-text-node-preview svg{color:var(--accent-strong)}.canvas-text-node-preview p{color:var(--text-2);-webkit-line-clamp:7;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.canvas-node-actions{border-color:color-mix(in srgb, var(--border-strong) 58%, transparent);background:var(--canvas-surface);min-height:44px;box-shadow:0 18px 44px var(--canvas-shadow), inset 0 1px var(--canvas-glass-highlight);-webkit-backdrop-filter:none;backdrop-filter:none;gap:3px;padding:5px 6px;top:auto;bottom:calc(100% + 12px)}.canvas-engine-node:hover .canvas-node-actions,.canvas-engine-node:focus-within .canvas-node-actions,.canvas-engine-node.is-selected .canvas-node-actions,.canvas-engine-node.is-active .canvas-node-actions{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.canvas-node-actions button{min-width:34px;min-height:34px;transition:transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease);border:1px solid #0000;padding-inline:10px;font-size:10px;font-weight:650}.canvas-node-actions button:hover{border-color:color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent-soft) 58%, var(--surface-1));color:var(--accent-strong);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-1px)scale(1.04)}.canvas-node-actions button:active{transform:scale(.96)}.canvas-node-actions button[data-action=play],.canvas-node-actions button[data-action=zoom],.canvas-node-actions button[data-action=download],.canvas-node-actions button[data-action=asset],.canvas-node-actions button[data-action=delete]{justify-content:center;width:34px;padding:0}.canvas-node-actions button[data-action=play] span,.canvas-node-actions button[data-action=zoom] span,.canvas-node-actions button[data-action=download] span,.canvas-node-actions button[data-action=asset] span,.canvas-node-actions button[data-action=delete] span{display:none}.canvas-node-actions button[data-action=delete]:hover{border-color:color-mix(in srgb, var(--danger) 28%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--surface-1));color:var(--danger)}.canvas-node-actions.is-node-anchored{z-index:var(--canvas-layer-toolbar);white-space:nowrap}.canvas-node-actions.is-node-anchored button{position:relative}.canvas-node-actions.is-node-anchored{visibility:hidden;pointer-events:auto;transition:opacity .2s var(--ease), transform .24s cubic-bezier(.16, 1, .3, 1), visibility 0s linear .24s}.canvas-engine-node:is(:hover,:focus-within,.is-selected,.is-active) .canvas-node-actions.is-node-anchored{visibility:visible;transition-delay:0s}.canvas-node-actions.is-node-anchored:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.canvas-node-actions.is-node-anchored button:after{content:attr(data-tooltip);z-index:var(--canvas-layer-popover);background:var(--text-1);min-height:28px;color:var(--surface-1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s var(--ease), scale .16s var(--ease);border-radius:8px;align-items:center;padding:0 9px;font-size:10px;font-weight:650;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%;scale:.96;box-shadow:0 8px 22px #0f141c33}.canvas-node-actions.is-node-anchored button:hover:after,.canvas-node-actions.is-node-anchored button:focus-visible:after{opacity:1;scale:1}.canvas-node-handle{width:46px;height:46px;color:var(--text-2);box-shadow:none;background:0 0;border:0}.canvas-node-handle-visual{border:1px solid color-mix(in srgb, var(--border-strong) 68%, transparent);background:color-mix(in srgb, var(--surface-1) 96%, transparent);border-radius:50%;place-items:center;width:36px;height:36px;transition:color .18s,background .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 8px 20px #171b2224}.canvas-node-handle:hover{color:var(--surface-1);background:0 0}.canvas-node-handle:hover .canvas-node-handle-visual{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent-strong) 88%, var(--text-1));box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 24%, transparent)}.canvas-node-handle.is-left{left:-52px}.canvas-node-handle.is-right{right:-52px}.canvas-node-composer{min-height:0;box-shadow:none;border-radius:18px}.canvas-param-select{background:color-mix(in srgb, var(--surface-2) 72%, transparent);border-radius:10px}.canvas-composer-icon,.canvas-composer-send{border-radius:10px}.canvas-duration-slider{min-width:108px;color:var(--text-3);gap:3px;padding:4px 9px;font-size:9px;display:grid}.canvas-duration-slider>span{white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.canvas-duration-slider b{color:var(--text-1);font-weight:720}.canvas-duration-slider input{appearance:none;background:linear-gradient(to right, var(--accent) 0 var(--duration-progress,50%), var(--border) var(--duration-progress,50%) 100%);cursor:pointer;border-radius:999px;outline:0;width:100%;height:14px}.canvas-duration-slider input::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface-1);background:var(--accent-strong);border-radius:50%;width:12px;height:12px;box-shadow:0 2px 8px #141a244d}.canvas-duration-slider input:disabled{cursor:default;opacity:.62}.canvas-create-menu,.canvas-node-menu,.canvas-batch-menu,.canvas-character-dialog{border-radius:24px}.canvas-create-menu>button{transition:transform .16s var(--ease), background .16s var(--ease);border-radius:14px}.canvas-create-menu>button:hover{transform:translate(2px)}.canvas-media-preview{border-radius:24px}.canvas-node-actions button:focus-visible,.canvas-character-quick-actions button:focus-visible,.canvas-node-handle:focus-visible,.canvas-composer-icon:focus-visible,.canvas-composer-send:focus-visible,.free-canvas-dock button:focus-visible,.free-canvas-zoom button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (max-width:760px){.free-canvas-topbar{padding:0 12px}.free-canvas-brand>div:not(.free-canvas-brand-mark),.free-canvas-project-name,.free-canvas-actions label:first-child,.free-canvas-save,.free-canvas-credit,.free-canvas-member{display:none}.free-canvas-dock{left:12px}.free-canvas-zoom{bottom:12px;left:12px}.canvas-composer-tools{flex-wrap:wrap;overflow:visible}.canvas-reference-menu{width:100%;max-height:min(420px,100dvh - 160px);position:absolute;inset:auto 0 calc(100% + 10px)}.canvas-reference-results{grid-template-columns:1fr}.canvas-character-dialog-layer{padding:12px}.canvas-character-dialog{max-height:calc(100dvh - 24px);padding:14px}.canvas-character-fields{grid-template-columns:1fr}.free-canvas-library,.free-canvas-help{top:70px;left:12px}.canvas-create-menu.is-reference{min-width:min(220px,100vw - 24px)}.canvas-batch-menu{border-radius:18px;width:calc(100vw - 24px);overflow-x:auto}.canvas-batch-menu>header strong,.canvas-batch-actions button span{display:none}.canvas-media-preview-layer{padding:12px}.canvas-media-preview{height:calc(100dvh - 24px)}.canvas-node-actions button span{display:none}.canvas-node-actions button{justify-content:center;width:30px;padding:0}}.canvas-source-menu-anchor{display:inline-flex;position:relative}.canvas-source-menu{z-index:82;border:1px solid var(--generation-border-strong);background:var(--surface-1);width:224px;color:var(--text-1);box-shadow:var(--shadow-panel);transform-origin:0 100%;pointer-events:auto;border-radius:14px;gap:3px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0}.canvas-source-menu.is-portal{z-index:var(--canvas-layer-modal-popover,130);position:fixed}.canvas-source-menu>button{width:100%;min-height:50px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:7px 9px;display:grid}.canvas-source-menu>button:hover{background:var(--surface-hover)}.canvas-source-menu>button>svg{color:var(--generation-accent)}.canvas-source-menu>button>span{gap:3px;min-width:0;display:grid}.canvas-source-menu strong{font-size:11px}.canvas-source-menu small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.canvas-asset-picker-layer{z-index:var(--canvas-layer-modal,140);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0a0e1685;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.canvas-asset-picker{border:1px solid color-mix(in srgb, var(--border-strong) 78%, transparent);background:var(--surface-1);width:min(920px,100%);height:min(720px,100dvh - 48px);min-height:460px;color:var(--text-1);border-radius:24px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:16px;padding:22px;display:grid;overflow:hidden;box-shadow:0 34px 100px #0409125c,inset 0 1px #ffffff73}.canvas-asset-picker>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.canvas-asset-picker>header>div{gap:4px;min-width:0;display:grid}.canvas-asset-picker>header small{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.canvas-asset-picker>header h2{margin:0;font-size:20px;line-height:1.25}.canvas-asset-picker>header p{color:var(--text-3);margin:0;font-size:12px}.canvas-asset-picker>header>button{border:1px solid var(--border);background:var(--surface-2);width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.canvas-asset-picker__search{border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text-3);border-radius:14px;align-items:center;gap:9px;padding:0 14px;display:flex}.canvas-asset-picker__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.canvas-asset-picker__search input{width:100%;min-width:0;color:var(--text-1);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.canvas-asset-picker>nav{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.canvas-asset-picker>nav button{background:var(--surface-2);min-height:38px;color:var(--text-2);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:inline-flex}.canvas-asset-picker>nav button small{background:color-mix(in srgb, var(--text-3) 10%, transparent);min-width:18px;height:18px;color:inherit;border-radius:999px;place-items:center;padding:0 5px;font-size:9px;display:inline-grid}.canvas-asset-picker>nav button[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-1));color:var(--accent)}.canvas-asset-picker__grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:12px;min-height:0;padding:2px;display:grid;overflow:auto}.canvas-asset-picker__grid>button{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--text-1);cursor:pointer;text-align:left;border-radius:16px;gap:9px;padding:8px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid}.canvas-asset-picker__grid>button:hover{border-color:var(--border-strong);background:var(--surface-hover)}.canvas-asset-picker__grid>button.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 13%, transparent)}.canvas-asset-picker__media{aspect-ratio:4/3;background:color-mix(in srgb, var(--surface-3) 84%, transparent);color:var(--text-3);border-radius:11px;place-items:center;display:grid;position:relative;overflow:hidden}.canvas-asset-picker__media :is(img,video){object-fit:cover;width:100%;height:100%;display:block}.canvas-asset-picker__media i{color:#fff;background:#10192a94;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid;position:absolute;top:7px;right:7px}.canvas-asset-picker__grid>button.is-selected .canvas-asset-picker__media i{background:var(--accent)}.canvas-asset-picker__grid>button>span:last-child{gap:3px;min-width:0;display:grid}.canvas-asset-picker__grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.canvas-asset-picker__grid small{color:var(--text-3);font-size:10px}.canvas-asset-picker__empty{min-height:240px;color:var(--text-3);text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:8px;display:grid}.canvas-asset-picker__empty strong{color:var(--text-2);font-size:13px}.canvas-asset-picker__empty p{margin:0;font-size:11px}.canvas-asset-picker>footer{border-top:1px solid var(--border);min-height:52px;color:var(--text-3);justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:12px;display:flex}.canvas-asset-picker>footer>div{gap:9px;display:flex}.canvas-asset-picker>footer button{border:1px solid var(--border);background:var(--surface-2);min-width:96px;min-height:42px;color:var(--text-1);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:12px;font-weight:650;display:inline-flex}.canvas-asset-picker>footer button.is-primary{border-color:var(--accent);background:var(--accent);color:var(--primary-foreground)}.canvas-asset-picker :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-generation-composer .canvas-reference-menu{border-color:var(--generation-border-strong);background:var(--surface-1);color:var(--generation-text);box-shadow:var(--shadow-panel)}.studio-generation-composer .canvas-reference-search{border-color:var(--generation-border);background:var(--generation-surface);color:var(--generation-text-muted)}.studio-generation-composer .canvas-reference-search input,.studio-generation-composer .canvas-reference-result-select{color:var(--generation-text)}.studio-generation-composer .canvas-reference-menu>nav button,.studio-generation-composer .canvas-reference-results small,.studio-generation-composer .canvas-reference-results>p{color:var(--generation-text-muted)}.studio-generation-composer .canvas-reference-menu>nav button[aria-pressed=true]{background:var(--accent);color:var(--primary-foreground)}.studio-generation-composer .canvas-reference-results>div:hover,.studio-generation-composer .canvas-reference-results>div.is-selected{border-color:var(--generation-border);background:var(--generation-surface-hover)}.canvas-character-design-tool{color:var(--generation-accent)}@media (max-width:760px){.free-canvas-help-anchor .free-canvas-help{transform-origin:0 100%;width:min(232px,100vw - 78px);position:fixed;top:auto;bottom:76px;left:64px}.canvas-source-menu{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;position:fixed}.canvas-asset-picker-layer{padding:10px}.canvas-asset-picker{border-radius:19px;height:calc(100dvh - 20px);min-height:0;padding:15px}.canvas-asset-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.canvas-asset-picker>footer{flex-direction:column;align-items:stretch}.canvas-asset-picker>footer>div{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){.canvas-asset-picker__grid>button{transition:none}.canvas-edge-flow,.canvas-edge-preview,.canvas-edge.is-confirmed .canvas-edge-base,.is-spinning,.canvas-node-status,.canvas-engine-node,.canvas-node-progress svg,.canvas-audio-wave i{animation:none}.canvas-node-actions,.canvas-node-actions button,.canvas-character-quick-actions button,.canvas-node-handle,.free-canvas-dock button,.canvas-tooltip:after,.canvas-image-node-upload:before,.canvas-image-node-upload__icon{transition:none}}.workflow-template-backdrop{z-index:var(--canvas-layer-modal,70);background:color-mix(in srgb, var(--canvas-bg,#edf2f7) 32%, #090e189e);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.workflow-template-center{width:min(1180px,100vw - 48px);height:min(820px,100vh - 48px);color:var(--text-primary);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 97%, transparent);border-radius:26px;grid-template-rows:auto auto minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #08101e3d}.workflow-template-header{border-bottom:1px solid color-mix(in srgb, var(--border) 72%, transparent);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px 20px;display:flex}.workflow-template-header>div>span{color:var(--accent);letter-spacing:.06em;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.workflow-template-header h2{letter-spacing:-.025em;margin:7px 0 5px;font-size:clamp(24px,2.2vw,32px);line-height:1.14}.workflow-template-header p{min-height:20px;color:var(--text-secondary);margin:0;font-size:14px;line-height:20px}.workflow-template-header>button{border:1px solid var(--border);width:38px;height:38px;color:var(--text-secondary);background:var(--surface-2);border-radius:12px;place-items:center;display:grid}.workflow-template-mode{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;width:fit-content;margin-top:16px;padding:3px;display:flex}.workflow-template-mode button{min-height:32px;color:var(--text-secondary);transition:color .2s var(--ease);background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:13px;font-weight:650;position:relative}.workflow-template-mode button[aria-pressed=true]{color:var(--text-primary)}.workflow-template-controls{border-bottom:1px solid color-mix(in srgb, var(--border) 62%, transparent);align-items:center;gap:18px;padding:16px 30px;display:flex}.workflow-template-controls label{border:1px solid var(--border);background:var(--surface-2);width:min(310px,32vw);height:44px;color:var(--text-secondary);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.workflow-template-controls input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:14px}.workflow-template-controls nav{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.workflow-template-controls nav button{min-height:36px;color:var(--text-secondary);transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;flex:none;padding:0 13px;font-size:13px;font-weight:600;position:relative}.workflow-template-controls nav button[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 26%, var(--border))}.workflow-template-active-indicator{border-radius:inherit;pointer-events:none;background:var(--surface-1);position:absolute;inset:0;box-shadow:0 3px 12px #0f192b17}.workflow-template-controls .workflow-template-active-indicator{background:color-mix(in srgb, var(--accent) 9%, var(--surface-2));box-shadow:none}.workflow-template-control-label{z-index:1;position:relative}.workflow-template-content-viewport{isolation:isolate;background:color-mix(in srgb, var(--surface-1) 99%, transparent);min-height:340px;position:relative;overflow:hidden}.workflow-template-content-layer{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-secondary) 38%, transparent) transparent;padding:24px 30px 30px;position:absolute;inset:0;overflow-y:auto}.workflow-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:18px;min-height:100%;display:grid}.workflow-template-loading-hint{z-index:3;border:1px solid color-mix(in srgb, var(--border) 76%, transparent);pointer-events:none;color:var(--text-secondary);background:color-mix(in srgb, var(--surface-1) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:inline-flex;position:absolute;top:12px;right:18px;box-shadow:0 8px 24px #0a121f14}.workflow-template-loading-hint>span{align-items:center;gap:3px;display:inline-flex}.workflow-template-loading-hint i{background:var(--accent);border-radius:50%;width:3px;height:3px;animation:.9s ease-in-out infinite alternate workflow-template-pulse}.workflow-template-loading-hint i:nth-child(2){animation-delay:.12s}.workflow-template-loading-hint i:nth-child(3){animation-delay:.24s}.workflow-template-card{border:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:var(--surface-2);min-width:0;transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:18px;grid-template-rows:144px 1fr auto;display:grid;overflow:hidden;box-shadow:0 10px 30px #141e3012}.workflow-template-card:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--border));transform:translateY(-3px);box-shadow:0 18px 42px #141e301f}.workflow-template-card__cover{background:color-mix(in srgb, var(--surface-3,var(--surface-2)) 76%, var(--accent) 4%);padding:18px;position:relative;overflow:hidden}.workflow-template-card__cover>img{object-fit:cover;border-radius:12px;width:100%;height:100%}.workflow-template-card__cover>em{color:var(--text-primary);background:color-mix(in srgb, var(--surface-1) 82%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #09101c1f}.workflow-template-graph-preview{justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.workflow-template-graph-preview span{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));width:48px;height:48px;color:var(--accent);background:var(--surface-1);border-radius:14px;place-items:center;display:grid;box-shadow:0 8px 22px #141e3014}.workflow-template-graph-preview i{background:color-mix(in srgb, var(--accent) 30%, var(--border));width:34px;height:1px}.workflow-template-card__body{padding:18px 18px 12px}.workflow-template-card__body h3{margin:0 0 8px;font-size:16px;line-height:1.35}.workflow-template-card__body>p{min-height:40px;color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 14px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.workflow-template-card dl{gap:7px;margin:0;display:grid}.workflow-template-card dl div{grid-template-columns:34px 1fr;gap:6px;font-size:12px;display:grid}.workflow-template-card dt{color:var(--text-tertiary,var(--text-secondary))}.workflow-template-card dd{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.workflow-template-card>footer{border-top:1px solid color-mix(in srgb, var(--border) 68%, transparent);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 14px 10px 18px;display:flex}.workflow-template-card>footer span{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.workflow-template-card>footer button{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);color:#fff;background:var(--accent);border-radius:10px;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.workflow-template-empty{text-align:center;min-height:300px;color:var(--text-secondary);grid-column:1/-1;place-content:center;justify-items:center;display:grid}.workflow-template-empty strong{color:var(--text-primary);margin-top:13px;font-size:16px}.workflow-template-empty p{margin:5px 0 0;font-size:13px}.workflow-template-skeleton{border:1px solid var(--border);background:var(--surface-2);border-radius:18px;height:330px;padding:18px}.workflow-template-skeleton span,.workflow-template-skeleton i{background:color-mix(in srgb, var(--text-secondary) 9%, var(--surface-1));border-radius:10px;animation:1.3s ease-in-out infinite alternate workflow-template-shimmer;display:block}.workflow-template-skeleton span{height:138px}.workflow-template-skeleton i{height:16px;margin-top:18px}.workflow-template-skeleton i:last-child{width:70%}.workflow-template-error{border:1px solid color-mix(in srgb, #d24b59 35%, var(--border));color:#ef6672;background:var(--surface-1);border-radius:11px;margin:0;padding:10px 14px;font-size:13px;position:absolute;bottom:22px;left:50%;translate:-50%;box-shadow:0 10px 32px #190c1224}.template-guide-layer{z-index:var(--canvas-layer-modal,70);pointer-events:none;position:fixed;inset:0}.template-guide-scrim{pointer-events:auto;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0a101b7a;position:absolute;inset:0}.template-guide-card{z-index:2;pointer-events:auto;border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));width:min(440px,100vw - 32px);color:var(--text-primary);background:color-mix(in srgb, var(--surface-1) 98%, transparent);border-radius:20px;position:absolute;bottom:38px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 24px 70px #070e1c42}.template-guide-card>header,.template-guide-card>footer{justify-content:space-between;align-items:center;min-height:50px;padding:10px 16px;display:flex}.template-guide-card>header{border-bottom:1px solid var(--border)}.template-guide-card>header span{color:var(--accent);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.template-guide-card>header button{width:32px;height:32px;color:var(--text-secondary);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.template-guide-card>div{padding:20px 20px 18px}.template-guide-card small{color:var(--text-secondary);font-size:11px;font-weight:700}.template-guide-card h2{margin:7px 0 8px;font-size:20px}.template-guide-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.template-guide-card em{color:var(--accent);margin-top:12px;font-size:12px;font-style:normal;display:block}.template-guide-card>footer{border-top:1px solid var(--border)}.template-guide-card>footer>span{gap:5px;display:flex}.template-guide-card>footer i{background:var(--border);border-radius:99px;width:16px;height:3px}.template-guide-card>footer i.is-active{background:var(--accent)}.template-guide-card>footer button{color:#fff;background:var(--accent);border:0;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.canvas-engine-node.is-guide-dimmed{opacity:.42;filter:saturate(.45)}.canvas-engine-node.is-guide-highlighted{z-index:var(--canvas-layer-node-selection);border-color:color-mix(in srgb, var(--accent) 78%, white);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 52%, transparent), 0 4px 14px #10234a1a}.canvas-prompt-polish-anchor{align-items:center;gap:4px;display:flex;position:relative}.canvas-prompt-history{z-index:var(--canvas-layer-popover);border:1px solid var(--border);width:min(340px,100vw - 28px);max-height:420px;color:var(--text-primary);background:var(--surface-1);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 9px);right:0;overflow-y:auto;box-shadow:0 20px 60px #080e1833}.canvas-prompt-history>header{padding:8px 9px 10px}.canvas-prompt-history>header strong{font-size:13px;display:block}.canvas-prompt-history>header small{color:var(--text-secondary);font-size:11px}.canvas-prompt-history article{border-top:1px solid var(--border);padding:10px}.canvas-prompt-history time{color:var(--text-secondary);font-size:10px}.canvas-prompt-history p{color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:5px 0 8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.canvas-prompt-history footer{gap:6px;display:flex}.canvas-prompt-history footer button{font-size:11px;border:1px solid var(--border)!important;width:auto!important;height:29px!important;color:var(--text-secondary)!important;background:var(--surface-2)!important;border-radius:8px!important;padding:0 8px!important}.canvas-prompt-history .is-empty{text-align:center;color:var(--text-secondary);margin:0;padding:28px 12px;font-size:12px}@keyframes canvas-guide-breathe{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 10%, transparent), 0 28px 78px #10234a47}}@keyframes workflow-template-shimmer{to{opacity:.48}}@keyframes workflow-template-pulse{to{opacity:.28;transform:translateY(-1px)}}@media (max-width:900px){.workflow-template-center{width:calc(100vw - 20px);height:calc(100vh - 20px)}.workflow-template-controls{flex-direction:column;align-items:stretch}.workflow-template-controls label{width:100%}.workflow-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-template-header,.workflow-template-controls,.workflow-template-content-layer{padding-left:18px;padding-right:18px}}@media (max-width:620px){.workflow-template-grid{grid-template-columns:1fr}.workflow-template-backdrop{padding:10px}}@media (prefers-reduced-motion:reduce){.workflow-template-card,.workflow-template-mode button,.workflow-template-controls nav button,.workflow-template-loading-hint i,.canvas-engine-node.is-guide-highlighted,.workflow-template-skeleton span,.workflow-template-skeleton i{transition-duration:.1s!important;animation:none!important;transform:none!important}}.canvas-engine-node.is-node-2{cursor:default;border-radius:20px;grid-template-rows:32px minmax(0,1fr)}.canvas-engine-node.is-node-2 .canvas-node-label{grid-template-columns:minmax(0,1fr);padding:0 14px}.canvas-engine-node.is-node-2 .canvas-node-type{color:var(--text-2);gap:6px;font-size:11px;font-weight:650}.canvas-engine-node.is-node-2 .canvas-node-type>i{display:none}.canvas-engine-node.is-node-2 .canvas-node-media{background:color-mix(in srgb, var(--surface-2) 90%, transparent);border-radius:12px;margin:0 8px 8px}.canvas-node-text .canvas-node-media{background:0 0;border:0;border-radius:0 0 19px 19px;align-items:stretch;margin:0;padding:0}.canvas-text-node-editor{width:100%;height:100%;min-height:108px;position:relative}.canvas-text-node-editor [class*=surface]{height:100%}.canvas-text-node-editor textarea{resize:none;width:100%;min-height:108px;max-height:316px;color:var(--text-1);font:inherit;cursor:text;background:0 0;border:0;outline:0;padding:10px 48px 16px 15px;font-size:13px;line-height:1.7;display:block;overflow-y:auto}.canvas-text-node-editor textarea::placeholder{color:var(--text-3)}.canvas-text-node-editor textarea:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:13px}.canvas-text-node-polish{z-index:3;opacity:0;transition:opacity .14s var(--ease), transform .14s var(--ease);position:absolute;bottom:9px;right:10px}.canvas-node-text:hover .canvas-text-node-polish,.canvas-node-text:focus-within .canvas-text-node-polish,.canvas-node-text.is-selected .canvas-text-node-polish,.canvas-node-text.is-active .canvas-text-node-polish{opacity:1}.canvas-text-node-polish [data-prompt-polish-variant=canvas]>button{width:30px;height:30px}.canvas-node-image .canvas-image-node-upload{width:100%;height:100%;min-height:148px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;place-content:center;justify-items:center;gap:11px;padding:18px;font-size:12px;display:grid;position:relative;overflow:hidden}.canvas-node-image .canvas-image-node-upload:before{display:none}.canvas-image-node-upload__icon{border:1px solid color-mix(in srgb, var(--border-strong) 62%, transparent);background:color-mix(in srgb, var(--surface-2) 78%, transparent);width:44px;height:44px;box-shadow:inset 0 1px var(--canvas-glass-highlight), 0 10px 24px color-mix(in srgb, var(--canvas-shadow) 58%, transparent);color:color-mix(in srgb, var(--text-2) 80%, var(--accent));transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), transform .2s cubic-bezier(.16, 1, .3, 1);border-radius:13px;place-items:center;display:grid;position:relative}.canvas-node-image .canvas-image-node-upload strong{color:var(--text-2);letter-spacing:.01em;font-size:12px;font-weight:680;position:relative}.canvas-node-image .canvas-image-node-upload:hover:before,.canvas-node-image .canvas-image-node-upload:focus-visible:before{opacity:.9;scale:1}.canvas-node-image .canvas-image-node-upload:hover .canvas-image-node-upload__icon,.canvas-node-image .canvas-image-node-upload:focus-visible .canvas-image-node-upload__icon{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent-soft) 34%, var(--surface-2));color:var(--accent-strong);transform:translateY(-2px)}.canvas-node-image .canvas-image-node-upload:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px;border-radius:13px}.canvas-node-image .canvas-image-node-content{object-fit:contain;object-position:center;background:0 0;width:100%;height:100%;display:block}.canvas-engine-node.is-media-only{background:var(--surface-1);grid-template-rows:minmax(0,1fr);overflow:visible}.canvas-engine-node.is-media-only .canvas-node-media{border-radius:inherit;background:var(--surface-1);width:100%;height:100%;margin:0;overflow:hidden}.canvas-node-video .canvas-node-media{background:color-mix(in srgb, var(--surface-2) 84%, #05080d)}.canvas-video-node-upload{width:100%;height:100%;min-height:132px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;place-content:center;justify-items:center;gap:10px;font-size:12px;display:grid}.canvas-video-node-upload svg{color:color-mix(in srgb, var(--text-3) 70%, transparent);transition:color .18s var(--ease), transform .18s var(--ease)}.canvas-video-node-upload:hover svg,.canvas-video-node-upload:focus-visible svg{color:var(--accent-strong);transform:translateY(-1px)}.canvas-video-node-upload:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px;border-radius:13px}.canvas-video-player{border-radius:inherit;color:#f7f9fc;isolation:isolate;background:#05080d;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.canvas-video-player>video{z-index:0;object-fit:contain;background:#05080d;width:100%;height:100%;display:block;position:relative}.canvas-video-player button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.canvas-video-player__center{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;transition:opacity .18s var(--ease), transform .18s var(--ease), background .18s var(--ease);border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #00000042;background:#070b12a3!important;border:1px solid #ffffff38!important}.canvas-video-player[data-playing=true] .canvas-video-player__center{opacity:.18}.canvas-video-player[data-playing=true]:hover .canvas-video-player__center,.canvas-video-player[data-playing=true] .canvas-video-player__center:focus-visible{opacity:1}.canvas-video-player__center:hover{transform:translate(-50%,-50%)scale(1.04);background:#070b12d1!important}.canvas-video-player__center svg{pointer-events:none}.canvas-video-player__error{z-index:4;color:#ffffffe6;white-space:nowrap;pointer-events:none;background:#070b12c7;border:1px solid #ffffff29;border-radius:999px;max-width:calc(100% - 24px);padding:5px 9px;font-size:10px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #0003}.canvas-video-player__controls{z-index:3;-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);background:#070b12c7;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:6px;min-height:42px;padding:5px 8px;display:flex;position:absolute;bottom:9px;left:10px;right:10px;box-shadow:0 10px 26px #00000042,inset 0 1px #ffffff14}.canvas-video-player__controls button{border-radius:7px;flex:0 0 24px;width:24px;height:24px}.canvas-video-player__controls button:hover{background:#ffffff1a}.canvas-video-player button:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.canvas-video-player__controls time{color:#ffffffc7;font-variant-numeric:tabular-nums;text-align:center;min-width:31px;font-size:10px}.canvas-video-player__controls>input{flex:auto;min-width:42px}.canvas-video-player input[type=range]{--video-progress:0%;--video-buffered:0%;appearance:none;cursor:pointer;background:0 0;height:14px;margin:0}.canvas-video-player input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, #fffffff5 0 var(--video-progress), #ffffff57 var(--video-progress) var(--video-buffered), #ffffff2e var(--video-buffered) 100%);border-radius:999px;height:4px;transition:height .14s}.canvas-video-player input[type=range]::-webkit-slider-thumb{appearance:none;background:#f7f9fc;border:2px solid #f7f9fc;border-radius:50%;width:10px;height:10px;margin-top:-3px;transition:transform .14s;box-shadow:0 2px 6px #00000052}.canvas-video-player input[type=range]:hover::-webkit-slider-runnable-track{height:6px}.canvas-video-player[data-seeking=true] .canvas-video-player__progress::-webkit-slider-runnable-track{height:6px}.canvas-video-player input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25)}.canvas-video-player[data-seeking=true] .canvas-video-player__progress::-webkit-slider-thumb{transform:scale(1.25)}.canvas-video-player input[type=range]::-moz-range-track{background:#ffffff2e;border:0;border-radius:999px;height:4px}.canvas-video-player input[type=range]::-moz-range-progress{background:#fffffff5;border-radius:999px;height:4px}.canvas-video-player input[type=range]::-moz-range-thumb{background:#f7f9fc;border:2px solid #f7f9fc;border-radius:50%;width:10px;height:10px}.canvas-video-player__volume{align-items:center;gap:2px;display:inline-flex}.canvas-video-player__volume input{width:58px}.canvas-video-player:fullscreen{border-radius:0}.canvas-video-player:fullscreen .canvas-video-player__controls{bottom:20px;left:24px;right:24px}@container (max-width:260px){.canvas-video-player__controls{gap:2px;padding-inline:4px;bottom:5px;left:5px;right:5px}.canvas-video-player__controls time{min-width:24px}.canvas-video-player__volume input{display:none}}.canvas-video-ratio-pending{z-index:8;border:1px solid color-mix(in srgb, var(--warning) 32%, var(--border));background:color-mix(in srgb, var(--surface-1) 88%, transparent);min-height:24px;color:color-mix(in srgb, var(--warning) 78%, var(--text-1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;padding:0 8px;font-size:9px;font-weight:720;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 7px 18px #1419221f}.canvas-video-ratio-dialog-layer{z-index:var(--canvas-layer-modal,70);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#080e1880;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.canvas-video-ratio-dialog{border:1px solid color-mix(in srgb, var(--border-strong) 68%, transparent);background:color-mix(in srgb, var(--surface-1) 97%, transparent);width:min(480px,100vw - 32px);color:var(--text-1);border-radius:22px;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:24px;display:grid;box-shadow:0 30px 88px #050a1252,inset 0 1px #ffffff6b}.canvas-video-ratio-dialog__icon{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent-soft) 58%, var(--surface-2));width:44px;height:44px;color:var(--accent-strong);border-radius:14px;place-items:center;display:grid}.canvas-video-ratio-dialog>div:nth-child(2)>span{color:var(--accent-strong);letter-spacing:.04em;font-size:10px;font-weight:740}.canvas-video-ratio-dialog h2{letter-spacing:-.015em;margin:5px 0 8px;font-size:19px;line-height:1.25}.canvas-video-ratio-dialog p{color:var(--text-2);margin:0;font-size:12px;line-height:1.7}.canvas-video-ratio-dialog p strong{color:var(--text-1)}.canvas-video-ratio-dialog footer{grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.canvas-video-ratio-dialog footer button{border:1px solid var(--border);background:var(--surface-2);min-height:38px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:11px;font-weight:680;display:inline-flex}.canvas-video-ratio-dialog footer button:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));color:var(--text-1)}.canvas-video-ratio-dialog footer button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.canvas-video-ratio-dialog footer .is-primary{border-color:var(--accent);background:var(--accent);color:var(--primary-foreground)}.canvas-prompt-source-chip{z-index:7;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--surface-1) 92%, transparent);max-width:calc(100% - 28px);height:28px;color:var(--text-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 9px;font-size:10px;display:inline-flex;position:absolute;top:44px;left:14px;overflow:hidden;box-shadow:0 7px 18px #1419221f}.canvas-prompt-source-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-prompt-source-chip__icon{width:17px;height:17px;color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:5px;flex:0 0 17px;place-items:center;font-size:9px;font-weight:760;display:grid}.canvas-prompt-source-chip:hover,.canvas-prompt-source-chip:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));color:var(--accent-strong)}.canvas-engine-node.is-media-only .canvas-prompt-source-chip{top:12px}@media (prefers-reduced-motion:reduce){.canvas-node-image .canvas-image-node-upload svg,.canvas-prompt-source-chip,.canvas-video-player__center,.canvas-video-player__controls button{transition:none}.canvas-edge-tracker,.canvas-edge.is-confirmed .canvas-edge-base{animation:none}}.canvas-workflow-menu-anchor{position:relative}.canvas-workflow-menu-trigger{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);background:var(--surface-1);border-radius:12px;place-items:center;display:grid}.canvas-workflow-menu-trigger:hover,.canvas-workflow-menu-trigger[aria-expanded=true]{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:var(--surface-2)}.canvas-workflow-menu{z-index:var(--canvas-layer-popover,50);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 98%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15px;width:224px;padding:7px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 48px #08101e2e}.canvas-workflow-menu>button{width:100%;min-height:52px;color:var(--text-secondary);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.canvas-workflow-menu>button:hover{color:var(--text-primary);background:var(--surface-2)}.canvas-workflow-menu>button.is-publish{color:var(--accent)}.canvas-workflow-menu>button:disabled{opacity:.45;cursor:not-allowed}.canvas-workflow-menu span,.canvas-workflow-menu strong,.canvas-workflow-menu small{display:block}.canvas-workflow-menu strong{color:currentColor;font-size:13px;font-weight:700}.canvas-workflow-menu small{color:var(--text-tertiary,var(--text-secondary));margin-top:3px;font-size:11px}.template-publisher-layer{z-index:calc(var(--canvas-layer-modal,70) + 4);position:fixed;inset:0}.template-publisher-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e18a3;border:0;width:100%;height:100%;position:absolute;inset:0}.template-publisher-drawer{width:min(760px,100vw - 24px);min-height:0;color:var(--text-primary);border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:var(--surface-1);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:12px 12px 12px auto;overflow:hidden;box-shadow:-24px 0 80px #040a1447}.template-publisher-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 28px 22px;display:flex}.template-publisher-header>div>span{color:var(--accent);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.template-publisher-header h2{letter-spacing:-.02em;margin:8px 0 6px;font-size:25px;line-height:1.2}.template-publisher-header p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.template-publisher-header>button{border:1px solid var(--border);width:38px;height:38px;color:var(--text-secondary);background:var(--surface-2);border-radius:11px;flex:none;place-items:center;display:grid}.template-publisher-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-secondary) 32%, transparent) transparent;padding:22px 28px 30px;overflow-y:auto}.template-publisher-section{border:1px solid var(--border);background:var(--surface-2);border-radius:18px;padding:20px}.template-publisher-section+.template-publisher-section{margin-top:16px}.template-publisher-section-heading{justify-content:space-between;align-items:center;gap:16px;min-height:34px;margin-bottom:18px;display:flex}.template-publisher-section-heading>div{align-items:center;gap:10px;display:flex}.template-publisher-section-heading>div>svg{color:var(--accent)}.template-publisher-section-heading strong,.template-publisher-section-heading small{display:block}.template-publisher-section-heading strong{font-size:14px;font-weight:750}.template-publisher-section-heading small{color:var(--text-secondary);margin-top:3px;font-size:12px;font-weight:450}.template-publisher-section-heading>button,.template-publisher-preview-button{border:1px solid var(--border);min-height:36px;color:var(--text-primary);background:var(--surface-1);border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.template-publisher-fields{grid-template-columns:minmax(0,1fr) 190px;gap:14px;display:grid}.template-publisher-template-choice{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:16px;display:grid}.template-publisher-management{gap:6px;padding-bottom:19px;display:flex}.template-publisher-management button{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);background:var(--surface-1);border-radius:9px;padding:0 11px;font-size:11px;font-weight:700}.template-publisher-management button:last-child{color:#df5967}.template-publisher-field{gap:7px;min-width:0;display:grid}.template-publisher-field.is-wide{grid-column:1/-1}.template-publisher-field>span,.template-publisher-guide-editor>div>span{color:var(--text-secondary);font-size:12px;font-weight:700}.template-publisher-field>small{color:var(--text-tertiary,var(--text-secondary));font-size:11px}.template-publisher-field :is(input,textarea,select){border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface-1);font:inherit;border-radius:12px;outline:0}.template-publisher-field input,.template-publisher-field select{height:44px;padding:0 12px}.template-publisher-field textarea{resize:vertical;min-height:84px;padding:11px 12px;line-height:1.55}.template-publisher-field :is(input,textarea,select):focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.template-publisher-select{position:relative}.template-publisher-select select{appearance:none;padding-right:36px}.template-publisher-select svg{pointer-events:none;color:var(--text-secondary);position:absolute;top:50%;right:12px;translate:0 -50%}.template-publisher-metrics{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.template-publisher-metrics>div{text-align:center;border:1px solid var(--border);background:var(--surface-1);border-radius:13px;place-content:center;min-height:62px;display:grid}.template-publisher-metrics strong{font-size:18px}.template-publisher-metrics span{color:var(--text-secondary);margin-top:2px;font-size:11px}.template-publisher-node-types{color:var(--text-secondary);margin:12px 0 0;font-size:12px}.template-publisher-graph{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 95%, var(--accent) 2%);border-radius:15px;height:190px;margin-top:14px;position:relative;overflow:hidden}.template-publisher-graph svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.template-publisher-graph line{vector-effect:non-scaling-stroke;stroke:color-mix(in srgb, var(--accent) 32%, var(--border));stroke-width:1.2px}.template-publisher-graph>button{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));width:108px;min-height:44px;color:var(--text-primary);background:var(--surface-2);border-radius:11px;padding:6px 8px;position:absolute;overflow:hidden;translate:-50% -50%;box-shadow:0 8px 22px #0c162614}.template-publisher-graph>button:disabled{cursor:default;opacity:1}.template-publisher-graph>button.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent), 0 8px 22px #0c16261a}.template-publisher-graph>button span,.template-publisher-graph>button strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-publisher-graph>button span{color:var(--accent);font-size:9px;font-weight:700}.template-publisher-graph>button strong{margin-top:2px;font-size:10px}.template-publisher-example-toggle{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;grid-template-columns:18px 1fr;align-items:start;gap:10px;margin-top:14px;padding:13px;display:grid}.template-publisher-example-toggle input{accent-color:var(--accent);margin-top:3px}.template-publisher-example-toggle>span{grid-template-columns:20px 1fr;gap:2px 7px;display:grid}.template-publisher-example-toggle svg{color:var(--accent);grid-row:1/3}.template-publisher-example-toggle strong{font-size:12px}.template-publisher-example-toggle small{color:var(--text-secondary);font-size:11px;line-height:1.5}.template-publisher-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.template-publisher-examples label{border:1px solid var(--border);background:var(--surface-1);border-radius:11px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.template-publisher-examples label>span{align-items:center;gap:8px;min-width:0;display:flex}.template-publisher-examples img{object-fit:cover;border-radius:8px;width:34px;height:34px}.template-publisher-examples strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.template-publisher-guide-list{gap:8px;display:grid}.template-publisher-guide-list>article{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;display:grid}.template-publisher-guide-list>article.is-editing{border-color:color-mix(in srgb, var(--accent) 42%, var(--border))}.template-publisher-guide-main{min-width:0;min-height:58px;color:var(--text-primary);text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:9px 11px;display:grid}.template-publisher-guide-main>span{color:var(--accent);font-size:11px;font-weight:800}.template-publisher-guide-main strong,.template-publisher-guide-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-publisher-guide-main strong{font-size:12px}.template-publisher-guide-main small{color:var(--text-secondary);margin-top:4px;font-size:10px}.template-publisher-guide-actions{align-items:center;gap:3px;padding-right:8px;display:flex}.template-publisher-guide-actions button{width:28px;height:28px;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.template-publisher-guide-actions button:hover{color:var(--text-primary);background:var(--surface-2)}.template-publisher-guide-actions button:disabled{opacity:.3}.template-publisher-guide-editor{border-top:1px solid var(--border);grid-column:1/-1;gap:12px;padding:14px;display:grid}.template-publisher-guide-editor>p{color:var(--text-secondary);margin:0;font-size:12px}.template-publisher-guide-editor .template-publisher-graph{height:160px}.template-publisher-preview-button{margin-top:12px}.template-publisher-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 96%, transparent);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px 20px 14px 28px;display:flex}.template-publisher-footer>div:first-child{min-width:0}.template-publisher-footer p{color:#e15d69;margin:0;font-size:12px}.template-publisher-footer span{color:var(--text-secondary);font-size:11px}.template-publisher-footer>div:last-child{gap:8px;display:flex}.template-publisher-footer button{border:1px solid var(--border);white-space:nowrap;border-radius:11px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.template-publisher-footer .is-ghost{color:var(--text-secondary);background:0 0}.template-publisher-footer .is-secondary{color:var(--text-primary);background:var(--surface-2)}.template-publisher-footer .is-primary{color:#fff;border-color:var(--accent);background:var(--accent)}.template-publisher-footer button:disabled{opacity:.48;cursor:not-allowed}.template-publisher-confirm,.template-guide-preview-layer{z-index:calc(var(--canvas-layer-modal,70) + 9);place-items:center;display:grid;position:fixed;inset:0}.template-publisher-confirm{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070d1794}.template-publisher-confirm section{border:1px solid var(--border);width:min(430px,100vw - 28px);color:var(--text-primary);background:var(--surface-1);border-radius:18px;padding:24px;box-shadow:0 22px 70px #040a1447}.template-publisher-confirm h3{margin:0;font-size:19px}.template-publisher-confirm p{color:var(--text-secondary);margin:10px 0 20px;font-size:13px;line-height:1.65}.template-publisher-confirm div{justify-content:flex-end;gap:8px;display:flex}.template-publisher-confirm button{border:1px solid var(--border);min-height:40px;color:var(--text-primary);background:var(--surface-2);border-radius:10px;padding:0 14px;font-weight:700}.template-publisher-confirm button:last-child{color:#fff;border-color:var(--accent);background:var(--accent)}.template-guide-preview-scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070d17b8;border:0;width:100%;height:100%;position:absolute;inset:0}.template-guide-preview-canvas{opacity:.48;position:absolute;inset:6vh 5vw 28vh}.template-guide-preview-canvas .template-publisher-graph{background:var(--surface-1);height:100%;margin:0}.template-guide-preview-card{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));width:min(470px,100vw - 28px);color:var(--text-primary);background:var(--surface-1);border-radius:19px;align-self:end;margin-bottom:34px;position:relative;overflow:hidden;box-shadow:0 22px 70px #040a1452}.template-guide-preview-card header,.template-guide-preview-card footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:52px;padding:10px 16px;display:flex}.template-guide-preview-card header span{color:var(--accent);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.template-guide-preview-card header button{width:30px;height:30px;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.template-guide-preview-card>div{padding:20px}.template-guide-preview-card small{color:var(--text-secondary);font-size:11px}.template-guide-preview-card h3{margin:7px 0 8px;font-size:20px}.template-guide-preview-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.template-guide-preview-card em{color:var(--accent);margin-top:11px;font-size:12px;font-style:normal;display:block}.template-guide-preview-card footer{border:0;border-top:1px solid var(--border)}.template-guide-preview-card footer span{color:var(--text-secondary);font-size:11px}.template-guide-preview-card footer button{color:#fff;background:var(--accent);border:0;border-radius:10px;min-height:38px;padding:0 14px;font-weight:700}.free-canvas-toast.is-template{max-width:min(560px,100vw - 40px)}@media (max-width:720px){.template-publisher-drawer{width:auto;inset:10px}.template-publisher-header,.template-publisher-scroll{padding-left:18px;padding-right:18px}.template-publisher-fields{grid-template-columns:1fr}.template-publisher-field.is-wide{grid-column:auto}.template-publisher-template-choice{grid-template-columns:1fr}.template-publisher-management{padding-bottom:0}.template-publisher-footer{flex-direction:column;align-items:stretch;padding:12px 14px}.template-publisher-footer>div:last-child{justify-content:flex-end;overflow-x:auto}.template-publisher-examples{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.template-publisher-drawer,.canvas-workflow-menu{transition:none!important}}.canvas-first-use-guide{z-index:70;border:1px solid color-mix(in srgb, var(--studio-accent,#7690a6) 38%, var(--studio-border,#2c3d5d));background:color-mix(in srgb, var(--studio-surface,#111a29) 94%, transparent);width:min(320px,100vw - 36px);color:var(--studio-text,#eef3f8);border-radius:16px;padding:18px;position:fixed;bottom:26px;right:26px;box-shadow:0 18px 54px #00000047}.canvas-first-use-guide-kicker{color:var(--studio-accent,#9ab2c8);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.canvas-first-use-guide h2{margin:9px 0 6px;font-size:16px}.canvas-first-use-guide p{color:var(--studio-muted,#aab6c6);margin:0;font-size:12px;line-height:1.6}.canvas-first-use-guide-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.canvas-first-use-guide-actions button{border:1px solid var(--studio-accent,#7690a6);background:var(--studio-accent,#31506a);color:#fff;cursor:pointer;border-radius:9px;padding:7px 11px;font-size:12px}.canvas-first-use-guide-actions .canvas-first-use-guide-skip{color:var(--studio-muted,#aab6c6);background:0 0;border-color:#0000}