:root{--content-cover-ratio:16 / 9;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fw-regular:400;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:600;--fw-black:700;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-sm:0 4px 12px #0000003d;--shadow-md:0 12px 32px #00000052;--shadow-lg:0 24px 64px #0006;--dur-fast:.12s;--dur-base:.16s;--dur-slow:.24s;--ease-out:cubic-bezier(.2, .8, .2, 1);--bg-active:#ffffff1a;--z-generator:400;--z-generator-panel:480;--z-node-toolbar:620;--z-toolbar-menu:680;--z-canvas-chrome:700;--z-canvas-chrome-panel:730;--z-canvas-chrome-menu:760;--z-floating-panel:760;--z-modal:820;--z-modal-panel:840;--z-fullscreen:880;--bg-app:#070707;--bg-surface:#0d0d0e;--bg-elevated:#171718;--bg-hover:#242426;--bg-selected:#ffffff13;--bg-group:#ffffff09;--fg-primary:#f4f4f5;--fg-secondary:#b7b7bc;--fg-tertiary:#77787f;--fg-muted:#5f6067;--fg-disabled:#5f6067;--fg-inverse:#080809;--border-subtle:#ffffff0e;--border-default:#ffffff18;--border-strong:#ffffff2e;--edge-stroke:#ffffff59;--edge-stroke-hover:#ffffff8c;--edge-stroke-selected:#fffc;--edge-stroke-active:#ffffff9e;--accent:#a78bfa;--accent-soft:#a78bfa2e;--motion-purple:#a78bfa;--motion-purple-soft:#a78bfa2e;--motion-purple-halo:#a78bfa42;--motion-purple-gradient:linear-gradient(110deg, #7c5cff 0%, #a78bfa 48%, #d5c8ff 100%);--brand-bg:#f2f2f2;--brand-fg:#101010;--success:#4ade80;--success-alt:#22c55e;--error:#f87171;--glass-bg:#181819eb;--glass-border:#ffffff18;--overlay-hover:#ffffff0f;--error-soft:#f8717133;--success-soft:#4ade8033;--rf-bg:#000;--rf-dots:#333;--rf-dots-active:#fff;--minimap-bg:#111112;--minimap-mask:#11111299;--minimap-node:#fff6;--minimap-viewport:#ffffff59;--canvas-bg:var(--rf-bg);--canvas-panel-bg:#141415;--canvas-inner-bg:#111112;--canvas-field-bg:#0f0f10;--canvas-floating-bg:#181819f0;--canvas-floating-shadow:0 18px 44px #00000057, inset 0 1px 0 #ffffff09;--canvas-panel-radius:16px;--canvas-inner-radius:14px;--canvas-drawer-radius:24px;--node-hover-border:#ffffff29;--node-hover-outline:#ffffff0a;--node-hover-shadow:0 16px 34px #00000042;--node-selected-shadow:0 0 0 1px #a78bfa61, 0 18px 38px #0000004d;--node-running-shadow:0 0 0 1px #a78bfa57, 0 18px 38px #0000004d;--group-border:#ffffff14;--group-border-active:#ffffff2e;--group-outline:#ffffff0b}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#0000002e transparent;margin:0;padding:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000002e padding-box content-box;border:2px solid #0000;border-radius:999px}:hover::-webkit-scrollbar-thumb{background:#00000052 padding-box content-box}:focus-within::-webkit-scrollbar-thumb{background:#00000052 padding-box content-box}::-webkit-scrollbar-corner{background:0 0}[data-theme=dark] *{scrollbar-color:#ffffff3d transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff38 padding-box content-box}[data-theme=dark] :hover::-webkit-scrollbar-thumb{background:#ffffff57 padding-box content-box}[data-theme=dark] :focus-within::-webkit-scrollbar-thumb{background:#ffffff57 padding-box content-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--fs-base);font-weight:var(--fw-regular);background:var(--bg-app);color:var(--fg-primary);overflow:hidden}#root{width:100vw;height:100vh}.canvas-entry-loading{color:#ffffffb8;letter-spacing:0;place-items:center;min-height:100vh;font-size:14px;display:grid}.error-boundary{background:var(--bg-surface);width:100vw;height:100vh;color:var(--fg-primary);place-items:center;display:grid}.error-boundary-panel{border:1px solid var(--accent-soft);background:var(--minimap-bg);border-radius:14px;width:min(420px,100vw - 40px);padding:28px;box-shadow:0 14px 36px #1920381f}.error-boundary-panel h1{font-size:var(--fs-xl);margin:0 0 10px}.error-boundary-panel p{color:var(--fg-secondary);margin:0 0 18px;line-height:1.6}.error-boundary-panel button{height:38px;color:var(--fg-inverse);background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:0 16px;font-family:inherit}.homepage{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 360px), var(--bg-app);width:100vw;height:100vh;color:var(--fg-primary);overflow-y:auto}.homepage-nav{z-index:20;background:0 0;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100vw - 36px);height:74px;margin:0 auto;display:flex;position:sticky;top:0}.homepage-brand{color:var(--fg-primary);font:inherit;font-weight:var(--fw-black);background:0 0;border:0;align-items:center;gap:10px;display:inline-flex}.homepage-brand img{border-radius:8px;width:34px;height:34px}.homepage-nav-actions,.homepage-hero-actions{align-items:center;gap:10px;display:inline-flex}.homepage-login-btn,.homepage-primary-action{border:1px solid var(--border-default);height:38px;color:var(--fg-primary);background:var(--bg-elevated);cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.homepage-login-btn:hover,.homepage-primary-action:hover{border-color:var(--accent)}.homepage-login-btn:disabled,.homepage-primary-action:disabled{cursor:wait;opacity:.65}.homepage-primary-action{border-color:var(--accent);background:var(--accent);color:#fff}.homepage-primary-action:hover{filter:brightness(1.04)}.homepage-hero{grid-template-columns:minmax(320px,.82fr) minmax(420px,1fr);align-items:center;gap:44px;width:min(1180px,100vw - 36px);min-height:min(680px,100vh - 74px);margin:0 auto;padding:44px 0 28px;display:grid}.homepage-hero-copy{gap:20px;display:grid}.homepage-eyebrow{border:1px solid var(--border-default);background:var(--glass-bg);width:max-content;color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-black);letter-spacing:0;border-radius:999px;padding:7px 10px}.homepage-hero h1{color:var(--fg-primary);letter-spacing:0;margin:0;font-size:clamp(42px,7vw,78px);line-height:.95}.homepage-hero p{max-width:560px;color:var(--fg-secondary);font-size:var(--fs-lg);line-height:1.75}.homepage-hero-actions>span{color:var(--fg-tertiary);font-size:var(--fs-sm);line-height:1.45}.homepage-preview{border:1px solid var(--glass-border);background:var(--glass-bg);min-width:0;box-shadow:var(--canvas-floating-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;overflow:hidden}.homepage-preview-toolbar{border-bottom:1px solid var(--border-subtle);grid-template-columns:72px 1fr auto;align-items:center;gap:12px;height:48px;padding:0 14px;display:grid}.homepage-preview-toolbar span{background:radial-gradient(circle at 9px,#ff5f57 0 5px,#0000 6px),radial-gradient(circle at 26px,#febc2e 0 5px,#0000 6px),radial-gradient(circle at 43px,#28c840 0 5px,#0000 6px);border-radius:999px;width:52px;height:18px}.homepage-preview-toolbar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);overflow:hidden}.homepage-preview-toolbar em{background:var(--success-soft);color:var(--success);font-size:var(--fs-xs);font-style:normal;font-weight:var(--fw-black);border-radius:999px;padding:4px 8px}.homepage-preview-canvas{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--rf-dots) 46%, transparent) 1px, transparent 1.5px), var(--rf-bg);background-size:22px 22px;height:420px;position:relative}.homepage-preview-lines{width:100%;height:100%;position:absolute;inset:0}.homepage-preview-lines path{fill:none;stroke:var(--edge-stroke);stroke-width:2px;stroke-linecap:round}.homepage-preview-node{border:1px solid var(--border-default);background:var(--canvas-inner-bg);width:168px;min-height:66px;color:var(--fg-primary);border-radius:8px;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:10px;display:grid;position:absolute;box-shadow:0 14px 28px #1920381f}.homepage-preview-node-icon,.homepage-capability-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.homepage-preview-node strong,.homepage-preview-node span{display:block}.homepage-preview-node strong{font-size:var(--fs-sm);line-height:1.25}.homepage-preview-node div>span{color:var(--fg-tertiary);font-size:var(--fs-xs);margin-top:4px;line-height:1.3}.homepage-preview-node.node-prompt{top:76px;left:42px}.homepage-preview-node.node-media{bottom:78px;left:46px}.homepage-preview-node.node-split{border-color:var(--accent);box-shadow:var(--node-selected-shadow);top:50%;left:50%;transform:translate(-50%,-50%)}.homepage-preview-node.node-image{top:100px;right:36px}.homepage-preview-node.node-video{bottom:82px;right:36px}.homepage-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1180px,100vw - 36px);margin:0 auto;padding:0 0 52px;display:grid}.homepage-capability{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:8px;align-content:start;gap:11px;min-height:162px;padding:18px;display:grid}.homepage-capability h2{font-size:var(--fs-md);margin:0}.homepage-capability p{color:var(--fg-secondary);font-size:var(--fs-sm);margin:0;line-height:1.65}@media (width<=920px){.homepage-hero{grid-template-columns:1fr;gap:24px;min-height:auto;padding-top:30px}.homepage-preview-canvas{height:360px}.homepage-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.homepage-nav{width:min(100vw - 24px,1180px);height:66px}.homepage-brand span{display:none}.homepage-hero,.homepage-capabilities{width:min(100vw - 24px,1180px)}.homepage-hero h1{font-size:44px}.homepage-hero p{font-size:var(--fs-md)}.homepage-hero-actions{flex-direction:column;align-items:flex-start}.homepage-preview-canvas{height:480px}.homepage-preview-lines{display:none}.homepage-preview-node{width:auto;left:18px!important;right:18px!important;transform:none!important}.homepage-preview-node.node-prompt{top:24px}.homepage-preview-node.node-media{top:108px;bottom:auto}.homepage-preview-node.node-split{top:192px}.homepage-preview-node.node-image{top:276px}.homepage-preview-node.node-video{top:360px;bottom:auto}.homepage-capabilities{grid-template-columns:1fr}}.app-shell{background:var(--bg-app);width:100vw;height:100vh;display:flex}.app-sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-app);flex:0 0 80px;grid-template-rows:auto 1fr auto;align-items:center;width:80px;height:100vh;padding:18px 10px;display:grid}.sidebar-logo-button{cursor:pointer;background:0 0;border:none;border-radius:14px;justify-self:center;place-items:center;width:44px;height:44px;transition:background .16s,transform .16s;display:grid;position:relative}.sidebar-logo-button:hover{background:var(--bg-hover);transform:translateY(-1px)}.sidebar-logo-button:active{transform:translateY(0)}.sidebar-logo-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sidebar-logo-button img{object-fit:cover;border-radius:8px;width:32px;height:32px;display:block}.sidebar-button,.icon-button,.back-button{cursor:pointer;border:none;place-items:center;font-family:inherit;display:grid}.sidebar-nav{flex-direction:column;align-self:center;align-items:center;gap:8px;display:flex}.sidebar-bottom{flex-direction:column;align-items:center;gap:8px;padding-bottom:12px;display:flex;position:relative}.sidebar-button{width:46px;height:46px;color:var(--fg-primary);font-size:var(--fs-2xl);background:0 0;border-radius:11px;position:relative}.sidebar-feedback-button{font-size:12px;font-weight:var(--fw-bold);letter-spacing:0}.sidebar-version{color:var(--fg-muted);text-align:center;font-size:11px;line-height:1}.sidebar-button:hover,.sidebar-button.active{background:var(--bg-hover)}.sidebar-logo-button[data-tooltip]:before,.sidebar-logo-button[data-tooltip]:after,.sidebar-button[data-tooltip]:before,.sidebar-button[data-tooltip]:after{z-index:var(--z-canvas-chrome-menu);opacity:0;pointer-events:none;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 10px)}.sidebar-logo-button[data-tooltip]:before,.sidebar-button[data-tooltip]:before{content:"";border-left:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);width:8px;height:8px;transform:translate(1px,-50%)rotate(45deg)}.sidebar-logo-button[data-tooltip]:after,.sidebar-button[data-tooltip]:after{content:attr(data-tooltip);border:1px solid var(--border-subtle);background:var(--bg-elevated);min-width:max-content;max-width:180px;color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;border-radius:9px;padding:7px 10px;line-height:1;transform:translate(7px,-50%);box-shadow:0 12px 28px #0000002e}.sidebar-logo-button[data-tooltip]:hover:before,.sidebar-logo-button[data-tooltip]:focus-visible:before,.sidebar-logo-button[data-tooltip]:hover:after,.sidebar-logo-button[data-tooltip]:focus-visible:after,.sidebar-button[data-tooltip]:hover:before,.sidebar-button[data-tooltip]:focus-visible:before,.sidebar-button[data-tooltip]:hover:after,.sidebar-button[data-tooltip]:focus-visible:after{opacity:1}.sidebar-logo-button[data-tooltip]:hover:after,.sidebar-logo-button[data-tooltip]:focus-visible:after,.sidebar-button[data-tooltip]:hover:after,.sidebar-button[data-tooltip]:focus-visible:after{transform:translate(3px,-50%)}.removed-node{width:220px;min-height:96px;color:var(--fg-secondary);border-style:dashed}.removed-node .node-title{align-items:center;gap:6px;display:inline-flex}.removed-node-message{color:var(--fg-tertiary);font-size:var(--fs-sm);margin:0;line-height:1.5}.help-button{font-size:var(--fs-xl)}.workspace-page{background:var(--bg-app);flex:1;width:100%;max-width:1600px;height:100vh;margin:0 auto;padding:42px 72px;overflow:auto}.page-header{align-items:center;gap:18px;margin-bottom:28px;display:flex}.page-header h1{font-size:var(--fs-2xl);letter-spacing:0;line-height:1;font-weight:var(--fw-bold)}.icon-button{width:36px;height:36px;color:var(--fg-primary);font-size:var(--fs-2xl);background:0 0;border-radius:40px;place-items:center;display:grid;position:relative}.icon-button:hover{background:var(--bg-hover)}.icon-button.active{background:var(--accent-soft);color:var(--accent)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;max-width:1600px;display:grid}.project-card,.new-project-card{min-width:0;color:var(--fg-primary);text-align:left;background:0 0;border:none;border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;padding:10px;font-family:inherit;transition:background .16s,box-shadow .16s;display:flex}.project-card:hover,.new-project-card:hover{background:var(--bg-surface)}.project-card.bulk-mode{cursor:pointer}.project-card.selected{background:var(--accent-soft)}.new-project-card:before,.project-thumb{content:"";aspect-ratio:4/3;border-radius:12px;width:100%}.new-project-card:before{border:1.5px dashed var(--border-default);background:var(--bg-surface)}.new-project-card{cursor:pointer;position:relative}.new-project-card.disabled{cursor:not-allowed;opacity:.5}.new-project-card.disabled:hover{background:0 0}.new-project-plus{aspect-ratio:4/3;color:var(--fg-tertiary);font-size:var(--fs-2xl);pointer-events:none;place-items:center;line-height:1;display:grid;position:absolute;top:10px;left:10px;right:10px}.project-thumb{background:var(--bg-surface);place-items:center;display:grid;position:relative;overflow:hidden}.project-thumb.empty{border:1px solid var(--accent-soft);background:linear-gradient(135deg, var(--bg-surface), var(--bg-app))}.project-thumb.has-cover{background:var(--bg-surface)}.project-cover-grid{background:var(--bg-hover);gap:2px;width:100%;height:100%;display:grid}.project-cover-grid.count-1{display:block}.project-cover-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cover-grid.count-3,.project-cover-grid.count-4{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.project-cover-grid.count-3 img:first-child{grid-row:span 2}.project-cover-grid img{object-fit:cover;width:100%;min-width:0;height:100%;display:block}.project-thumb-placeholder{background:var(--glass-bg);width:54px;height:54px;color:var(--fg-tertiary);border-radius:14px;place-items:center;display:grid}.project-select-check{z-index:2;border:1.5px solid var(--border-default);width:22px;height:22px;color:var(--fg-inverse);font-size:var(--fs-base);font-weight:var(--fw-bold);background:#20242c47;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #1920381f}.project-select-check.checked{border-color:var(--accent);background:var(--accent)}.project-card-title{font-size:var(--fs-md);color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;min-width:0;max-width:100%;line-height:1.25;overflow:hidden}.project-card-meta{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-regular)}.project-card{position:relative}.project-card-clickable{cursor:pointer;flex-direction:column;flex:1;align-items:flex-start;gap:12px;width:100%;min-width:0;display:flex}.project-card.bulk-mode .project-card-clickable{cursor:pointer}.project-card-info{gap:2px;width:100%;display:grid}.project-title-row{justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:24px;display:flex;position:relative}.project-card-actions{z-index:10;align-items:center;margin-left:auto;display:flex;position:relative}.project-more-btn{width:28px;height:28px;color:var(--fg-primary);font-size:var(--fs-xl);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:50%;place-items:center;transition:opacity .15s,background .15s,transform .15s;display:grid;transform:translate(-2px)}.project-card:hover .project-more-btn,.project-more-btn.active{opacity:1;pointer-events:auto;transform:translate(0)}.project-more-btn:hover,.project-more-btn:focus-visible,.project-more-btn.active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.bulk-action-bar{z-index:var(--z-canvas-chrome);border:1px solid var(--accent-soft);background:var(--glass-bg);border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #19203829}.bulk-action-btn{border:1px solid var(--accent-soft);background:var(--bg-elevated);height:34px;color:var(--fg-primary);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:10px;padding:0 14px}.bulk-action-btn:hover:not(:disabled){background:var(--bg-surface)}.bulk-action-btn.danger{border-color:var(--error-soft);color:var(--error)}.bulk-action-btn.danger:hover:not(:disabled){background:var(--error-soft)}.bulk-action-btn:disabled{cursor:not-allowed;opacity:.45}.bulk-selected-count{min-width:68px;color:var(--fg-secondary);font-size:var(--fs-sm);text-align:center}.project-dropdown{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;min-width:140px;padding:4px 0;animation:.12s dropdownFadeIn;position:absolute;top:34px;left:0;box-shadow:0 8px 24px #0000001f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;color:var(--fg-primary);font-size:var(--fs-base);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;display:flex}.dropdown-item:hover{background:var(--bg-surface)}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--bg-surface)}.dropdown-icon{font-size:var(--fs-base)}.project-rename-input{border:none;border-bottom:2px dashed var(--border-default);width:min(260px,100% - 36px);font-size:var(--fs-md);line-height:1.15;font-weight:var(--fw-bold);color:var(--fg-primary);background:0 0;border-radius:0;outline:none;padding:0 0 4px;font-family:inherit}.project-rename-input:focus{border-bottom-color:var(--border-default);box-shadow:none}.settings-layout{grid-template-columns:300px minmax(520px,940px);align-items:start;gap:28px;display:grid}.api-list-pane,.api-config-pane{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:12px;min-height:560px}.settings-pane-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px;display:flex}.settings-pane-header h2{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.small-action-btn{border:1px solid var(--border-strong);background:var(--brand-bg);color:var(--fg-inverse);cursor:pointer;font-size:var(--fs-sm);border-radius:6px;padding:7px 12px}.api-list{padding:10px}.api-list-item{width:100%;color:var(--fg-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;font-family:inherit;display:flex}.api-list-item:hover,.api-list-item.active{background:var(--bg-hover)}.api-list-item span{font-size:var(--fs-base);font-weight:var(--fw-bold)}.api-list-item small{color:var(--fg-tertiary);font-size:var(--fs-xs)}.api-list-meta{align-items:center;gap:4px;display:inline-flex}.api-list-state{font-size:var(--fs-xs)!important;font-weight:var(--fw-bold)!important}.api-list-state.enabled{color:var(--success)}.api-list-state.disabled{color:var(--fg-tertiary)}.api-list-name-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.api-list-name-row em{background:var(--accent-soft);color:var(--accent);font-size:var(--fs-xs);font-style:normal;font-weight:var(--fw-bold);border-radius:999px;flex-shrink:0;padding:2px 6px}.provider-settings-error{border:1px solid var(--error);background:var(--error-soft);color:var(--error);font-size:var(--fs-sm);border-radius:8px;margin-bottom:16px;padding:12px 14px}.form-hint{color:var(--fg-tertiary);font-size:var(--fs-xs);line-height:1.5}.api-form{gap:18px;padding:22px;display:grid}.api-form-grid{gap:14px;display:grid}.api-form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.api-form label{color:var(--fg-secondary);font-size:var(--fs-sm);gap:8px;display:grid}.api-form input,.api-form select,.api-form textarea{border:1px solid var(--border-default);width:100%;color:var(--fg-primary);background:var(--bg-elevated);font-size:var(--fs-base);border-radius:8px;font-family:inherit}.api-form input,.api-form select{height:42px;padding:0 12px}.api-form textarea{resize:vertical;min-height:96px;padding:11px 12px;line-height:1.5}.api-status-pill{background:var(--success-soft);height:24px;color:var(--success);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.api-status-pill.disabled{background:var(--bg-surface);color:var(--fg-tertiary)}.api-key-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.api-probe-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.api-secondary-btn{border:1px solid var(--border-default);background:var(--bg-elevated);height:38px;color:var(--fg-primary);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 13px;display:inline-flex}.api-secondary-btn:hover{background:var(--bg-surface)}.api-probe-message{min-height:30px;font-size:var(--fs-xs);color:var(--fg-secondary);background:var(--bg-surface);border-radius:7px;align-items:center;padding:0 10px;display:inline-flex}.api-probe-message.success{color:var(--success);background:var(--success-soft)}.api-probe-message.error{color:var(--error);background:var(--error-soft)}.api-probe-message.loading{color:var(--accent);background:var(--accent-soft)}.model-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.model-group-card{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.model-group-title{color:var(--fg-primary);font-size:var(--fs-base);font-weight:var(--fw-bold)}.model-tags-input-wrap{flex-direction:column;display:flex}.model-tags-list{border:1px solid var(--border-default);background:var(--bg-elevated);cursor:text;border-radius:8px;flex-direction:column;gap:6px;min-height:40px;max-height:220px;padding:8px;transition:border-color .16s;display:flex;overflow-y:auto}.model-tags-list:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.model-tag{box-sizing:border-box;border:1px solid var(--accent-soft);background:var(--accent-soft);width:100%;font-size:var(--fs-xs);color:var(--fg-primary);white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;gap:4px;max-width:100%;padding:5px 6px 5px 10px;line-height:1.4;display:flex}.model-tag-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.model-tag-support{background:var(--success-soft);color:var(--success);border-radius:4px;flex:none;padding:1px 5px;font-size:10px;line-height:16px}.model-tag-support.unadapted{background:var(--error-soft);color:var(--error)}.model-tag-remove{width:18px;height:18px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;padding:0;transition:background .12s,color .12s;display:grid}.model-tag-remove:hover{background:var(--error-soft);color:var(--error)}.model-tag-input{width:100%;height:28px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-xs);background:0 0;border:0;outline:none;padding:0 6px}.model-tag-input::placeholder{color:var(--fg-tertiary)}.model-tag-input-hint{color:var(--fg-tertiary);font-size:var(--fs-xs);padding:4px 6px;line-height:1.5}.model-picker-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0e9e;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.model-picker-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1040px,100vw - 56px);max-height:min(760px,100vh - 56px);animation:.18s dialogSlideIn;display:grid;overflow:hidden;box-shadow:0 28px 90px #0000005c}.model-picker-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:stretch;gap:16px;padding:18px 22px 14px;display:flex}.model-picker-header-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.model-picker-header h3{font-size:var(--fs-lg);color:var(--fg-primary);margin:0 0 4px}.model-picker-summary{font-size:var(--fs-xs);color:var(--fg-tertiary)}.model-picker-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:0;padding:18px 22px;display:grid;overflow:hidden}.model-picker-group{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:14px;display:flex}.model-picker-group-header{justify-content:space-between;align-items:center;display:flex}.model-picker-group-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--fg-primary)}.model-picker-group-count{font-size:var(--fs-xs);color:var(--fg-tertiary);font-weight:var(--fw-normal)}.model-picker-search{border:1px solid var(--border-subtle);background:var(--bg-elevated);min-height:32px;color:var(--fg-tertiary);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.model-picker-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.model-picker-search input{min-width:0;height:30px;color:var(--fg-primary);font:inherit;font-size:var(--fs-xs);background:0 0;border:0;outline:0;flex:1}.model-picker-search input::placeholder{color:var(--fg-tertiary)}.model-picker-search button{width:20px;height:20px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.model-picker-search button:hover{background:var(--bg-hover);color:var(--fg-primary)}.model-picker-toggle-all{font-size:var(--fs-xs);color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 8px}.model-picker-toggle-all:hover{background:var(--accent-soft)}.model-picker-list{border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:8px;flex-direction:column;gap:6px;min-height:0;max-height:min(480px,56vh);padding:6px;display:flex;overflow-y:auto}.model-picker-item{cursor:pointer;border-radius:7px;align-items:center;gap:8px;min-height:32px;padding:4px 8px;transition:background .12s;display:flex}.model-picker-item:hover{background:var(--bg-hover)}.model-picker-item.disabled{cursor:not-allowed;opacity:.62}.model-picker-item.disabled:hover{background:0 0}.model-checkbox{width:14px;height:14px;accent-color:var(--accent);flex:none}.model-picker-text{min-width:0;font-size:var(--fs-xs);color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-picker-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.model-picker-capabilities{color:var(--fg-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.model-picker-status{white-space:nowrap;border-radius:4px;flex:none;padding:2px 6px;font-size:10px;line-height:1.4}.model-picker-status.adapted{background:var(--success-soft);color:var(--success)}.model-picker-status.unadapted{background:var(--error-soft);color:var(--error)}.model-picker-empty{min-height:120px;color:var(--fg-tertiary);font-size:var(--fs-xs);text-align:center;place-items:center;display:grid}.model-picker-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}@media (width<=980px){.model-picker-body{grid-template-columns:1fr;overflow-y:auto}}.api-form-actions{justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.api-switch-control{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;width:fit-content;color:var(--fg-primary)!important;gap:10px!important;display:inline-flex!important}.api-switch-control input{opacity:0;clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.api-switch-track{border:1px solid var(--accent-soft);background:var(--bg-surface);border-radius:999px;width:42px;height:24px;transition:background .18s,border-color .18s;display:inline-flex;position:relative}.api-switch-thumb{background:var(--bg-elevated);border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000038}.api-switch-control input:checked+.api-switch-track{border-color:var(--fg-primary);background:var(--brand-bg)}.api-switch-control input:checked+.api-switch-track .api-switch-thumb{transform:translate(18px)}.api-switch-control input:focus-visible+.api-switch-track{outline-offset:2px;outline:2px solid #1f1f1f47}.api-switch-label{min-width:42px;color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.api-form-action-buttons{align-items:center;gap:10px;display:inline-flex}.api-save-btn,.api-delete-btn{cursor:pointer;height:38px;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.api-save-btn{border:1px solid var(--border-strong);background:var(--brand-bg);color:var(--fg-inverse)}.api-save-btn:disabled{border-color:var(--accent);background:var(--bg-hover);color:var(--fg-tertiary);cursor:not-allowed}.api-delete-btn{border:1px solid var(--error);background:var(--error-soft);color:var(--error)}.empty-settings{color:var(--fg-tertiary);padding:22px}@media (width<=980px){.settings-layout,.api-form-grid.two-col,.api-key-row,.model-groups{grid-template-columns:1fr}.api-form-actions{flex-direction:column;align-items:stretch}.api-form-action-buttons{justify-content:flex-end}}.canvas-page{--canvas-comments-panel-width:360px;background:var(--bg-surface);width:100vw;height:100vh;color:var(--fg-primary);position:relative}.canvas-flow-shell{--rf-dots:#292929;--rf-dots-active:#c7c7c7;isolation:isolate;background:var(--rf-bg);transition:width .22s cubic-bezier(.22,1,.36,1)}.canvas-flow-hover-target{position:relative}.canvas-dot-grid-layer{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-flow-shell>.react-flow{z-index:1;background:0 0}.canvas-topbar{z-index:var(--z-canvas-chrome);background:0 0;align-items:center;gap:10px;padding:8px;display:flex;position:absolute;top:18px;left:18px}.canvas-page:not(.official-template-editor)>.canvas-topbar{z-index:var(--z-canvas-chrome);box-sizing:border-box;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--glass-bg);height:40px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:4px;padding:3px;display:inline-flex;top:16px;left:16px}.official-template-editor-loading{background:var(--bg-surface);width:100vw;height:100vh;color:var(--fg-secondary);justify-content:center;align-items:center;gap:10px;display:flex}.official-template-editor-loading .svg-icon{animation:.9s linear infinite official-template-spin}@keyframes official-template-spin{to{transform:rotate(360deg)}}.official-template-editor-bar{z-index:var(--z-canvas-chrome);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;width:max-content;max-width:calc(100vw - 260px);min-height:52px;padding:7px;box-shadow:0 10px 28px #1920381a}.official-template-editor-heading{flex-direction:column;min-width:170px;display:flex}.official-template-editor-heading .canvas-title-input{width:min(260px,22vw);height:26px;padding:0 6px}.official-template-editor-heading>span,.official-template-save-message{color:var(--fg-tertiary);font-size:var(--fs-xs);padding:0 7px}.official-template-category-select{border:1px solid var(--border-default);background:var(--bg-elevated);width:138px;height:34px;color:var(--fg-primary);font:inherit;font-size:var(--fs-xs);border-radius:7px;padding:0 28px 0 9px}.official-template-toolbar-btn{border:1px solid var(--border-default);background:var(--bg-elevated);height:34px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.official-template-toolbar-btn:hover{border-color:var(--accent);color:var(--accent)}.official-template-toolbar-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.official-template-toolbar-btn.warning{color:#b45309;border-color:#f59e0b}.official-template-toolbar-btn:disabled{cursor:wait;opacity:.6}.official-template-save-message{text-overflow:ellipsis;white-space:nowrap;min-width:110px;max-width:220px;overflow:hidden}.official-template-cover-dialog{border:1px solid var(--border-default);background:var(--bg-elevated);width:min(720px,100vw - 32px);max-height:min(680px,100vh - 48px);color:var(--fg-primary);border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a40}.official-template-cover-dialog header,.official-template-cover-dialog footer{border-bottom:1px solid var(--border-default);align-items:center;gap:12px;padding:16px;display:flex}.official-template-cover-dialog header>div{flex:1}.official-template-cover-dialog h2,.official-template-cover-dialog p{margin:0}.official-template-cover-dialog h2{font-size:var(--fs-lg)}.official-template-cover-dialog p{color:var(--fg-tertiary);font-size:var(--fs-sm);margin-top:4px}.official-template-cover-dialog footer{border-top:1px solid var(--border-default);border-bottom:0;justify-content:flex-end}.official-template-cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:220px;padding:16px;display:grid;overflow-y:auto}.official-template-cover-grid button{aspect-ratio:16/10;background:var(--bg-surface);border:2px solid #0000;border-radius:7px;padding:0;display:block;overflow:hidden}.official-template-cover-grid button:hover{border-color:var(--accent)}.official-template-cover-grid img{object-fit:cover;width:100%;height:100%}.official-template-cover-grid>p{text-align:center;grid-column:1/-1;align-self:center}@media (width<=880px){.official-template-editor-bar{flex-wrap:wrap;align-items:flex-start}.official-template-save-message{display:none}.official-template-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.back-button{background:var(--bg-hover);width:34px;height:34px;color:var(--fg-primary);font-size:var(--fs-xl);border-radius:8px;place-items:center;display:grid}.canvas-page:not(.official-template-editor)>.canvas-topbar .back-button{cursor:pointer;background:0 0;border:0;border-radius:999px;width:32px;height:32px;transition:background .14s,transform .14s,color .14s;position:relative}.canvas-page:not(.official-template-editor)>.canvas-topbar .canvas-logo-back-button img{object-fit:cover;border-radius:8px;width:22px;height:22px;display:block}.canvas-page:not(.official-template-editor)>.canvas-topbar .back-button:hover{background:var(--bg-hover);transform:translateY(-1px)}.back-button:hover{background:var(--bg-hover)}.canvas-title-input{width:220px;height:34px;color:var(--fg-primary);font-size:var(--fs-base);font-weight:var(--fw-bold);background:0 0;border:none;border-radius:8px;padding:0 10px;font-family:inherit}.canvas-title-switcher{align-items:center;min-width:0;display:inline-flex;position:relative}.canvas-page:not(.official-template-editor)>.canvas-topbar .canvas-title-input{width:min(196px,24vw);height:32px;font-size:var(--fs-base);border-radius:999px;padding:0 34px 0 14px}.canvas-title-input:hover,.canvas-title-input:focus{background:var(--bg-hover);outline:none}.canvas-title-switcher-button{width:24px;height:24px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;right:4px}.canvas-title-switcher-button:hover,.canvas-title-switcher-button:focus-visible,.canvas-title-switcher-button.active{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-title-switcher-button.active .svg-icon{transform:rotate(180deg)}.canvas-switcher-menu{z-index:var(--z-canvas-chrome-menu);width:292px;max-height:min(430px,100vh - 98px);color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f1f23fa;border:1px solid #ffffff1f;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;top:calc(100% + 9px);left:0;overflow:hidden;box-shadow:0 24px 64px #0000006b}.canvas-switcher-search{height:36px;color:var(--fg-tertiary);background:#ffffff12;border-radius:11px;align-items:center;gap:8px;margin:12px 12px 8px;padding:0 11px;display:flex}.canvas-switcher-search input{width:100%;min-width:0;height:100%;color:var(--fg-primary);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:13px}.canvas-switcher-list{align-content:start;gap:3px;min-height:0;max-height:284px;padding:0 8px 8px;display:grid;overflow-y:auto}.canvas-switcher-list button{min-height:50px;color:var(--fg-secondary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px;display:grid}.canvas-switcher-list button:hover,.canvas-switcher-list button:focus-visible,.canvas-switcher-list button.active{color:var(--fg-primary);background:#ffffff14;outline:none}.canvas-switcher-cover{width:42px;height:32px;color:var(--fg-tertiary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;place-items:center;display:grid;overflow:hidden}.canvas-switcher-cover img{object-fit:cover;width:100%;height:100%}.canvas-switcher-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.canvas-switcher-empty{min-height:82px;color:var(--fg-tertiary);place-items:center;font-size:13px;display:grid}.canvas-switcher-create{height:42px;color:var(--fg-primary);cursor:pointer;font:inherit;background:#ffffff17;border:0;border-top:1px solid #ffffff14;border-radius:11px;justify-content:center;align-items:center;gap:7px;margin:0 12px 12px;font-size:13px;font-weight:800;display:flex}.canvas-switcher-create:hover,.canvas-switcher-create:focus-visible{background:#ffffff24;outline:none}.canvas-account-pill{z-index:var(--z-canvas-chrome);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;height:40px;padding:3px;display:inline-flex;position:absolute;top:16px;right:16px;overflow:visible;box-shadow:0 16px 40px #19203824}.canvas-share-control{z-index:var(--z-canvas-chrome);align-items:center;gap:8px;display:inline-flex;position:absolute;top:16px;right:161px}.canvas-share-control:has(.canvas-share-button.active){z-index:var(--z-canvas-chrome-menu)}.canvas-page.comments-panel-open .canvas-flow-shell{width:calc(100% - var(--canvas-comments-panel-width))}.canvas-page.comments-panel-open .canvas-account-pill{right:calc(var(--canvas-comments-panel-width) + 16px)}.canvas-page.comments-panel-open .canvas-share-control{right:calc(var(--canvas-comments-panel-width) + 161px)}.canvas-share-menu-wrap{position:relative}.canvas-share-button{box-sizing:border-box;border:1px solid var(--glass-border);background:var(--glass-bg);min-width:0;height:40px;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 4px;display:inline-flex;position:relative;box-shadow:0 16px 40px #19203824}.canvas-share-avatars{align-items:center;margin-right:4px;display:inline-flex}.canvas-share-avatar{border:2px solid var(--canvas-floating-bg);color:#f5f7fb;cursor:pointer;width:28px;height:28px;font:inherit;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);background:#20242d;border-radius:999px;place-items:center;margin-left:-6px;padding:0;line-height:1;transition:opacity .16s,filter .16s,transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 10px 24px #00000047}.canvas-share-avatar:first-child{margin-left:0}.canvas-share-avatar:after{border:1.5px solid var(--canvas-floating-bg);background:var(--presence-color);content:"";border-radius:999px;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 1px #ffffff2e}.canvas-share-avatar:hover,.canvas-share-avatar:focus-visible,.canvas-share-avatar.following{z-index:2;border-color:#ffffff57;outline:none;transform:translateY(-2px);box-shadow:0 14px 30px #00000061}.canvas-share-avatars.following-active .canvas-share-avatar:not(.following){opacity:.42;filter:grayscale(.18)brightness(.72);box-shadow:0 8px 18px #00000038}.canvas-share-avatars.following-active .canvas-share-avatar:not(.following):hover,.canvas-share-avatars.following-active .canvas-share-avatar:not(.following):focus-visible{opacity:.78;filter:grayscale(.06)brightness(.9)}.canvas-share-avatar.following{color:#fff;border-color:#ffffff85;box-shadow:0 16px 34px #0000006b,0 0 0 2px #ffffff1f}.canvas-share-avatar.following:after{width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb, var(--presence-color) 34%, transparent);border-color:#14161d}.canvas-share-avatar.self{cursor:default}.canvas-share-avatar em{border:1px solid var(--glass-border);background:var(--canvas-floating-bg);min-width:116px;color:var(--fg-primary);opacity:0;pointer-events:none;border-radius:10px;gap:2px;padding:8px 10px;font-style:normal;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);box-shadow:0 16px 36px #0000005c}.canvas-share-avatar:hover em,.canvas-share-avatar:focus-visible em{opacity:1;transform:translate(-50%)}.canvas-share-avatar em strong{white-space:nowrap;font-size:12px}.canvas-share-avatar em small{color:var(--fg-tertiary);white-space:nowrap;font-size:11px}.canvas-share-action{width:32px;height:32px;color:inherit;cursor:pointer;font:inherit;font-size:inherit;font-weight:inherit;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .16s,color .16s;display:inline-flex}.canvas-share-action:hover{background:color-mix(in srgb, var(--fg-primary) 12%, transparent)}.canvas-share-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:color-mix(in srgb, var(--fg-primary) 12%, transparent)}.canvas-share-button:hover,.canvas-share-button.active{background:var(--bg-hover)}.canvas-share-popover{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--glass-border);background:var(--canvas-floating-bg);width:460px;max-height:min(680px,100vh - 120px);box-shadow:var(--canvas-floating-shadow);color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;gap:12px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);left:50%;overflow:auto;transform:translate(-50%)}.style-library-trigger{color:#e8e8ec;cursor:pointer;max-width:156px;height:32px;font:inherit;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.style-library-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.style-library-trigger:hover:not(:disabled),.style-library-trigger:focus-visible,.style-library-trigger[aria-expanded=true]{color:#fff;background:#ffffff24;border-color:#ffffff1f;outline:none}.style-library-trigger:disabled{cursor:not-allowed;opacity:.5}.style-library-trigger.is-global{border-color:var(--glass-border);background:var(--glass-bg);max-width:214px;height:40px;color:var(--fg-primary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:0 12px;box-shadow:0 16px 40px #19203824}.style-library-trigger.is-global.has-clear{padding-right:6px}.canvas-default-params-trigger.is-global{flex-shrink:0;justify-content:center;width:40px;padding:0}.style-library-trigger.has-clear:not(.is-global){max-width:188px;padding-right:4px}.style-library-clear{width:22px;height:22px;color:var(--fg-tertiary);cursor:pointer;border-radius:999px;flex:none;place-items:center;display:inline-grid}.style-library-clear:hover,.style-library-clear:focus-visible{color:var(--fg-primary);background:#ffffff1f;outline:none}.style-library-panel{z-index:10030;border:1px solid var(--glass-border);background:var(--canvas-floating-bg);width:440px;max-height:420px;box-shadow:var(--canvas-floating-shadow);color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;display:grid;position:fixed}.style-library-search{border:1px solid var(--glass-border);background:var(--canvas-field-bg);height:38px;color:var(--fg-tertiary);border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:flex}.style-library-search input{width:100%;color:var(--fg-primary);font:inherit;background:0 0;border:0;outline:none;font-size:13px}.style-library-search input::placeholder{color:var(--fg-tertiary)}.style-library-body{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;display:grid}.style-library-categories{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.style-library-categories button{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-surface) 68%, transparent);height:30px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.style-library-categories button span{background:currentColor;border-radius:999px;width:4px;height:4px}.style-library-categories button:hover,.style-library-categories button:focus-visible,.style-library-categories button.active{border-color:color-mix(in srgb, var(--accent) 56%, var(--glass-border));background:color-mix(in srgb, var(--accent-soft) 44%, var(--bg-surface));color:var(--fg-primary);outline:none}.style-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;padding:0 2px 2px 0;display:grid;overflow:auto}.style-library-card{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-surface) 72%, transparent);min-width:0;min-height:64px;color:var(--fg-secondary);cursor:pointer;font:inherit;text-align:left;border-radius:16px;align-items:center;gap:10px;padding:7px;display:flex}.style-library-card:hover,.style-library-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--glass-border));background:color-mix(in srgb, var(--bg-hover) 82%, transparent);outline:none}.style-library-card-thumb{border:1px solid var(--glass-border);background:var(--canvas-field-bg);width:50px;height:50px;color:var(--fg-tertiary);border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.style-library-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.style-library-card strong{min-width:0;color:var(--fg-secondary);font-size:13px;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:normal;line-height:1.25;overflow:hidden}.style-library-card.selected{border-color:color-mix(in srgb, var(--accent) 68%, var(--glass-border));background:color-mix(in srgb, var(--accent-soft) 42%, var(--bg-surface))}.style-library-card.selected .style-library-card-thumb{border-color:color-mix(in srgb, var(--accent) 68%, var(--glass-border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 52%, transparent)}.style-library-card.selected strong{color:var(--fg-primary)}.style-library-card.is-none .style-library-card-thumb,.style-library-card.is-custom .style-library-card-thumb{background:color-mix(in srgb, var(--bg-surface) 86%, transparent)}.style-library-empty{min-height:120px;color:var(--fg-tertiary);grid-column:1/-1;place-items:center;font-size:14px;display:grid}.style-library-custom-editor{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;display:grid}.style-library-custom-head{height:34px;color:var(--fg-primary);align-items:center;gap:8px;display:flex}.style-library-custom-head strong{font-size:14px;font-weight:var(--fw-semibold)}.style-library-custom-editor textarea{box-sizing:border-box;border:1px solid var(--glass-border);background:var(--canvas-field-bg);width:100%;min-height:260px;color:var(--fg-primary);font:inherit;resize:none;border-radius:16px;outline:none;padding:12px;font-size:13px;line-height:1.55}.style-library-custom-editor textarea:focus{border-color:color-mix(in srgb, var(--accent) 64%, var(--glass-border));box-shadow:0 0 0 2px var(--accent-soft)}.style-library-custom-editor textarea::placeholder{color:var(--fg-tertiary)}.style-library-custom-actions{justify-content:flex-end;gap:8px;display:flex}.style-library-custom-actions button{border:1px solid var(--glass-border);cursor:pointer;height:34px;font:inherit;font-size:13px;font-weight:var(--fw-semibold);border-radius:999px;padding:0 14px}.style-library-custom-cancel{color:var(--fg-secondary);background:0 0}.style-library-custom-confirm{background:var(--fg-primary);color:var(--bg-app)}.style-library-custom-actions button:hover,.style-library-custom-actions button:focus-visible{filter:brightness(1.08);outline:none}.style-library-custom-actions button:disabled{cursor:not-allowed;opacity:.46;filter:none}.canvas-share-tabs{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.canvas-share-tabs button{height:34px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:14px;font-weight:var(--fw-semibold);background:0 0;border:0;border-radius:999px}.canvas-share-tabs button:hover,.canvas-share-tabs button:focus-visible,.canvas-share-tabs button.active{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-share-panel{gap:12px;display:grid}.canvas-share-access-box,.canvas-share-invite-box,.canvas-share-requests-box,.canvas-share-members-box{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-surface) 82%, transparent);border-radius:18px;gap:12px;padding:12px;display:grid}.canvas-share-access-box{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px}.canvas-share-invite-box{background:0 0;border:0;border-radius:0;padding:0}.canvas-share-access-icon{background:color-mix(in srgb, var(--accent) 16%, transparent);width:30px;height:30px;color:color-mix(in srgb, var(--accent) 74%, var(--fg-primary));border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.canvas-share-access-content{gap:8px;min-width:0;display:grid}.canvas-share-access-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.canvas-share-access-row>strong{color:var(--fg-primary);font-size:14px;font-weight:var(--fw-semibold)}.canvas-share-access-description{color:var(--fg-tertiary);margin:0;font-size:12px;line-height:1.45}.canvas-share-access-box{border-color:color-mix(in srgb, var(--accent) 42%, var(--glass-border));background:color-mix(in srgb, var(--accent-soft) 26%, var(--bg-surface))}.canvas-share-access-picker{position:relative}.canvas-share-access-trigger{min-height:24px;color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:4px;padding:0;display:inline-flex}.canvas-share-access-trigger span{gap:3px;min-width:0;display:grid}.canvas-share-access-trigger strong{font-size:13px;font-weight:var(--fw-semibold)}.canvas-share-access-trigger small{color:var(--fg-tertiary);white-space:nowrap;font-size:12px;line-height:1.35}.canvas-share-access-trigger:hover,.canvas-share-access-trigger:focus-visible,.canvas-share-access-trigger.active{color:#fff;background:0 0;outline:none}.canvas-share-access-menu{z-index:2;box-sizing:border-box;border:1px solid var(--glass-border);background:var(--canvas-floating-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;gap:6px;width:100%;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 42px #0f121c3d}.canvas-share-access-menu button{color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:12px;gap:4px;padding:10px;display:grid}.canvas-share-access-menu button:hover,.canvas-share-access-menu button:focus-visible,.canvas-share-access-menu button.active{background:color-mix(in srgb, var(--accent-soft) 42%, var(--bg-surface));outline:none}.canvas-share-access-menu strong{font-size:14px;font-weight:var(--fw-semibold)}.canvas-share-access-menu span{display:none}.canvas-share-link-access-head,.canvas-share-invite-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.canvas-share-link-access-head>span,.canvas-share-section-title{gap:3px;min-width:0;display:grid}.canvas-share-link-access-head strong,.canvas-share-section-title strong{color:var(--fg-primary);font-size:14px;font-weight:var(--fw-semibold)}.canvas-share-link-access-head small,.canvas-share-section-title span,.canvas-share-link-disabled,.canvas-share-public-rule small{color:var(--fg-tertiary);font-size:12px;line-height:1.45}.canvas-share-public-rule{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--glass-border));background:color-mix(in srgb, var(--bg-surface) 72%, transparent);border-radius:14px;gap:4px;padding:10px 11px;display:grid}.canvas-share-public-rule span{color:var(--fg-tertiary);font-size:12px}.canvas-share-public-rule strong{color:var(--fg-primary);font-size:14px;font-weight:var(--fw-semibold)}.canvas-share-link-field input{color:var(--fg-secondary)}.canvas-share-link-actions{align-items:center;gap:8px;display:flex}.canvas-share-link-standalone{align-items:center;padding:0 12px;display:flex}.canvas-share-link-standalone .canvas-share-primary{width:100%}.canvas-share-link-actions .canvas-share-primary,.canvas-share-link-standalone .canvas-share-primary{color:#fff;background:linear-gradient(110deg,#7147f3 0%,#7563f5 48%,#6e9bff 100%);border:1px solid #9684ff80;border-radius:7px;min-width:118px;height:42px;padding:0 17px;font-weight:500;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s cubic-bezier(.2,.8,.2,1),border-color .18s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 20px #00000042,inset 0 1px #ffffff2e}.canvas-share-link-actions .canvas-share-primary:hover,.canvas-share-link-actions .canvas-share-primary:focus-visible,.canvas-share-link-standalone .canvas-share-primary:hover,.canvas-share-link-standalone .canvas-share-primary:focus-visible{filter:none;background:linear-gradient(110deg,#7c53fa 0%,#7c6af8 48%,#78a3ff 100%);border-color:#b1a5ffb8;box-shadow:0 10px 24px #0000004d,inset 0 1px #ffffff38}.canvas-share-link-actions .canvas-share-primary:active,.canvas-share-link-standalone .canvas-share-primary:active{transform:translateY(1px)}.canvas-share-link-disabled{border:1px dashed var(--border-default);background:color-mix(in srgb, var(--bg-surface) 64%, transparent);border-radius:14px;padding:10px 11px}.canvas-share-invite-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.canvas-share-invite-field{position:relative}.canvas-share-invite-combobox{border:1px solid var(--border-default);background:var(--canvas-field-bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:5px 96px 5px 7px;display:flex}.canvas-share-invite-field:focus-within .canvas-share-invite-combobox{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.canvas-share-invite-combobox input{width:min(190px,100%);min-width:92px;height:28px;box-shadow:none;color:var(--fg-primary);font:inherit;background:0 0;border:0;border-radius:0;outline:none;flex:92px;padding:0;font-size:14px}.canvas-share-invite-combobox input:focus{box-shadow:none;border-color:#0000}.canvas-share-invite-chip{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-surface) 78%, transparent);max-width:170px;height:28px;color:var(--fg-primary);border-radius:999px;flex:0 auto;align-items:center;gap:6px;padding:0 5px 0 4px;display:inline-flex}.canvas-share-invite-chip>span{background:color-mix(in srgb, var(--accent-soft) 64%, var(--bg-hover));width:20px;height:20px;color:var(--fg-primary);font-size:11px;font-weight:var(--fw-semibold);border-radius:999px;flex:none;place-items:center;display:grid}.canvas-share-invite-chip strong{min-width:0;font-size:12px;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-share-invite-chip button{width:18px;height:18px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid}.canvas-share-invite-chip button:hover,.canvas-share-invite-chip button:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-share-inline-role{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.canvas-share-inline-role-trigger{height:24px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);background:0 0;border:0;border-radius:0;align-items:center;gap:3px;padding:0;display:inline-flex}.canvas-share-inline-role-trigger:hover,.canvas-share-inline-role-trigger:focus-visible,.canvas-share-inline-role-trigger.active{color:#fff;background:0 0;outline:none}.canvas-share-inline-role-menu{z-index:3;border:1px solid var(--glass-border);background:var(--canvas-floating-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;min-width:92px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 32px #0f121c3d}.canvas-share-inline-role-menu button{height:30px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);text-align:left;background:0 0;border:0;border-radius:10px}.canvas-share-inline-role-menu button:hover,.canvas-share-inline-role-menu button:focus-visible,.canvas-share-inline-role-menu button.active{background:color-mix(in srgb, var(--accent-soft) 42%, var(--bg-surface));color:var(--fg-primary);outline:none}.canvas-share-invite-results{z-index:4;border:1px solid var(--glass-border);background:var(--canvas-floating-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;width:min(100%,360px);max-height:218px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 18px 42px #0f121c3d}.canvas-share-invite-results button{color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:7px;display:grid}.canvas-share-invite-results button:hover,.canvas-share-invite-results button:focus-visible{background:color-mix(in srgb, var(--accent-soft) 42%, var(--bg-surface));outline:none}.canvas-share-invite-result-avatar{background:color-mix(in srgb, var(--accent-soft) 62%, var(--bg-hover));width:30px;height:30px;color:var(--fg-primary);font-size:12px;font-weight:var(--fw-semibold);border-radius:999px;place-items:center;display:grid}.canvas-share-invite-results span:not(.canvas-share-invite-result-avatar){gap:2px;min-width:0;display:grid}.canvas-share-invite-results strong,.canvas-share-invite-results small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-share-invite-results strong{color:var(--fg-primary);font-size:13px;font-weight:var(--fw-semibold)}.canvas-share-invite-results small{color:var(--fg-tertiary);font-size:12px}.canvas-share-invite-row>.canvas-share-primary{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-surface) 76%, transparent);min-width:86px;color:var(--fg-primary);box-shadow:inset 0 1px #ffffff0f}.canvas-share-invite-row>.canvas-share-primary:hover,.canvas-share-invite-row>.canvas-share-primary:focus-visible{border-color:color-mix(in srgb, var(--accent) 46%, var(--glass-border));background:color-mix(in srgb, var(--bg-hover) 86%, transparent)}.canvas-share-role-choice{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:148px;padding:3px;display:inline-grid}.canvas-share-role-choice button{height:30px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);background:0 0;border:0;border-radius:999px}.canvas-share-role-choice button:hover,.canvas-share-role-choice button:focus-visible,.canvas-share-role-choice button.active{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-share-member-list{gap:8px;display:grid}.canvas-share-request-list{gap:10px;display:grid}.canvas-share-request{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.canvas-share-request.is-resolved{opacity:.78}.canvas-share-request-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.canvas-share-request-actions button{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-surface) 76%, transparent);height:28px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);border-radius:999px;padding:0 9px}.canvas-share-request-actions button:hover,.canvas-share-request-actions button:focus-visible{border-color:color-mix(in srgb, var(--accent) 46%, var(--glass-border));background:color-mix(in srgb, var(--bg-hover) 86%, transparent);outline:none}.canvas-share-request-actions button.danger{color:#ff8a91}.canvas-share-request-actions button.danger:hover,.canvas-share-request-actions button.danger:focus-visible{border-color:color-mix(in srgb, #ff5b5b 52%, var(--border-default));color:#ffb0b5}.canvas-share-request-result{min-height:28px;color:var(--fg-secondary);font-size:12px;font-weight:var(--fw-semibold);white-space:nowrap;justify-content:flex-end;align-items:center;display:inline-flex}.canvas-share-request-result.approved{color:#bda8ff}.canvas-share-request-result.rejected{color:#ff8a91}.canvas-share-member{background:0 0;border:0;border-radius:14px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;display:grid}.canvas-share-member-avatar{background:color-mix(in srgb, var(--accent-soft) 62%, var(--bg-hover));width:32px;height:32px;color:var(--fg-primary);font-size:13px;font-weight:var(--fw-semibold);border-radius:999px;place-items:center;display:grid}.canvas-share-member-info{gap:2px;min-width:0;display:grid}.canvas-share-member-info strong{min-width:0;color:var(--fg-primary);font-size:13px;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.canvas-share-member-info small{min-width:0;color:var(--fg-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.canvas-share-owner-badge{height:30px;font:inherit;font-size:12px;font-weight:var(--fw-semibold);background:color-mix(in srgb, var(--bg-hover) 74%, transparent);color:var(--fg-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.canvas-share-member-menu{position:relative}.canvas-share-member-menu-trigger{border:1px solid var(--border-default);background:var(--canvas-field-bg);height:30px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 9px 0 11px;display:inline-flex}.canvas-share-member-menu-trigger:hover,.canvas-share-member-menu-trigger:focus-visible,.canvas-share-member-menu-trigger.active{border-color:color-mix(in srgb, var(--accent) 52%, var(--border-default));background:color-mix(in srgb, var(--bg-hover) 86%, transparent);outline:none}.canvas-share-member-menu-list{z-index:5;border:1px solid var(--glass-border);background:var(--canvas-floating-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;min-width:116px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 14px 32px #0f121c3d}.canvas-share-member-menu-list button{height:30px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);text-align:left;background:0 0;border:0;border-radius:10px;padding:0 9px}.canvas-share-member-menu-list button:hover,.canvas-share-member-menu-list button:focus-visible,.canvas-share-member-menu-list button.active{background:color-mix(in srgb, var(--accent-soft) 42%, var(--bg-surface));color:var(--fg-primary);outline:none}.canvas-share-member-menu-list button.danger{color:#ff8a91}.canvas-share-member-menu-list button.danger:hover,.canvas-share-member-menu-list button.danger:focus-visible{background:color-mix(in srgb, #ff5b5b 16%, var(--bg-surface));color:#ffb0b5}.canvas-share-permission{gap:8px;display:grid}.canvas-share-permission button{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-surface) 86%, transparent);color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;border-radius:16px;gap:3px;padding:11px 12px;display:grid}.canvas-share-permission button:hover,.canvas-share-permission button:focus-visible,.canvas-share-permission button.active{border-color:color-mix(in srgb, var(--accent) 56%, var(--glass-border));background:color-mix(in srgb, var(--accent-soft) 48%, var(--bg-surface));outline:none}.canvas-share-permission strong{font-size:14px;font-weight:var(--fw-semibold)}.canvas-share-permission span,.canvas-share-field span,.canvas-share-upload-row label>span,.canvas-share-toggle small{color:var(--fg-tertiary);font-size:12px}.canvas-share-field,.canvas-share-upload-row label{gap:6px;display:grid}.canvas-share-field input,.canvas-share-field textarea{box-sizing:border-box;border:1px solid var(--border-default);background:var(--canvas-field-bg);width:100%;color:var(--fg-primary);font:inherit;border-radius:12px;outline:none;font-size:14px}.canvas-share-field input{height:40px;padding:0 11px}.canvas-share-field textarea{resize:none;min-height:84px;padding:10px 11px}.canvas-share-field input:focus,.canvas-share-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.canvas-share-field .canvas-share-invite-combobox input,.canvas-share-field .canvas-share-invite-combobox input:hover,.canvas-share-field .canvas-share-invite-combobox input:focus{height:24px;box-shadow:none;border:0 #0000;border-radius:0;padding-left:0;padding-right:0}.canvas-share-upload-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.canvas-share-upload-row label{min-width:0}.canvas-share-upload-row input{display:none}.canvas-share-upload-row em{border:1px dashed var(--border-default);background:color-mix(in srgb, var(--bg-surface) 86%, transparent);min-width:0;height:76px;color:var(--fg-secondary);cursor:pointer;text-align:center;text-overflow:ellipsis;border-radius:14px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-style:normal;display:flex;overflow:hidden}.canvas-share-upload-row em:hover{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-default));background:color-mix(in srgb, var(--accent-soft) 34%, var(--bg-surface));color:var(--fg-primary)}.canvas-share-toggle{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-surface) 86%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.canvas-share-toggle>span{gap:2px;display:grid}.canvas-share-toggle strong{font-size:14px;font-weight:var(--fw-semibold)}.canvas-share-switch{flex:none;align-items:center;width:42px;height:24px;display:inline-flex;position:relative}.canvas-share-switch input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.canvas-share-switch>span{border:1px solid var(--border-default);background:var(--bg-hover);pointer-events:none;border-radius:999px;width:100%;height:100%;transition:background .16s,border-color .16s;position:relative}.canvas-share-switch>span:after{content:"";background:#f6f7f9;border-radius:999px;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #0000004d}.canvas-share-switch input:checked+span{border-color:color-mix(in srgb, var(--accent) 66%, var(--border-default));background:var(--accent)}.canvas-share-switch input:checked+span:after{transform:translate(18px)}.canvas-share-switch input:focus-visible+span{box-shadow:0 0 0 3px var(--accent-soft)}.canvas-share-primary{background:var(--accent);height:40px;color:var(--fg-inverse);cursor:pointer;font:inherit;font-size:14px;font-weight:var(--fw-semibold);border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.canvas-share-secondary{border:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-surface) 82%, transparent);height:40px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:14px;font-weight:var(--fw-semibold);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.canvas-share-primary:hover,.canvas-share-primary:focus-visible,.canvas-share-secondary:hover,.canvas-share-secondary:focus-visible{filter:brightness(.98);outline:none}.canvas-account-credits,.canvas-account-profile{z-index:3;border-radius:999px;align-items:center;height:100%;display:inline-flex;position:relative}.canvas-account-credits{color:var(--fg-primary);font-size:var(--fs-sm);white-space:nowrap;gap:5px;padding:0 10px;line-height:20px}.canvas-account-credit-icon{width:16px;height:16px;color:var(--accent);place-items:center;font-size:15px;font-weight:800;line-height:1;display:inline-grid}.canvas-account-credit-value{font-variant-numeric:tabular-nums;min-width:34px}.canvas-account-profile{color:var(--fg-secondary);cursor:pointer;font:inherit;background:0 0;border:0;gap:4px;padding:0 6px 0 2px}.canvas-account-profile:hover,.canvas-account-profile.active{background:var(--bg-hover)}.canvas-account-profile img{object-fit:cover;background:var(--bg-hover);border-radius:50%;flex:none;width:26px;height:26px}.canvas-account-profile .svg-icon{color:var(--fg-tertiary)}.canvas-account-profile.active .svg-icon{transform:rotate(180deg)}.canvas-account-menu{z-index:var(--z-canvas-chrome-menu);color:#e8eaf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#171b23;border:1px solid #4a5466c7;border-radius:16px;flex-direction:column;gap:0;width:344px;padding:14px 14px 16px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 56px #00000075}.canvas-account-menu-user{align-items:center;gap:12px;padding:8px 4px 16px;display:flex}.canvas-account-menu-avatar{color:#fbfaff;background:radial-gradient(circle at 35% 27%,#bcabff 0 10%,#6c53cf 39%,#25223d 100%);border:1px solid #b8a9ffb8;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff52,0 8px 18px #5b49b438}.canvas-account-menu-user>div{flex:1;gap:2px;min-width:0;display:grid}.canvas-account-menu-user strong{color:#f1f2f5;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;line-height:22px;overflow:hidden}.canvas-account-menu-user span,.canvas-account-wallet-head>span,.canvas-account-menu-list em{color:#a7afbc;font-size:13px;font-style:normal;line-height:20px}.canvas-account-menu-user .canvas-account-menu-avatar{color:#fbfaff;font-size:13px;font-weight:700;line-height:1}.canvas-account-workspace-toggle{color:#aeb6c2;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.canvas-account-workspace-toggle:hover,.canvas-account-workspace-toggle:focus-visible{color:#f1f2f5;background:#252a34;outline:none}.canvas-account-wallet{box-shadow:none;background:#292f38;border:0;border-radius:14px;gap:13px;margin:0 0 18px;padding:18px;display:grid}.canvas-account-wallet-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.canvas-account-wallet-head strong{color:#f0f1f2;font-size:15px;font-weight:650;line-height:20px}.canvas-account-credit-pips{align-items:center;gap:6px;display:flex}.canvas-account-credit-pips i{background:#bfff00;border-radius:50%;flex:auto;width:10px;height:10px}.canvas-account-menu-list button,.canvas-account-upgrade button,.canvas-account-logout{font:inherit;cursor:pointer;border:0}.canvas-account-upgrade{color:#f2f3f4;border-top:1px solid #ffffff24;align-items:center;gap:9px;min-height:42px;padding-top:12px;display:flex}.canvas-account-crown{color:#bfff00;place-items:center;width:22px;height:22px;font-size:18px;line-height:1;display:inline-grid}.canvas-account-upgrade strong{font-size:15px;font-weight:600}.canvas-account-upgrade button{color:#14190a;background:#bfff00;border-radius:999px;min-width:86px;height:36px;margin-left:auto;font-size:13px;font-weight:750}.canvas-account-upgrade button:hover,.canvas-account-upgrade button:focus-visible{filter:brightness(.96);outline:none}.canvas-account-menu-list button:hover,.canvas-account-menu-list button:focus-visible,.canvas-account-logout:hover{color:#f2f3f6;background:#252a34;outline:none}.canvas-account-menu-list{gap:0;padding:4px 0 12px;display:grid}.canvas-account-language-row{position:relative}.canvas-account-language-row>button{width:100%}.canvas-account-language-row>button>span{flex:1;min-width:0}.canvas-account-language-row>button>em{flex:none;margin-left:auto}.canvas-account-menu-list button,.canvas-account-logout{color:#c8ced8;background:0 0;border-radius:8px;justify-content:flex-start;align-items:center;gap:11px;min-height:42px;padding:10px 8px;font-size:15px;display:flex}.canvas-account-menu-list span,.canvas-account-menu-list em,.canvas-account-logout{align-items:center;gap:6px;display:inline-flex}.canvas-account-menu-list em{gap:2px;margin-left:auto}.canvas-account-menu-list .svg-icon,.canvas-account-logout .svg-icon{color:#97a0ad}.canvas-account-language-row.active>button{background:#252a34}.canvas-account-language-menu{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;gap:2px;width:250px;padding:10px;display:grid;position:absolute;top:0;right:calc(100% + 10px);box-shadow:0 18px 48px #1920382e}.canvas-account-language-menu button{width:100%;min-height:42px;color:var(--fg-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;padding:0 12px;font-size:15px;display:flex}.canvas-account-language-menu button:hover,.canvas-account-language-menu button:focus-visible,.canvas-account-language-menu button.active{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-account-logout{color:#c8ced8;border-top:1px solid #ffffff24;justify-content:flex-start;width:100%;padding-top:16px}.canvas-material-toggle{height:36px;color:var(--fg-primary);box-shadow:none;cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.canvas-material-toggle:hover,.canvas-material-toggle.active{background:var(--accent-soft);color:var(--accent)}.canvas-empty-state{z-index:8;width:min(100%,1040px);color:var(--fg-primary);pointer-events:none;-webkit-user-select:none;user-select:none;gap:24px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.canvas-empty-state-heading{color:var(--fg-secondary);letter-spacing:-.03em;justify-content:center;align-items:center;gap:14px;font-size:18px;display:flex}.canvas-empty-state-hint{color:var(--fg-primary);background:#1f2128f0;border-radius:14px;align-items:center;gap:9px;padding:12px 18px;display:inline-flex;box-shadow:0 14px 36px #00000029}.canvas-empty-state-hint svg{color:#a7ff1a;transform:rotate(-14deg)}.canvas-empty-state-hint strong{font-weight:600}.canvas-empty-state-subtitle{color:var(--fg-tertiary);font-weight:500}.canvas-empty-state-actions{pointer-events:auto;justify-content:center;gap:10px;display:flex}.canvas-empty-state-actions button{border:1px solid var(--border-subtle);min-height:44px;color:var(--fg-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:#0a0b0f80;border-radius:999px;align-items:center;gap:9px;padding:0 20px;font-size:15px;font-weight:500;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.canvas-empty-state-actions button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--fg-primary);transform:translateY(-1px)}.canvas-empty-state-actions button svg{color:var(--fg-tertiary)}.canvas-empty-state-actions button:hover svg{color:var(--accent)}@media (width<=1100px){.canvas-empty-state{gap:18px}.canvas-empty-state-heading{font-size:18px}.canvas-empty-state-actions{flex-wrap:wrap}.canvas-empty-state-actions button{min-height:50px;padding:0 20px;font-size:16px}}.canvas-task-drawer{z-index:var(--z-canvas-chrome-panel);background:var(--bg-elevated);border-radius:18px;flex-direction:column;width:min(430px,100vw - 44px);display:flex;position:absolute;top:64px;bottom:22px;right:16px;overflow:hidden;box-shadow:0 20px 48px #00000038}.canvas-task-drawer-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px 10px;display:flex}.canvas-task-drawer-header h2{font-size:var(--fs-lg);margin:0;font-weight:700}.canvas-task-drawer-close{color:var(--fg-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px}.canvas-task-drawer-close:hover{background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-launcher{z-index:var(--z-canvas-chrome);width:82px;height:82px;color:var(--fg-primary);filter:drop-shadow(0 12px 16px #0003);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:transform .16s,opacity .16s;animation:3.8s ease-in-out infinite canvas-agent-float;display:grid;position:absolute;bottom:16px;right:16px}.canvas-copilot-launcher:before{z-index:2;color:#e9e3ff;content:"Agent";font-size:12px;font-weight:var(--fw-semibold);letter-spacing:.01em;opacity:0;pointer-events:none;transform-origin:100% 100%;background:#23202cf0;border:1px solid #c4b5fd3d;border-radius:10px 10px 3px;padding:7px 11px;transition:opacity .18s,transform .18s;animation:7s ease-in-out infinite canvas-agent-hint;position:absolute;bottom:48px;right:72px;transform:translateY(5px)scale(.96)}.canvas-copilot-launcher:after{content:"";opacity:0;pointer-events:none;background:#23202cf0;border-bottom:1px solid #c4b5fd3d;border-right:1px solid #c4b5fd3d;width:8px;height:8px;transition:opacity .18s;animation:7s ease-in-out infinite canvas-agent-hint-tail;position:absolute;bottom:43px;right:66px;transform:rotate(-15deg)}.canvas-copilot-launcher img{object-fit:contain;pointer-events:none;width:100%;height:100%;animation:5.6s ease-in-out infinite canvas-agent-blink}.canvas-copilot-launcher:hover{transform:translateY(-4px)scale(1.04)}.canvas-copilot-launcher:hover:before,.canvas-copilot-launcher:hover:after{opacity:1;animation:none}.canvas-copilot-launcher:hover:before{transform:translateY(0)scale(1)}.canvas-copilot-launcher.active{opacity:0;pointer-events:none;animation:none}@keyframes canvas-agent-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes canvas-agent-blink{0%,44%,48%,to{transform:scaleY(1)}45%,47%{transform:scaleY(.92)}}@keyframes canvas-agent-hint{0%,62%,to{opacity:0;transform:translateY(5px)scale(.96)}68%,82%{opacity:1;transform:translateY(0)scale(1)}}@keyframes canvas-agent-hint-tail{0%,62%,to{opacity:0}68%,82%{opacity:1}}@keyframes canvas-copilot-drawer-in{0%{opacity:0;transform:translate(32px)}76%{opacity:1;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes canvas-copilot-border-sweep{0%{opacity:0;transform:translateY(260%)}12%{opacity:1}78%{opacity:.9}to{opacity:0;transform:translateY(-180%)}}.canvas-copilot-drawer{z-index:var(--z-canvas-chrome-panel);border:1px solid color-mix(in srgb, var(--border-default) 82%, var(--fg-primary) 8%);background:color-mix(in srgb, var(--bg-elevated) 96%, var(--bg-app));border-radius:16px;flex-direction:column;width:min(430px,100vw - 44px);animation:.24s cubic-bezier(.25,.9,.2,1) canvas-copilot-drawer-in;display:flex;position:absolute;top:64px;bottom:16px;right:16px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 64px #0000003d}.canvas-copilot-drawer:before{z-index:2;content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff47 18%,#ffffffc7 50%,#ffffff47 82%,#0000);border-radius:999px;width:2px;height:38%;animation:.4s cubic-bezier(.18,.84,.28,1) 80ms both canvas-copilot-border-sweep;position:absolute;top:0;left:-1px;box-shadow:0 0 18px #ffffff4d}.canvas-copilot-header{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 76%, transparent);background:color-mix(in srgb, var(--bg-elevated) 94%, var(--bg-secondary));flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 12px 10px;display:flex;position:relative}.canvas-copilot-agent-mark{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 12%, transparent);width:32px;height:32px;color:var(--fg-primary);border-radius:10px;flex:none;place-items:center;display:grid}.canvas-copilot-close-btn,.canvas-copilot-title-trigger,.canvas-copilot-composer-footer button{color:var(--fg-secondary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.canvas-copilot-close-btn{width:34px;height:34px}.canvas-copilot-close-btn:hover,.canvas-copilot-title-trigger:hover,.canvas-copilot-title-trigger.open,.canvas-copilot-composer-footer button:hover{background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-conversation-switcher{flex:1;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.canvas-copilot-title-trigger{min-width:0;max-width:100%;min-height:34px;color:var(--fg-primary);font-size:var(--fs-sm);padding:0 10px;font-weight:650}.canvas-copilot-title-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-copilot-title-trigger .svg-icon{color:var(--fg-tertiary);flex:none;transition:transform .16s}.canvas-copilot-title-trigger.open .svg-icon{transform:rotate(180deg)}.canvas-copilot-conversation-menu{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:12px;grid-template-rows:minmax(0,1fr) auto;width:min(320px,100vw - 92px);max-height:min(420px,100vh - 156px);padding:7px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:visible;box-shadow:0 18px 44px #00000042}.canvas-copilot-conversation-more:disabled{cursor:not-allowed;opacity:.45}.canvas-copilot-conversation-list{gap:3px;min-height:0;max-height:min(330px,100vh - 230px);padding-bottom:2px;display:grid;overflow-y:auto}.canvas-copilot-conversation-row{min-width:0;color:var(--fg-secondary);border-radius:8px;align-items:center;transition:background .16s,color .16s;display:flex;position:relative}.canvas-copilot-conversation-row.active{z-index:2;background:color-mix(in srgb, var(--accent) 12%, transparent)}.canvas-copilot-conversation-row:hover,.canvas-copilot-conversation-row:focus-within{background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-conversation-row:has(.canvas-copilot-conversation-more[aria-expanded=true]){z-index:12;background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-conversation-row input{border:1px solid color-mix(in srgb, var(--accent) 54%, var(--border-default));background:var(--bg-primary);width:100%;height:36px;color:var(--fg-primary);font:inherit;font-size:var(--fs-xs);border-radius:8px;outline:none;padding:0 9px}.canvas-copilot-conversation-select{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:8px 4px 8px 9px;display:grid}.canvas-copilot-conversation-select:hover:not(:disabled){color:var(--fg-primary)}.canvas-copilot-conversation-select:disabled{cursor:default}.canvas-copilot-conversation-select>span{color:var(--fg-primary);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:650;line-height:1.3;overflow:hidden}.canvas-copilot-conversation-side{place-items:center;width:38px;min-width:38px;min-height:36px;margin-right:4px;display:grid;position:relative}.canvas-copilot-conversation-time{color:var(--fg-tertiary);font-size:11px;font-weight:500;line-height:1.25;transition:opacity .14s}.canvas-copilot-conversation-more{width:30px;min-width:30px;height:30px;color:var(--fg-tertiary);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:8px;padding:0;transition:opacity .14s,background .16s,color .16s;position:absolute;top:3px;right:4px}.canvas-copilot-conversation-row:hover .canvas-copilot-conversation-time,.canvas-copilot-conversation-row:focus-within .canvas-copilot-conversation-time{opacity:0}.canvas-copilot-conversation-row:has(.canvas-copilot-conversation-more[aria-expanded=true]) .canvas-copilot-conversation-time{opacity:0}.canvas-copilot-conversation-row:hover .canvas-copilot-conversation-more,.canvas-copilot-conversation-row:focus-within .canvas-copilot-conversation-more,.canvas-copilot-conversation-more[aria-expanded=true]{opacity:1;pointer-events:auto}.canvas-copilot-conversation-more:hover,.canvas-copilot-conversation-more[aria-expanded=true]{background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-conversation-row:has(.canvas-copilot-conversation-actions){grid-template-columns:minmax(0,1fr) auto;display:grid}.canvas-copilot-conversation-actions{grid-column:1/-1;justify-content:flex-end;gap:4px;padding:0 4px 6px;display:flex;position:static}.canvas-copilot-conversation-actions button{min-height:32px;color:var(--fg-primary);font:inherit;font-size:var(--fs-xs);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-weight:600}.canvas-copilot-conversation-actions button:hover{background:var(--bg-hover)}.canvas-copilot-conversation-actions button.danger{color:var(--danger)}.canvas-copilot-messages{flex-direction:column;flex:1;gap:14px;padding:14px 14px 16px;scroll-padding-bottom:20px;display:flex;overflow-y:auto}.canvas-copilot-message{align-items:flex-start;gap:9px;min-width:0;display:flex}.canvas-copilot-message.user{justify-content:flex-end}.canvas-copilot-message-avatar{background:color-mix(in srgb, var(--fg-primary) 8%, transparent);width:26px;height:26px;color:var(--fg-secondary);border-radius:9px;flex:none;place-items:center;margin-top:2px;display:grid}.canvas-copilot-message-stack{gap:5px;width:min(84%,342px);display:grid}.canvas-copilot-message.user .canvas-copilot-message-stack{justify-items:end}.canvas-copilot-message-stack>.canvas-copilot-bubble{max-width:100%}.canvas-copilot-bubble{border:1px solid color-mix(in srgb, var(--border-subtle) 68%, transparent);background:color-mix(in srgb, var(--bg-secondary) 88%, var(--bg-elevated));max-width:100%;color:var(--fg-primary);font-size:var(--fs-sm);white-space:pre-wrap;word-break:break-word;border-radius:12px;padding:10px 12px;line-height:1.55}.canvas-copilot-message.assistant:not(.has-component) .canvas-copilot-bubble{border:0;border-radius:0;padding:6px}.canvas-copilot-message.assistant.has-component .canvas-copilot-bubble{background:color-mix(in srgb, var(--bg-primary) 84%, var(--bg-secondary))}.canvas-copilot-message.assistant:has(.canvas-copilot-markdown-table) .canvas-copilot-message-stack{width:min(100%,560px);min-width:0}.canvas-copilot-markdown{white-space:normal;min-width:0}.canvas-copilot-markdown>:first-child{margin-top:0}.canvas-copilot-markdown>:last-child{margin-bottom:0}.canvas-copilot-markdown p,.canvas-copilot-markdown ul,.canvas-copilot-markdown ol,.canvas-copilot-markdown pre,.canvas-copilot-markdown blockquote{margin:0 0 10px}.canvas-copilot-markdown p,.canvas-copilot-markdown li{white-space:pre-wrap}.canvas-copilot-markdown ul,.canvas-copilot-markdown ol{padding-left:20px}.canvas-copilot-markdown a{color:#c8b6fa;overflow-wrap:anywhere}.canvas-copilot-markdown :not(pre)>code{background:color-mix(in srgb, var(--fg-primary) 9%, transparent);border-radius:4px;padding:1px 4px;font:.9em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.canvas-copilot-markdown pre{border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:6px;max-width:100%;padding:10px 12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.canvas-copilot-markdown blockquote{border-left:2px solid var(--border-default);color:var(--fg-secondary);padding-left:12px}.canvas-copilot-markdown-table{border:1px solid var(--border-default);border-radius:6px;max-width:100%;margin:4px 0 12px;overflow-x:auto}.canvas-copilot-markdown-table table{border-collapse:collapse;white-space:normal;width:100%;font-size:12px;line-height:1.45}.canvas-copilot-markdown-table th,.canvas-copilot-markdown-table td{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top;overflow-wrap:anywhere;min-width:88px;padding:8px 10px}.canvas-copilot-markdown-table th{background:color-mix(in srgb, var(--fg-primary) 6%, var(--bg-secondary));font-weight:700}.canvas-copilot-markdown-table tr:last-child td{border-bottom:0}.canvas-copilot-markdown-table th:last-child,.canvas-copilot-markdown-table td:last-child{border-right:0}.canvas-copilot-thinking-card{gap:10px;min-width:220px;display:grid}.canvas-copilot-thinking-head{align-items:flex-start;gap:9px;display:flex}.canvas-copilot-thinking-orb{background:color-mix(in srgb, var(--accent) 12%, var(--bg-hover));width:24px;height:24px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.canvas-copilot-thinking-card:not(.is-done) .canvas-copilot-thinking-orb .svg-icon{animation:.9s linear infinite canvas-copilot-thinking-spin}.canvas-copilot-thinking-head>div{gap:2px;min-width:0;display:grid}.canvas-copilot-thinking-head strong{color:var(--fg-primary);font-size:var(--fs-sm);line-height:1.35}.canvas-copilot-thinking-head small{color:var(--fg-tertiary);font-size:var(--fs-xs);line-height:1.4}.canvas-copilot-thinking-steps{gap:5px;padding-left:33px;display:grid}.canvas-copilot-thinking-steps span{color:var(--fg-tertiary);font-size:var(--fs-xs);align-items:center;gap:7px;line-height:1.35;display:flex}.canvas-copilot-thinking-steps i{opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px}.canvas-copilot-thinking-card.is-done .canvas-copilot-thinking-steps{display:none}@keyframes canvas-copilot-thinking-spin{to{transform:rotate(360deg)}}.canvas-copilot-choice-card{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-primary) 82%, var(--bg-secondary));border-radius:10px;gap:7px;padding:10px;display:grid}.canvas-copilot-choice-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.canvas-copilot-choice-head>span,.canvas-copilot-choice-head strong{color:var(--fg-tertiary);font-size:11px;line-height:1.2}.canvas-copilot-choice-progress{flex:none;align-items:center;gap:3px;display:inline-flex}.canvas-copilot-choice-progress button{width:20px;height:20px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.canvas-copilot-choice-progress button:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-choice-progress button:disabled{opacity:.36;cursor:default}.canvas-copilot-choice-progress strong{background:var(--bg-hover);color:var(--fg-secondary);border-radius:999px;flex:none;padding:2px 6px;font-weight:700}.canvas-copilot-choice-list{gap:6px;display:grid}.canvas-copilot-choice-question{color:var(--fg-secondary);font-size:var(--fs-xs);padding:0 2px 2px;line-height:1.45}.canvas-copilot-choice{border:1px solid var(--border-subtle);background:var(--bg-secondary);width:100%;min-height:42px;color:var(--fg-primary);font:inherit;text-align:left;cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;transition:border-color .16s,background .16s;display:flex}.canvas-copilot-choice:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.canvas-copilot-choice.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-secondary))}.canvas-copilot-choice-index{background:color-mix(in srgb, var(--fg-primary) 10%, transparent);width:20px;height:20px;color:var(--fg-secondary);border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:800;line-height:1;display:grid}.canvas-copilot-choice.selected .canvas-copilot-choice-index{background:var(--accent);color:var(--fg-on-accent,#fff)}.canvas-copilot-choice-check{border:1px solid color-mix(in srgb, var(--fg-tertiary) 56%, transparent);color:#111827;background:0 0;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:grid}.canvas-copilot-choice.selected .canvas-copilot-choice-check{background:#f8fafc;border-color:#f8fafc}.canvas-copilot-choice:disabled:not(.selected){opacity:.48;cursor:default}.canvas-copilot-choice-copy{flex:auto;min-width:0;display:block}.canvas-copilot-choice-copy strong{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;display:block;overflow:hidden}.canvas-copilot-choice-dock{border:1px solid color-mix(in srgb, var(--border-default) 88%, var(--fg-primary) 10%);background:color-mix(in srgb, var(--bg-elevated) 96%, var(--bg-app));border-radius:18px;flex-shrink:0;margin:0 12px 12px;padding:10px;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #00000024}.canvas-copilot-choice-dock .canvas-copilot-choice-card{background:0 0;border:0;border-radius:12px;padding:0}.canvas-copilot-choice-dock .canvas-copilot-choice-list{gap:8px}.canvas-copilot-choice-dock .canvas-copilot-choice-question{color:var(--fg-primary);font-size:var(--fs-sm);padding:2px 0 4px;font-weight:700}.canvas-copilot-choice-dock .canvas-copilot-choice{background:color-mix(in srgb, var(--bg-secondary) 88%, var(--bg-hover));border-radius:10px;min-height:42px}.canvas-copilot-choice-dock .canvas-copilot-choice-list.is-multiple .canvas-copilot-choice{justify-content:flex-start}.canvas-copilot-choice.is-custom-entry{cursor:text}.canvas-copilot-choice-custom-field{min-width:0;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);background:0 0;border:0;outline:none;flex:auto;font-weight:700;line-height:1.25}.canvas-copilot-choice-custom-field::placeholder{color:var(--fg-tertiary);font-weight:600}.canvas-copilot-choice-actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:4px;display:flex}.canvas-copilot-choice-actions button{min-height:36px;color:var(--fg-secondary);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:0 14px;font-weight:700}.canvas-copilot-choice-actions button:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-choice-actions button.primary{color:#111827;background:#f8fafc;min-width:72px}.canvas-copilot-choice-actions button.primary:hover:not(:disabled){color:#111827;background:#fff}.canvas-copilot-choice-actions button:disabled{opacity:.45;cursor:default}.canvas-copilot-choice-actions button.primary:disabled{color:#111827}.canvas-copilot-question-summary{color:var(--fg-secondary);gap:8px;display:grid}.canvas-copilot-question-summary-head{color:var(--fg-tertiary);font-size:var(--fs-xs);align-items:center;gap:5px;font-weight:700;display:inline-flex}.canvas-copilot-question-summary ul{gap:8px;margin:0;padding:0 0 0 16px;display:grid}.canvas-copilot-question-summary li{padding-left:2px}.canvas-copilot-question-summary li::marker{color:var(--fg-tertiary)}.canvas-copilot-question-summary strong,.canvas-copilot-question-summary span{font-size:var(--fs-sm);line-height:1.45;display:block}.canvas-copilot-question-summary strong{color:var(--fg-primary);font-weight:700}.canvas-copilot-question-summary li>span{color:var(--fg-tertiary)}.canvas-copilot-message.user .canvas-copilot-bubble{border-color:color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--accent) 86%, #111827);color:var(--fg-on-accent,#fff)}.canvas-copilot-message-attachments{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.canvas-copilot-message-attachments>span{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:6px;align-items:center;gap:5px;max-width:132px;padding:4px 6px;display:inline-flex}.canvas-copilot-message-attachments img{object-fit:cover;border-radius:4px;width:24px;height:24px}.canvas-copilot-message-attachments small{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canvas-copilot-message-actions{min-width:0;color:var(--fg-tertiary);justify-content:space-between;align-items:center;gap:10px;padding:0 2px;font-size:12px;line-height:1.2;display:flex}.canvas-copilot-message-action-buttons{align-items:center;gap:4px;min-width:0;display:inline-flex}.canvas-copilot-message-action-buttons button{width:25px;height:25px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.canvas-copilot-message-action-buttons button:hover,.canvas-copilot-message-action-buttons button:focus-visible,.canvas-copilot-message-action-buttons button.active{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-copilot-turn-cost{min-width:0;color:var(--fg-secondary);cursor:default;flex:0 auto;justify-content:flex-end;align-items:center;display:inline-flex;position:relative}.canvas-copilot-turn-cost>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-copilot-turn-cost:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.canvas-copilot-turn-cost-popover{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--border-subtle);background:var(--bg-primary);min-width:150px;color:var(--fg-primary);opacity:0;pointer-events:none;border-radius:9px;gap:7px;padding:9px 10px;transition:opacity .12s,transform .12s;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(3px);box-shadow:0 10px 28px #00000061}.canvas-copilot-turn-cost:hover .canvas-copilot-turn-cost-popover,.canvas-copilot-turn-cost:focus-within .canvas-copilot-turn-cost-popover{opacity:1;transform:translateY(0)}.canvas-copilot-turn-cost-popover>div{white-space:nowrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.canvas-copilot-turn-cost-popover span{color:var(--fg-secondary)}.canvas-copilot-turn-cost-popover strong{font-weight:650}.canvas-copilot-skill-result-card{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-primary) 86%, var(--bg-hover));white-space:normal;border-radius:10px;grid-template-columns:56px minmax(0,1fr);gap:10px;margin-top:8px;padding:10px;display:grid}.canvas-copilot-skill-result-thumb{background:color-mix(in srgb, var(--fg-primary) 9%, var(--bg-secondary));width:56px;height:56px;color:var(--fg-tertiary);border-radius:8px;place-items:center;display:grid}.canvas-copilot-skill-result-copy{align-content:start;gap:4px;min-width:0;display:grid}.canvas-copilot-skill-result-copy>div{align-items:center;gap:6px;min-width:0;display:flex}.canvas-copilot-skill-result-copy strong{min-width:0;color:var(--fg-primary);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.canvas-copilot-skill-result-copy span{background:var(--bg-hover);color:var(--fg-tertiary);border-radius:999px;flex:none;padding:2px 6px;font-size:11px;font-weight:650}.canvas-copilot-skill-result-copy p{color:var(--fg-tertiary);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.4;overflow:hidden}.canvas-copilot-skill-result-actions{grid-column:1/-1;justify-content:flex-end;gap:7px;display:flex}.canvas-copilot-skill-result-actions button{border:1px solid var(--border-subtle);background:var(--bg-elevated);min-height:32px;color:var(--fg-secondary);font:inherit;font-size:var(--fs-xs);cursor:pointer;border-radius:8px;padding:0 10px;font-weight:650}.canvas-copilot-skill-result-actions button:first-child{width:32px;padding:0}.canvas-copilot-skill-result-actions button:hover,.canvas-copilot-skill-result-actions button:focus-visible{border-color:var(--fg-primary);color:var(--fg-primary);outline:none}.canvas-skill-edit-overlay{z-index:130;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04060cb8;place-items:center;padding:16px 24px;display:grid;position:fixed;inset:0}.canvas-skill-edit-workbench{color:#eef1f7;background:#11141b;border:1px solid #ffffff21;border-radius:20px;grid-template-rows:64px minmax(0,1fr);width:min(900px,100vw - 48px);height:min(900px,100vh - 32px);display:grid;overflow:hidden;box-shadow:0 32px 100px #00000094}.canvas-skill-edit-topbar{background:#151821;justify-content:space-between;align-items:center;gap:18px;padding:0 24px;display:flex}.canvas-skill-edit-topbar h2{color:#f6f7fb;margin:0;font-size:18px;font-weight:750}.canvas-skill-edit-close{color:#d5dae5;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff21;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.canvas-skill-edit-close:hover,.canvas-skill-edit-close:focus-visible{color:#fff;background:#ffffff1f;outline:none}.canvas-skill-edit-body{background:#181c24;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.canvas-skill-edit-form{align-content:start;gap:18px;min-height:0;padding:24px 32px 28px;display:grid;overflow:auto}.canvas-skill-edit-field{gap:8px;display:grid}.canvas-skill-edit-field span,.canvas-skill-edit-section legend,.canvas-skill-edit-cover span{color:#eef1f7;font-size:13px;font-weight:700}.canvas-skill-edit-field em,.canvas-skill-edit-content-panel em{color:#ffb4ba;font-style:normal}.canvas-skill-edit-field input,.canvas-skill-edit-field textarea{color:#edf0f7;width:100%;font:inherit;background:#11151d;border:1px solid #ffffff1f;border-radius:9px;font-size:13px}.canvas-skill-edit-field input{height:38px;padding:0 11px}.canvas-skill-edit-field textarea{resize:vertical;min-height:76px;padding:10px 11px;line-height:1.5}.canvas-skill-edit-field input:focus,.canvas-skill-edit-field textarea:focus,.canvas-skill-edit-content-grid main textarea:focus{border-color:#a796ffc7;outline:none;box-shadow:0 0 0 3px #7c6df22e}.canvas-skill-edit-content-panel{background:#181c24;border:1px solid #ffffff17;border-radius:14px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:440px;display:grid;overflow:hidden}.canvas-skill-edit-content-panel>header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 16px;display:flex}.canvas-skill-edit-content-panel>header strong{font-size:16px}.canvas-skill-edit-view-switch{background:#0a0c118f;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.canvas-skill-edit-view-switch button{color:#8f98a8;height:26px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.canvas-skill-edit-view-switch button.active{color:#f6f7fb;background:#ffffff1a}.canvas-skill-edit-content-grid{grid-template-columns:268px minmax(0,1fr);min-height:0;display:grid}.canvas-skill-edit-content-grid aside{background:#20242d;border-right:1px solid #ffffff17;grid-template-rows:auto repeat(2,32px);align-content:start;gap:2px;min-width:0;padding:10px;display:grid;overflow:auto}.canvas-skill-edit-files-head{justify-content:space-between;align-items:center;min-height:36px;display:flex}.canvas-skill-edit-files-head span{gap:4px;display:inline-flex}.canvas-skill-edit-files-head button,.canvas-skill-edit-content-grid aside>button{color:#aab2c2;font:inherit;cursor:pointer;background:0 0;border:0}.canvas-skill-edit-files-head button{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.canvas-skill-edit-content-grid aside>button{text-align:left;border-radius:8px;align-items:center;gap:8px;min-height:32px;padding:0 8px;font-size:12px;display:flex}.canvas-skill-edit-files-head button:hover,.canvas-skill-edit-content-grid aside>button:hover,.canvas-skill-edit-content-grid aside>button.active{color:#f6f7fb;background:#ffffff14}.canvas-skill-edit-content-grid main{background:#20242d;grid-template-rows:52px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.canvas-skill-edit-code-head{border-bottom:1px solid #ffffff14;align-items:center;padding:0 18px;display:flex}.canvas-skill-edit-content-grid main textarea{resize:none;color:#e8edf6;background:#20242d;border:0;width:100%;height:100%;min-height:0;padding:20px 22px;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.canvas-skill-edit-section{border:0;gap:9px;margin:0;padding:0;display:grid}.canvas-skill-edit-section>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-width:520px;display:grid}.canvas-skill-edit-section label{cursor:pointer;min-width:0}.canvas-skill-edit-section input{opacity:0;pointer-events:none;position:absolute}.canvas-skill-edit-section span{color:#aab2c2;background:#11151d;border:1px solid #ffffff1f;border-radius:9px;place-items:center;height:34px;font-size:12px;display:grid}.canvas-skill-edit-section input:checked+span{color:#f1edff;background:#7e62ee33;border-color:#a890ff;font-weight:700}.canvas-skill-edit-cover{gap:9px;display:grid}.canvas-skill-edit-cover>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.canvas-skill-edit-cover small{color:#858e9f;font-size:12px}.canvas-skill-edit-cover button{aspect-ratio:16/9;color:#9ea7b8;width:min(260px,100%);font:inherit;cursor:pointer;background:#11151d;border:1px dashed #ffffff2e;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:inline-flex}.canvas-skill-edit-cover button:hover,.canvas-skill-edit-cover button:focus-visible{color:#f1edff;border-color:#a890ff;outline:none}.canvas-skill-edit-footer{background:#151922;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:13px 32px;display:flex}.canvas-skill-edit-footer button{color:#e7e9f0;height:38px;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff29;border-radius:9px;padding:0 16px;font-size:13px;font-weight:700}.canvas-skill-edit-footer button.primary{color:#11151d;background:#f4f6fb;border:0}.canvas-skill-upload-overlay{z-index:var(--z-modal-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04060cb8;place-items:center;padding:16px 24px;display:grid;position:fixed;inset:0}.canvas-skill-upload-confirm{color:#eef1f7;background:#15181e;border:1px solid #ffffff21;border-radius:18px;gap:18px;width:min(520px,100vw - 42px);padding:24px;display:grid;position:relative;box-shadow:0 28px 80px #00000080}.canvas-skill-upload-confirm>.canvas-skill-edit-close{position:absolute;top:16px;right:16px}.canvas-skill-upload-confirm header h2{margin:0 0 5px;font-size:18px}.canvas-skill-upload-confirm header p{color:#919aa8;margin:0;font-size:12px}.canvas-skill-upload-summary{color:#eef1f7;cursor:pointer;min-height:196px;font:inherit;text-align:center;background:#ffffff09;border:1px dashed #ffffff24;border-radius:16px;align-content:center;place-items:center;gap:10px;padding:24px;display:grid;overflow:hidden}.canvas-skill-upload-summary:hover,.canvas-skill-upload-summary:focus-visible{background:#7147f31f;border-color:#a796ff94;outline:none}.canvas-skill-upload-summary>.svg-icon{color:#9d8cff}.canvas-skill-upload-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.canvas-skill-upload-summary small{color:#8993a2;font-size:12px}.canvas-skill-upload-requirements{color:#aab3c2;background:#ffffff07;border:1px solid #ffffff1a;border-radius:10px;gap:8px;padding:12px 14px;font-size:13px;line-height:1.45;display:grid}.canvas-skill-upload-requirements strong{color:#eef0f5}.canvas-skill-upload-requirements ul{gap:4px;margin:0;padding-left:18px;display:grid}.canvas-skill-upload-confirm footer{grid-template-columns:1fr 1fr;gap:12px;display:grid}.canvas-skill-upload-confirm footer button{color:#e7e9f0;cursor:pointer;min-height:42px;font:inherit;background:#ffffff0b;border:1px solid #ffffff29;border-radius:7px;font-size:13px;font-weight:700}.canvas-skill-upload-confirm footer button:last-child{color:#fff;background:#6f58f6;border-color:#a796ff80}.canvas-skill-upload-confirm footer button:disabled{cursor:not-allowed;opacity:.5}.canvas-skill-upload-workbench .canvas-skill-edit-content-grid aside{grid-template-rows:auto auto minmax(0,1fr) auto}.canvas-skill-upload-content-actions{align-items:center;gap:8px;display:flex}.canvas-skill-upload-icon-btn{color:#e9edf6;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff24;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.canvas-skill-upload-icon-btn:hover,.canvas-skill-upload-icon-btn:focus-visible{border-color:#a796ff85;outline:none}.canvas-skill-upload-root,.canvas-skill-upload-tree-row{color:#aab2c2;cursor:pointer;width:100%;min-height:32px;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding-right:8px;font-size:12px;display:flex;overflow:hidden}.canvas-skill-upload-root{padding-left:8px}.canvas-skill-upload-tree{min-height:0;overflow:auto}.canvas-skill-upload-tree-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-skill-upload-root:hover,.canvas-skill-upload-tree-row:hover,.canvas-skill-upload-tree-row.active{color:#f6f7fb;background:#ffffff14}.canvas-skill-upload-new-entry{gap:4px;padding-top:6px;display:flex}.canvas-skill-upload-new-entry input{color:#eef1f7;width:100%;min-width:0;height:27px;font:inherit;background:#11151d;border:1px solid #a796ff6b;border-radius:6px;font-size:12px}.canvas-skill-upload-new-entry button,.canvas-skill-upload-workbench .canvas-skill-edit-code-head button{color:#c8c0ff;cursor:pointer;font:inherit;background:0 0;border:0;font-size:12px}.canvas-skill-upload-workbench .canvas-skill-edit-code-head{justify-content:space-between}.canvas-skill-upload-preview,.canvas-skill-upload-preview-empty{color:#dce2ec;min-height:0;padding:20px 22px;font-size:13px;line-height:1.65;overflow:auto}.canvas-skill-upload-preview>:first-child{margin-top:0}.canvas-skill-upload-preview>:last-child{margin-bottom:0}.canvas-skill-upload-preview pre{white-space:pre-wrap;max-width:100%;overflow-x:auto}.canvas-skill-upload-media{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.canvas-skill-upload-media-item,.canvas-skill-upload-media-add{aspect-ratio:16/9;background:#11151d;border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden}.canvas-skill-upload-media-item img,.canvas-skill-upload-media-item video{object-fit:cover;width:100%;height:100%}.canvas-skill-upload-media-item button{color:#fff;cursor:pointer;background:#000000b8;border:0;border-radius:50%;position:absolute;top:5px;right:5px}.canvas-skill-upload-media-add{color:#9ea7b8;cursor:pointer;font:inherit;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.canvas-skill-upload-error{color:#ffb1b1;min-width:0;margin:0;font-size:12px;line-height:1.35}.canvas-skill-upload-workbench .canvas-skill-edit-footer .canvas-skill-upload-error{margin-right:auto}.canvas-skill-upload-discard{z-index:2;color:#fff;background:#242424;border:1px solid #ffffff24;border-radius:10px;gap:16px;width:min(340px,100vw - 48px);padding:18px;display:grid;position:absolute;box-shadow:0 24px 70px #0000008f}.canvas-skill-upload-discard>div{justify-content:flex-end;gap:8px;display:flex}.canvas-skill-upload-discard button{color:#fff;cursor:pointer;background:#3a3a3a;border:0;border-radius:7px;min-height:34px;padding:0 10px}.canvas-skill-upload-discard button:last-child{color:#1f1f1f;background:#f3f3f3}@media (width<=760px){.canvas-skill-edit-workbench{height:calc(100vh - 32px)}.canvas-skill-edit-form{padding:20px}.canvas-skill-edit-content-grid{grid-template-columns:1fr}.canvas-skill-edit-content-grid aside{border-bottom:1px solid #ffffff17;border-right:0}.canvas-skill-edit-section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-skill-upload-workbench .canvas-skill-edit-content-grid aside{min-height:200px;max-height:260px}.canvas-skill-upload-workbench .canvas-skill-edit-content-panel>header{flex-wrap:wrap;padding:10px 14px}.canvas-skill-upload-content-actions{justify-content:flex-end;width:100%}.canvas-skill-upload-media{grid-template-columns:repeat(2,minmax(0,1fr))}}.canvas-copilot-bubble.muted{color:var(--fg-tertiary)}.canvas-copilot-plan{border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--fg-primary);border-radius:8px;gap:7px;padding:12px;display:grid}.canvas-copilot-plan strong{font-size:var(--fs-sm);line-height:1.45}.canvas-copilot-plan>span{color:var(--fg-tertiary);font-size:var(--fs-xs)}.canvas-copilot-plan-actions{justify-content:flex-end;gap:8px;margin-top:3px;display:flex}.canvas-copilot-plan-actions button{border:1px solid var(--border-subtle);background:var(--bg-elevated);min-height:32px;color:var(--fg-secondary);font:inherit;font-size:var(--fs-xs);cursor:pointer;border-radius:7px;padding:0 12px;font-weight:650}.canvas-copilot-plan-actions button.primary{border-color:var(--fg-primary);background:var(--fg-primary);color:var(--bg-primary)}.canvas-copilot-plan-actions button:disabled{opacity:.45;cursor:not-allowed}.canvas-copilot-composer{border:1px solid color-mix(in srgb, var(--border-default) 88%, var(--fg-primary) 10%);background:color-mix(in srgb, var(--bg-elevated) 98%, var(--bg-app));border-radius:16px;flex-shrink:0;gap:9px;margin:0 12px 12px;padding:9px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d,0 14px 34px #0000001f}.canvas-copilot-composer:focus-within{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-default));box-shadow:0 1px 0 #ffffff0f inset, 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent), 0 12px 32px #0000001a}.canvas-copilot-composer.drag-active{outline:2px solid var(--accent);outline-offset:-2px}.canvas-copilot-drop-hint{z-index:8;border:1px dashed var(--accent);background:color-mix(in srgb, var(--bg-elevated) 94%, var(--accent));color:var(--fg-primary);font-size:var(--fs-sm);pointer-events:none;border-radius:8px;place-items:center;font-weight:650;display:grid;position:absolute;inset:10px}.canvas-copilot-file-input{display:none}.canvas-copilot-reference-strip{scrollbar-width:none;align-items:center;gap:8px;min-width:0;min-height:44px;padding:1px 1px 3px;display:flex;overflow:auto visible}.canvas-copilot-reference-strip::-webkit-scrollbar{display:none}.canvas-copilot-reference-strip .canvas-copilot-node-references,.canvas-copilot-reference-strip .canvas-copilot-attachments,.canvas-copilot-reference-strip .canvas-copilot-selected-skills{flex:none;padding:0;overflow:visible}.canvas-copilot-selected-skills{align-items:center;gap:8px;display:contents}.canvas-copilot-selected-skill{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border-default));background:color-mix(in srgb, var(--accent) 10%, var(--bg-hover));max-width:168px;height:30px;color:var(--fg-primary);font-size:var(--fs-xs);border-radius:999px;align-items:center;gap:6px;padding:0 28px 0 10px;font-weight:650;display:inline-flex;position:relative}.canvas-copilot-selected-skill>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-copilot-selected-skill>button{width:20px;height:20px;min-height:20px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%);padding:0!important}.canvas-copilot-selected-skill>button:hover,.canvas-copilot-selected-skill>button:focus-visible{background:var(--bg-hover);color:var(--danger);outline:none}.canvas-copilot-node-references{scrollbar-width:none;align-items:stretch;gap:8px;min-width:0;min-height:44px;padding:2px;display:flex;overflow-x:auto}.canvas-copilot-node-references::-webkit-scrollbar{display:none}.canvas-copilot-composer>.canvas-copilot-node-references:has(>.canvas-copilot-node-reference-add:only-child){display:none}.canvas-copilot-composer>.canvas-copilot-node-references .canvas-copilot-node-reference-add{display:none}.canvas-copilot-node-reference-add,.canvas-copilot-node-reference{box-sizing:border-box;border:1px solid var(--border-default);background:var(--bg-primary);width:40px;height:40px;color:var(--fg-secondary);border-radius:10px;flex:0 0 40px;position:relative;overflow:hidden}.canvas-copilot-node-reference-add{cursor:copy;place-items:center;padding:0;display:grid}.canvas-copilot-node-reference-add:hover:not(:disabled),.canvas-copilot-node-reference-add.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.canvas-copilot-node-reference-add:disabled{opacity:.4;cursor:not-allowed}.canvas-copilot-node-reference{cursor:pointer}.canvas-copilot-node-reference:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.canvas-copilot-node-reference>img,.canvas-copilot-node-reference-icon{object-fit:cover;place-items:center;width:100%;height:100%;display:grid}.canvas-copilot-node-reference.text .canvas-copilot-node-reference-icon{color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--bg-primary))}.canvas-copilot-node-reference.video .canvas-copilot-node-reference-icon{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-primary))}.canvas-copilot-node-reference.audio .canvas-copilot-node-reference-icon{color:var(--warning,#d6a94a);background:color-mix(in srgb, var(--warning,#d6a94a) 12%, var(--bg-primary))}.canvas-copilot-node-reference-label{background:color-mix(in srgb, var(--bg-primary) 88%, transparent);color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;padding:4px 5px;font-size:9px;line-height:1.2;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.canvas-copilot-node-reference-remove{z-index:2;color:#fff;cursor:pointer;opacity:0;visibility:hidden;background:#080809db;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:19px;height:19px;transition:opacity .12s,visibility .12s,background .12s,border-color .12s;display:grid;position:absolute;top:3px;right:3px;min-height:19px!important;padding:0!important}.canvas-copilot-node-reference:hover .canvas-copilot-node-reference-remove,.canvas-copilot-node-reference:focus-within .canvas-copilot-node-reference-remove{opacity:1;visibility:visible}.canvas-copilot-node-reference-remove:hover{border-color:var(--danger);background:var(--danger)}.canvas-copilot-node-references.compact{min-height:38px;margin-bottom:7px;padding:0}.canvas-copilot-node-references.compact .canvas-copilot-node-reference{cursor:default;flex-basis:38px;width:38px;height:38px}.canvas-copilot-node-references.compact .canvas-copilot-node-reference-label{padding:2px 3px;font-size:8px}.canvas-copilot-attachments{gap:8px;padding:2px;display:flex;overflow-x:auto}.canvas-flow-shell.copilot-picking-node .react-flow__node:not(.react-flow__node-generator){cursor:copy!important}.canvas-flow-shell.copilot-picking-node .react-flow__node:not(.react-flow__node-generator):hover{outline:2px solid var(--accent);outline-offset:3px}.canvas-copilot-attachment{border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:10px;flex:0 0 40px;width:40px;height:40px;position:relative;overflow:hidden}.canvas-copilot-attachment:hover,.canvas-copilot-attachment:focus-within{z-index:20}.canvas-copilot-attachment.uploading:before{content:"";z-index:3;background:conic-gradient(var(--accent) var(--attachment-progress), var(--border-subtle) 0);-webkit-mask-composite:xor;pointer-events:none;border-radius:7px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.canvas-copilot-attachment>img,.canvas-copilot-attachment-file{width:100%;height:100%;color:var(--fg-tertiary);object-fit:cover;place-items:center;display:grid}.canvas-copilot-attachment-name{background:color-mix(in srgb, var(--bg-primary) 88%, transparent);color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;padding:4px 5px;font-size:9px;line-height:1.2;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.canvas-copilot-attachment>small{display:none}.canvas-copilot-attachment>button{z-index:4;color:#fff;cursor:pointer;opacity:0;visibility:hidden;background:#0009;border:1px solid #00000029;border-radius:50%;place-items:center;width:20px;height:20px;transition:opacity .12s,visibility .12s,background .12s,border-color .12s,transform .12s;display:grid;position:absolute;top:3px;right:3px;box-shadow:0 2px 8px #00000061;min-height:20px!important;padding:0!important}.canvas-copilot-attachment:hover>button,.canvas-copilot-attachment:focus-within>button{opacity:1;visibility:visible}.canvas-copilot-attachment>button:hover,.canvas-copilot-attachment>button:focus-visible{background:#000;border-color:#000c;transform:scale(1.06)}.canvas-copilot-attachment>strong{z-index:4;background:color-mix(in srgb, var(--bg-primary) 88%, transparent);color:var(--fg-primary);border-radius:4px;padding:2px 3px;font-size:9px;line-height:1;position:absolute;top:5px;right:5px}.canvas-copilot-input-error{color:var(--danger);font-size:11px;line-height:1.4}.canvas-copilot-input-surface{cursor:text;background:0 0;border:0;border-radius:0;min-height:72px;padding:0;display:block}.canvas-copilot-prompt-editor{min-width:0;min-height:50px;max-height:160px;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);white-space:pre-wrap;overflow-wrap:anywhere;padding:0;line-height:1.5;overflow:auto}.canvas-copilot-selected-skills{display:contents}.canvas-copilot-input-surface .canvas-copilot-selected-skill{vertical-align:baseline;margin:0 6px 4px 0;display:inline-flex}.canvas-copilot-rich-input{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-width:10ch;display:inline}.canvas-copilot-rich-input:empty:before{color:var(--fg-tertiary);content:attr(data-placeholder);pointer-events:none}.canvas-copilot-composer-footer{border-top:0;justify-content:space-between;align-items:center;gap:10px;padding-top:1px;display:flex}.canvas-copilot-composer-footer button{min-height:34px;font-size:var(--fs-xs);padding:0 10px;font-weight:650}.canvas-copilot-composer-left{align-items:center;gap:5px;display:flex;position:relative}.canvas-copilot-round-action.active{border-color:color-mix(in srgb, var(--accent) 54%, var(--border-default))!important;background:color-mix(in srgb, var(--accent) 14%, var(--bg-hover))!important;color:var(--accent)!important}.canvas-copilot-add-menu{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:12px;gap:4px;width:168px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 18px 44px #0000003d}.canvas-copilot-add-menu button,.canvas-copilot-skill-option,.canvas-copilot-skill-actions button{width:100%;min-height:36px;color:var(--fg-primary);font-size:var(--fs-xs);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;font-weight:600;display:flex;padding:0 9px!important}.canvas-copilot-add-menu button:hover:not(:disabled),.canvas-copilot-add-menu button:focus-visible,.canvas-copilot-skill-option:hover,.canvas-copilot-skill-option:focus-visible,.canvas-copilot-skill-actions button:hover,.canvas-copilot-skill-actions button:focus-visible{background:var(--bg-hover);outline:none}.canvas-copilot-add-menu button:disabled{color:var(--fg-tertiary);cursor:not-allowed;opacity:.48}.canvas-copilot-skill-menu-wrap{position:relative}.canvas-copilot-add-menu-parent .svg-icon:last-child{color:var(--fg-tertiary);margin-left:auto}.canvas-copilot-skill-menu-wrap.open>.canvas-copilot-add-menu-parent{background:var(--bg-hover)}.canvas-copilot-skill-submenu{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-elevated) 94%, #000);border-radius:18px;flex-direction:column;gap:10px;width:372px;max-height:min(520px,100vh - 96px);padding:14px;display:flex;position:fixed;box-shadow:0 24px 64px #00000057}.canvas-copilot-skill-submenu-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.canvas-copilot-skill-search{background:var(--bg-hover);min-width:0;min-height:40px;color:var(--fg-tertiary);border-radius:16px;align-items:center;gap:9px;padding:0 14px;display:flex}.canvas-copilot-skill-manage-btn{background:var(--bg-hover);min-height:40px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-xs);white-space:nowrap;border:0;border-radius:16px;justify-content:center;align-items:center;gap:2px;padding:0 12px;font-weight:700;display:inline-flex}.canvas-copilot-skill-manage-btn:hover,.canvas-copilot-skill-manage-btn:focus-visible{background:color-mix(in srgb, var(--accent) 14%, var(--bg-hover));outline:none}.canvas-copilot-skill-tabs{scrollbar-width:none;align-items:center;gap:6px;min-width:0;padding:1px 1px 3px;display:flex;overflow-x:auto}.canvas-copilot-skill-tabs::-webkit-scrollbar{display:none}.canvas-copilot-skill-tabs button{min-height:28px;color:var(--fg-tertiary);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;padding:0 10px;font-size:11px;font-weight:650}.canvas-copilot-skill-tabs button:hover,.canvas-copilot-skill-tabs button:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-copilot-skill-tabs button.active{background:color-mix(in srgb, var(--accent) 15%, var(--bg-hover));color:var(--fg-primary)}.canvas-copilot-skill-search input{width:100%;min-width:0;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);background:0 0;border:0;outline:none}.canvas-copilot-skill-search input::placeholder{color:var(--fg-tertiary)}.canvas-copilot-skill-list{flex-direction:column;gap:4px;height:222px;padding-right:2px;display:flex;overflow-y:auto}.canvas-copilot-skill-option{border-radius:12px!important;min-height:52px!important;padding:6px 8px!important}.canvas-copilot-skill-option>span:not(.canvas-copilot-skill-icon){gap:2px;min-width:0;display:grid}.canvas-copilot-skill-option strong,.canvas-copilot-skill-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-copilot-skill-option strong{color:var(--fg-primary);font-size:var(--fs-sm)}.canvas-copilot-skill-option small{color:var(--fg-tertiary);font-size:11px;font-weight:500}.canvas-copilot-skill-preview-card{z-index:2;border:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-elevated) 96%, #000);border-radius:18px;gap:12px;width:300px;padding:12px;display:grid;position:absolute;top:0;left:calc(100% + 10px);box-shadow:0 24px 64px #00000057}.canvas-copilot-skill-preview-hero{aspect-ratio:16/9;background:radial-gradient(circle at 22% 22%,#ffffff38,#0000 30%),linear-gradient(135deg,#3d3449,#151820 64%,#282136);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.canvas-copilot-skill-preview-hero:before{content:"";opacity:.78;background:linear-gradient(135deg,#0000 0 42%,#ffffff2e 42% 43%,#0000 43%),radial-gradient(circle at 80% 20%,#ffffff2e,#0000 24%);position:absolute;inset:0}.canvas-copilot-skill-preview-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.canvas-copilot-skill-preview-heading strong{min-width:0;color:var(--fg-primary);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:780;overflow:hidden}.canvas-copilot-skill-preview-favorite{border:1px solid var(--border-default);width:30px;height:30px;color:var(--fg-secondary);cursor:pointer;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.canvas-copilot-skill-preview-favorite:hover,.canvas-copilot-skill-preview-favorite:focus-visible{color:#ffd666;background:#ffd6661f;border-color:#ffd6666b;outline:none}.canvas-copilot-skill-preview-favorite.is-favorited{color:#ffd666;background:#ffd66629;border-color:#ffd6668f}.canvas-copilot-skill-preview-card p{color:var(--fg-secondary);font-size:var(--fs-xs);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-weight:560;line-height:1.5;display:-webkit-box;overflow:hidden}.canvas-copilot-skill-preview-meta{border-top:1px solid var(--border-subtle);color:var(--fg-tertiary);flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:10px;font-size:11px;font-weight:650;display:flex}.canvas-copilot-skill-preview-meta strong{color:var(--fg-secondary);margin-left:4px}.canvas-copilot-skill-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, #1b1b1f), #111216);width:28px;height:28px;color:color-mix(in srgb, var(--accent) 44%, #fff);border-radius:9px;flex:none;place-items:center;display:grid}.canvas-copilot-skill-empty{min-height:100%;color:var(--fg-tertiary);font-size:var(--fs-xs);text-align:center;flex:1;place-items:center;padding:16px 10px;display:grid}.canvas-copilot-skill-actions{border-top:1px solid var(--border-subtle);gap:4px;padding-top:10px;display:grid}.canvas-copilot-skill-action-row{grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid}.canvas-copilot-skill-actions button{min-height:36px;padding:0 9px!important}.canvas-copilot-skill-action-row>button:first-child{background:var(--bg-hover)}.canvas-copilot-skill-upload-wrap{position:relative}.canvas-copilot-skill-upload-trigger{min-width:78px}.canvas-copilot-skill-upload-trigger.open{background:var(--bg-hover)}.canvas-copilot-skill-upload-menu{z-index:3;border:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-elevated) 96%, #000);border-radius:14px;gap:4px;width:180px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 16px 38px #00000057}.canvas-copilot-skill-upload-menu button{white-space:nowrap;border-radius:10px;justify-content:flex-start;width:100%;min-height:34px}.canvas-copilot-slash-menu{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-elevated) 96%, #000);max-height:min(410px,100vh - 160px);color:var(--fg-primary);border-radius:16px;gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:10px;right:10px;overflow:hidden;box-shadow:0 22px 58px #00000052}.canvas-copilot-slash-menu-header{align-items:center;gap:8px;min-width:0;padding:0 2px 2px;display:flex}.canvas-copilot-slash-menu-header>span{background:color-mix(in srgb, var(--accent) 16%, var(--bg-hover));width:24px;height:24px;color:var(--accent);font-size:var(--fs-sm);border-radius:8px;place-items:center;font-weight:800;display:grid}.canvas-copilot-slash-menu-header strong{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:780}.canvas-copilot-slash-menu-header small{min-width:0;color:var(--fg-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.canvas-copilot-slash-menu-list{gap:3px;max-height:286px;padding-right:2px;display:grid;overflow-y:auto}.canvas-copilot-slash-skill-option{width:100%;min-height:50px;color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:6px 8px;display:flex}.canvas-copilot-slash-skill-option:hover,.canvas-copilot-slash-skill-option:focus-visible,.canvas-copilot-slash-skill-option.active{background:var(--bg-hover);outline:none}.canvas-copilot-slash-skill-option>span:not(.canvas-copilot-skill-icon){gap:2px;min-width:0;display:grid}.canvas-copilot-slash-skill-option strong,.canvas-copilot-slash-skill-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-copilot-slash-skill-option strong{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:720}.canvas-copilot-slash-skill-option small{color:var(--fg-tertiary);font-size:11px;font-weight:520}.canvas-copilot-slash-skill-option>.svg-icon:last-child{color:var(--accent);flex:none;margin-left:auto}.canvas-copilot-slash-empty{min-height:68px;color:var(--fg-tertiary);font-size:var(--fs-xs);place-items:center;display:grid}.canvas-copilot-slash-menu-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:8px;padding-top:8px;display:flex}.canvas-copilot-slash-menu-footer button{min-height:32px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-xs);white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:700;display:inline-flex}.canvas-copilot-slash-menu-footer button:hover,.canvas-copilot-slash-menu-footer button:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-copilot-skill-manager-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000007a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.canvas-copilot-skill-manager{--copilot-skill-manager-height:min(660px, calc(100vh - 48px));width:min(760px,100vw - 48px);height:var(--copilot-skill-manager-height);max-height:var(--copilot-skill-manager-height);border:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-elevated) 96%, #000);color:var(--fg-primary);border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 72px #00000070}.canvas-copilot-skill-manager.is-list{border-radius:28px;width:min(1180px,100vw - 48px)}.canvas-copilot-skill-store{grid-template-columns:220px minmax(0,1fr);height:100%;min-height:0;display:grid}.canvas-copilot-skill-store-sidebar{border-right:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-secondary) 72%, transparent);flex-direction:column;gap:18px;min-width:0;padding:18px 18px 18px 20px;display:flex}.canvas-copilot-skill-store-search{background:var(--bg-hover);min-height:42px;color:var(--fg-tertiary);border-radius:999px;align-items:center;gap:9px;padding:0 14px;display:flex}.canvas-copilot-skill-store-search input{width:100%;min-width:0;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);background:0 0;border:0;outline:none}.canvas-copilot-skill-store-search input::placeholder{color:var(--fg-tertiary)}.canvas-copilot-skill-store-categories{gap:2px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.canvas-copilot-skill-store-categories button{min-height:38px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-sm);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-weight:650;display:flex}.canvas-copilot-skill-store-categories button>span{opacity:.42;background:currentColor;border-radius:999px;width:4px;height:4px}.canvas-copilot-skill-store-categories button:hover,.canvas-copilot-skill-store-categories button:focus-visible,.canvas-copilot-skill-store-categories button.active{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-copilot-skill-store-categories button.active>span{opacity:1}.canvas-copilot-skill-store-main{flex-direction:column;min-width:0;min-height:0;padding:26px 22px 22px 28px;display:flex}.canvas-copilot-skill-store-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.canvas-copilot-skill-store-header h2{color:var(--fg-primary);margin:0;font-size:18px;line-height:1.2}.canvas-copilot-skill-store-header>div{align-items:center;gap:8px;display:inline-flex}.canvas-copilot-skill-store-upload{flex:none;position:relative}.canvas-copilot-skill-store-upload-trigger{border:1px solid var(--border-default);background:var(--bg-hover);min-height:34px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-sm);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:700;display:inline-flex}.canvas-copilot-skill-store-upload-trigger:hover,.canvas-copilot-skill-store-upload-trigger:focus-visible,.canvas-copilot-skill-store-upload-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--accent) 50%, var(--border-default));background:color-mix(in srgb, var(--accent) 12%, var(--bg-hover));outline:none}.canvas-copilot-skill-store-upload-menu{z-index:10;border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:8px;gap:2px;min-width:164px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 38px #00000057}.canvas-copilot-skill-store-upload-menu button{width:100%;min-height:36px;color:var(--fg-secondary);cursor:pointer;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 10px;font-size:12px;display:flex}.canvas-copilot-skill-store-upload-menu button:hover,.canvas-copilot-skill-store-upload-menu button:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-copilot-skill-store-create{color:#111114;cursor:pointer;min-width:82px;min-height:34px;font:inherit;font-size:var(--fs-sm);white-space:nowrap;background:#f4f4f5;border:0;border-radius:999px;padding:0 16px;font-weight:750}.canvas-copilot-skill-store-create:hover,.canvas-copilot-skill-store-create:focus-visible{opacity:.86;outline:none}.canvas-copilot-skill-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;min-height:0;padding:0 2px 2px 0;display:grid;overflow-y:auto}.canvas-copilot-skill-store-card{min-width:0;color:var(--fg-primary);cursor:pointer;text-align:left;background:0 0;border:0;gap:8px;display:grid}.canvas-copilot-skill-store-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:18px}.canvas-copilot-skill-store-preview{aspect-ratio:16/9;background:radial-gradient(circle at 22% 22%,#ffffff38,#0000 30%),linear-gradient(135deg,#3d3449,#151820 64%,#282136);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000038}.canvas-copilot-skill-store-preview:before{content:"";opacity:.78;background:linear-gradient(135deg,#0000 0 42%,#ffffff2e 42% 43%,#0000 43%),radial-gradient(circle at 80% 20%,#ffffff2e,#0000 24%);position:absolute;inset:0}.canvas-copilot-skill-store-preview.has-video:before,.canvas-copilot-skill-preview-hero.has-video:before,.canvas-copilot-skill-detail-hero.has-video:before{z-index:1;opacity:1;background:linear-gradient(#0000003d,#0000 42%),linear-gradient(#0000 50%,#0000002e)}.canvas-copilot-skill-store-preview-video,.canvas-copilot-skill-store-preview-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.canvas-copilot-skill-detail-hero.has-video-controls{place-items:stretch stretch}.canvas-copilot-skill-detail-hero.has-video-controls .canvas-copilot-skill-store-preview-video{height:calc(100% - 36px);inset:0 0 36px}.canvas-copilot-skill-detail-hero.has-video-controls:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000,#0000006b);height:78px;position:absolute;bottom:36px;left:0;right:0}.canvas-copilot-skill-video-controls{z-index:3;color:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#231d15b8,#100e0deb);border-top:1px solid #ffffff1f;grid-template-columns:28px auto minmax(0,1fr) 26px 72px;align-items:center;gap:8px;min-height:36px;padding:0 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.canvas-copilot-skill-video-control-btn{color:#ffffffd1;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.canvas-copilot-skill-video-control-btn:hover,.canvas-copilot-skill-video-control-btn:focus-visible{color:#fff;background:#ffffff21;outline:none}.canvas-copilot-skill-video-time{color:#ffffffd1;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:700}.canvas-copilot-skill-video-progress,.canvas-copilot-skill-video-volume{accent-color:#ffffffe6;cursor:pointer;min-width:0;height:16px}.canvas-copilot-skill-video-progress{width:100%}.canvas-copilot-skill-video-volume{width:72px}.skill-preview-youtube-product-video{background:linear-gradient(135deg,#26384d,#11151c 58%,#6b4b3d)}.skill-preview-whitebox-to-film,.skill-preview-seedance-2-prompt-copilot,.skill-preview-seedance-2-5-prompt-copilot{background:linear-gradient(135deg,#1c2636,#48556a 45%,#15171d)}.skill-preview-skill-creator,.skill-preview-plugin-guide{background:linear-gradient(135deg,#241d38,#45395f 48%,#11141c)}.skill-preview-minimax-h3-prompt-copilot{background:linear-gradient(135deg,#211b35,#342d6a 44%,#16171f)}.skill-preview-kling-prompt-copilot{background:linear-gradient(135deg,#1c2831,#324d49 44%,#11151a)}.canvas-copilot-skill-store-preview-icon{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000052;border-radius:18px;place-items:center;width:54px;height:54px;display:grid;position:relative}.canvas-copilot-skill-store-preview-badge{z-index:1;color:#ffffffe0;background:#0000005c;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.canvas-copilot-skill-store-favorite{z-index:2;color:#ffffffd1;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0c85;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-flex;position:absolute;top:10px;right:10px;transform:translateY(-3px)}.canvas-copilot-skill-store-card:hover .canvas-copilot-skill-store-favorite,.canvas-copilot-skill-store-card:focus-within .canvas-copilot-skill-store-favorite,.canvas-copilot-skill-store-favorite.is-favorited{opacity:1;transform:translateY(0)}.canvas-copilot-skill-store-favorite:hover,.canvas-copilot-skill-store-favorite:focus-visible{color:#fff;background:#ffffff29;border-color:#ffffff61;outline:none;box-shadow:0 8px 20px #00000047}.canvas-copilot-skill-store-favorite.is-favorited{color:#ffd666;background:#ffd6662e;border-color:#ffd6669e}.canvas-copilot-skill-store-card-body{gap:3px;min-width:0;display:grid}.canvas-copilot-skill-store-card-body strong{color:var(--fg-primary);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:780;line-height:1.3;display:block;overflow:hidden}.canvas-copilot-skill-store-card-body em{color:var(--fg-tertiary);font-size:var(--fs-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:normal;font-weight:560;line-height:1.45;display:-webkit-box;overflow:hidden}.canvas-copilot-skill-store-card-footer{justify-content:space-between;align-items:flex-end;gap:10px;min-width:0;padding-top:2px;display:flex}.canvas-copilot-skill-store-public-meta,.canvas-copilot-skill-store-owned-meta{min-width:0;color:var(--fg-tertiary);gap:5px;font-size:10px;line-height:1.25;display:grid}.canvas-copilot-skill-store-publisher{min-width:0;color:var(--fg-secondary);align-items:center;gap:6px;font-weight:650;display:flex}.canvas-copilot-skill-store-publisher b{background:color-mix(in srgb, var(--accent) 20%, var(--bg-hover));width:20px;height:20px;color:var(--fg-primary);border-radius:999px;flex:0 0 20px;place-items:center;font-size:9px;display:inline-grid}.canvas-copilot-skill-store-stats,.canvas-copilot-skill-store-owned-meta{flex-wrap:wrap;gap:4px 9px;display:flex}.canvas-copilot-skill-store-stats strong,.canvas-copilot-skill-store-owned-meta strong{color:var(--fg-secondary);font-weight:700}.canvas-copilot-skill-store-use{color:#111114;cursor:pointer;min-width:62px;min-height:32px;font:inherit;white-space:nowrap;background:#fff;border:1px solid #ffffffd6;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:780;line-height:1;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffb8,0 8px 20px #0000002e}.canvas-copilot-skill-store-use:hover,.canvas-copilot-skill-store-use:focus-visible{background:#fff;border-color:#fffffff0;outline:none;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffc7,0 10px 24px #0000003d}@media (width<=640px){.canvas-copilot-skill-store{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.canvas-copilot-skill-store-sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);gap:10px;padding:12px 14px;overflow:hidden}.canvas-copilot-skill-store-categories{min-height:38px;display:flex;overflow:auto hidden}.canvas-copilot-skill-store-categories button{white-space:nowrap;flex:none}.canvas-copilot-skill-store-main{padding:14px}.canvas-copilot-skill-store-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.canvas-copilot-skill-store-header>div{justify-content:flex-end}.canvas-copilot-skill-store-grid{grid-template-columns:minmax(0,1fr)}}.canvas-copilot-skill-manager-header,.canvas-copilot-skill-manager-detail-header{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 14px;display:flex}.canvas-copilot-skill-manager-tabs{background:var(--bg-hover);border-radius:16px;gap:4px;padding:4px;display:inline-flex}.canvas-copilot-skill-manager-tabs button{min-width:56px;min-height:30px;color:var(--fg-tertiary);font:inherit;font-size:var(--fs-xs);background:0 0;border:0;border-radius:12px;font-weight:700}.canvas-copilot-skill-manager-tabs button.active{color:var(--fg-primary);background:#ffffff24}.canvas-copilot-skill-manager-tabs button:disabled{cursor:default}.canvas-copilot-skill-manager-close,.canvas-copilot-skill-manager-back{min-height:34px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-sm);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:650;display:inline-flex}.canvas-copilot-skill-manager-close{width:34px;padding:0}.canvas-copilot-skill-manager-back{padding:0 8px 0 4px}.canvas-copilot-skill-manager-close:hover,.canvas-copilot-skill-manager-close:focus-visible,.canvas-copilot-skill-manager-back:hover,.canvas-copilot-skill-manager-back:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-copilot-skill-manager-tools{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:0 24px 16px;display:grid}.canvas-copilot-skill-manager-search{border:1px solid var(--border-default);background:var(--bg-hover);min-height:46px;color:var(--fg-tertiary);border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.canvas-copilot-skill-manager-search input{width:100%;min-width:0;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);background:0 0;border:0;outline:none}.canvas-copilot-skill-manager-search input::placeholder{color:var(--fg-tertiary)}.canvas-copilot-skill-manager-add,.canvas-copilot-skill-detail-toggle{border:1px solid var(--border-default);background:var(--bg-hover);min-height:46px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-sm);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.canvas-copilot-skill-manager-add:hover,.canvas-copilot-skill-manager-add:focus-visible,.canvas-copilot-skill-detail-toggle:hover,.canvas-copilot-skill-detail-toggle:focus-visible{border-color:color-mix(in srgb, var(--accent) 52%, var(--border-default));background:color-mix(in srgb, var(--accent) 14%, var(--bg-hover));outline:none}.canvas-copilot-skill-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;min-height:0;padding:0 24px 24px;display:grid;overflow-y:auto}.canvas-copilot-skill-manager-card{border:1px solid var(--border-default);min-height:112px;color:var(--fg-primary);cursor:pointer;background:0 0;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 12px;transition:background .16s,border-color .16s,transform .16s;display:grid;position:relative}.canvas-copilot-skill-manager-card:hover,.canvas-copilot-skill-manager-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 40%, var(--border-default));background:color-mix(in srgb, var(--bg-hover) 84%, transparent);outline:none}.canvas-copilot-skill-manager-card-icon{background:radial-gradient(circle at 20% 12%, color-mix(in srgb, var(--accent) 42%, white), transparent 44%), linear-gradient(135deg, #30243c, #14161d);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.canvas-copilot-skill-manager-card-copy{text-align:left;gap:3px;min-width:0;display:grid}.canvas-copilot-skill-manager-card-copy strong,.canvas-copilot-skill-manager-card-copy small,.canvas-copilot-skill-manager-card-copy em{text-overflow:ellipsis;min-width:0;overflow:hidden}.canvas-copilot-skill-manager-card-copy strong{color:var(--fg-primary);font-size:var(--fs-sm);white-space:nowrap;font-style:normal;font-weight:750}.canvas-copilot-skill-manager-card-copy small{color:var(--fg-secondary);font-size:var(--fs-xs);white-space:nowrap;font-weight:650}.canvas-copilot-skill-manager-card-copy em{color:var(--fg-tertiary);font-size:var(--fs-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:normal;font-weight:560;line-height:1.45;display:-webkit-box}.canvas-copilot-skill-manager-card-action{background:var(--bg-hover);min-width:32px;min-height:30px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-xs);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-weight:750;display:inline-flex}.canvas-copilot-skill-manager-card-action.is-added{color:var(--fg-secondary);background:0 0}.canvas-copilot-skill-manager-card-action:hover,.canvas-copilot-skill-manager-card-action:focus-visible{background:color-mix(in srgb, var(--accent) 14%, var(--bg-hover));color:var(--fg-primary);outline:none}.canvas-copilot-skill-manager-empty{min-height:180px;color:var(--fg-tertiary);font-size:var(--fs-sm);grid-column:1/-1;place-items:center;gap:8px;display:grid}.canvas-copilot-skill-manager.is-detail{min-height:0;padding-bottom:24px}.canvas-copilot-skill-detail-hero,.canvas-copilot-skill-detail-heading,.canvas-copilot-skill-detail-description,.canvas-copilot-skill-detail-meta,.canvas-copilot-skill-detail-card,.canvas-copilot-skill-detail-tags,.canvas-copilot-skill-detail-actions{margin-left:24px;margin-right:24px}.canvas-copilot-skill-detail-hero{aspect-ratio:16/9;background:radial-gradient(circle at 22% 22%,#ffffff38,#0000 30%),linear-gradient(135deg,#3d3449,#151820 64%,#282136);border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000047}.canvas-copilot-skill-detail-hero:before{content:"";opacity:.78;background:linear-gradient(135deg,#0000 0 42%,#ffffff2e 42% 43%,#0000 43%),radial-gradient(circle at 80% 20%,#ffffff2e,#0000 24%);position:absolute;inset:0}.canvas-copilot-skill-detail-hero .canvas-copilot-skill-store-preview-icon{border-radius:22px;width:64px;height:64px}.canvas-copilot-skill-detail-heading{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.canvas-copilot-skill-detail-heading h2{min-width:0;color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;line-height:1.2;overflow:hidden}.canvas-copilot-skill-detail-heading-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.canvas-copilot-skill-detail-share,.canvas-copilot-skill-detail-favorite{border:1px solid var(--border-default);width:34px;height:34px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-xs);background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex}.canvas-copilot-skill-detail-share:hover,.canvas-copilot-skill-detail-share:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border-default));background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--fg-primary);outline:none}.canvas-copilot-skill-detail-favorite:hover,.canvas-copilot-skill-detail-favorite:focus-visible{color:#ffd666;background:#ffd6661f;border-color:#ffd6666b;outline:none}.canvas-copilot-skill-detail-favorite.is-favorited{color:#ffd666;background:#ffd66629;border-color:#ffd6668f}.canvas-copilot-skill-detail-heading-actions .canvas-copilot-skill-detail-toggle{min-height:34px;font-size:var(--fs-xs);border-radius:999px;gap:6px;padding:0 12px}.canvas-copilot-skill-detail-description{color:var(--fg-secondary);font-size:var(--fs-sm);margin-top:16px;font-weight:600;line-height:1.55}.canvas-copilot-skill-detail-meta{color:var(--fg-tertiary);font-size:var(--fs-xs);flex-wrap:wrap;gap:12px 18px;margin-top:18px;font-weight:650;display:flex}.canvas-copilot-skill-detail-meta strong{color:var(--fg-secondary);margin-left:4px}.canvas-copilot-skill-detail-card{border-top:1px solid var(--border-subtle);color:var(--fg-tertiary);font-size:var(--fs-xs);align-items:center;gap:8px;margin-top:20px;padding-top:18px;font-weight:650;display:flex}.canvas-copilot-skill-detail-card strong{color:var(--fg-secondary);font-size:var(--fs-sm)}.canvas-copilot-skill-detail-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.canvas-copilot-skill-detail-tags span{background:var(--bg-hover);color:var(--fg-secondary);font-size:var(--fs-xs);border-radius:8px;padding:4px 8px;font-weight:650}.canvas-copilot-skill-detail-actions{justify-content:flex-end;margin-top:28px;display:flex}.canvas-copilot-skill-manager.is-detail{background:#15181e;border-radius:18px;width:min(760px,100vw - 48px);height:auto;max-height:min(860px,100vh - 52px);padding-bottom:0}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-manager-detail-header{flex:none;min-height:44px;padding:8px 14px 0 20px}.canvas-copilot-skill-detail-scroll{overscroll-behavior:contain;flex-direction:column;gap:22px;min-height:0;padding:8px 24px 24px;display:flex;overflow-y:auto}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin:0;display:grid}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-heading h2{font-size:22px;line-height:1.18}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-meta{color:#8f97a6;align-items:center;gap:8px 14px;margin:0;padding-top:12px;font-size:12px}.canvas-copilot-skill-detail-publisher{align-items:center;gap:6px;display:inline-flex}.canvas-copilot-skill-detail-avatar{color:#f2eeff;background:#7147f338;border:1px solid #a796ff52;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.canvas-copilot-skill-detail-publisher strong{margin-left:0}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-heading-actions{padding-top:0}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-favorite,.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-toggle{color:#e5e8ef;background:#ffffff0b;border:1px solid #ffffff29;border-radius:999px;min-height:34px}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-favorite{width:34px;height:34px}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-favorite.is-favorited,.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-favorite:hover{color:#ffd76a;background:#ffd66a1f;border-color:#ffd66a80}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-toggle{color:#fff;background:#6f58f6;padding:0 14px;font-size:12px}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-toggle:hover,.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-toggle:focus-visible{background:#7c66ff;border-color:#c4bcffa3}.canvas-copilot-skill-detail-status{color:#d3d8e2;white-space:nowrap;border:1px solid #ffffff29;border-radius:8px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.canvas-copilot-skill-detail-status[data-status=unpublished]{color:#9aa2af}.canvas-copilot-skill-detail-status[data-status=reviewing]{color:#ffd58a;background:#ffc65c1a;border-color:#ffc65c3d}.canvas-copilot-skill-detail-status[data-status=published]{color:#9af0bf;background:#72e2a31a;border-color:#72e2a33d}.canvas-copilot-skill-detail-status[data-status=published-draft]{color:#ffc68a;background:#ffac591a;border-color:#ffac5947}.canvas-copilot-skill-detail-status[data-status=rejected]{color:#f0aeb5;background:#f09ba31a;border-color:#f09ba34d}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-hero{aspect-ratio:16/9;width:100%;max-height:min(520px,58vh);box-shadow:none;background:#090b10;border-radius:10px;flex:none;margin:0}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-hero:before{content:none}.canvas-copilot-skill-detail-hero img,.canvas-copilot-skill-detail-hero video{object-fit:cover;width:100%;height:100%;display:block}.canvas-copilot-skill-detail-info{gap:14px;display:grid}.canvas-copilot-skill-detail-info h3,.canvas-copilot-skill-content h3{color:#f2f4f8;margin:0;font-size:14px;font-weight:750}.canvas-copilot-skill-detail-info dl{gap:10px;margin:0;display:grid}.canvas-copilot-skill-detail-info dl>div{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:16px;display:grid}.canvas-copilot-skill-detail-info dt,.canvas-copilot-skill-detail-info dd{margin:0;font-size:13px;line-height:1.55}.canvas-copilot-skill-detail-info dt{color:#8f98a8;font-weight:700}.canvas-copilot-skill-detail-info dd{color:#d3d8e2;overflow-wrap:anywhere;font-weight:560}.canvas-copilot-skill-content{border-top:1px solid #ffffff1a;gap:12px;padding-top:18px;display:grid}.canvas-copilot-skill-content-grid{grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:320px;display:grid}.canvas-copilot-skill-files,.canvas-copilot-skill-file-preview{background:#1b1f28;border:1px solid #ffffff17;border-radius:12px;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.canvas-copilot-skill-files header,.canvas-copilot-skill-file-preview header{color:#edf0f7;border-bottom:1px solid #ffffff14;align-items:center;min-height:44px;padding:0 13px;font-size:13px;font-weight:700;display:flex}.canvas-copilot-skill-files>div{min-height:0;padding:6px 0;overflow-y:auto}.canvas-copilot-skill-file-row{color:#b7c0cf;cursor:pointer;width:100%;min-height:32px;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding-right:10px;font-size:12px;display:flex}.canvas-copilot-skill-file-row:hover,.canvas-copilot-skill-file-row.active{color:#f2eff9;background:#302a3a}.canvas-copilot-skill-file-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-copilot-skill-file-preview pre{color:#e8edf6;white-space:pre-wrap;overflow-wrap:anywhere;background:#20242d;min-height:100%;margin:0;padding:18px 20px;font:12px/1.72 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (width<=720px){.canvas-copilot-skill-manager-grid{grid-template-columns:minmax(0,1fr)}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-heading{grid-template-columns:1fr}.canvas-copilot-skill-manager.is-detail .canvas-copilot-skill-detail-heading-actions{justify-content:flex-start;width:100%}.canvas-copilot-skill-detail-heading-actions .canvas-copilot-skill-detail-toggle{width:auto}.canvas-copilot-skill-content-grid{grid-template-columns:1fr}.canvas-copilot-skill-files{max-height:220px}}.canvas-copilot-round-action,.canvas-copilot-voice-btn,.canvas-copilot-voice-cancel,.canvas-copilot-voice-loading{width:34px;min-width:34px;height:34px;border-radius:50%!important;padding:0!important}.canvas-copilot-round-action{background:color-mix(in srgb, var(--bg-hover) 82%, var(--bg-primary))!important}.canvas-copilot-round-action:disabled,.canvas-copilot-voice-btn:disabled,.canvas-copilot-voice-cancel:disabled,.canvas-copilot-voice-confirm:disabled,.canvas-copilot-voice-loading:disabled{opacity:.4;cursor:not-allowed}.canvas-copilot-composer-actions{align-items:center;gap:8px;min-width:0;display:flex}.canvas-copilot-composer-actions.is-voice-listening,.canvas-copilot-composer-actions.is-voice-submitting{flex:1;justify-content:flex-end}.canvas-copilot-voice-cancel{color:var(--fg-secondary)!important;background:#ffffff14!important}.canvas-copilot-voice-confirm{justify-content:center;width:min(220px,100%);min-width:220px;height:36px;transition:width .18s,min-width .18s,background .18s,color .18s,padding .18s;position:relative;overflow:hidden;color:#10c878!important;background:#f4f5f71a!important;border-radius:999px!important;padding:0 44px!important}.canvas-copilot-voice-confirm.is-send-hover:not(:disabled){width:min(220px,100%);min-width:220px;color:#fff!important;background:#08c476!important;padding:0 28px!important}.canvas-copilot-voice-dots{align-items:center;gap:7px;display:inline-flex}.canvas-copilot-voice-dots i{background:currentColor;border-radius:999px;width:6px;height:6px;animation:.92s ease-in-out infinite copilot-voice-dot}.canvas-copilot-voice-dots i:nth-child(2){animation-delay:90ms}.canvas-copilot-voice-dots i:nth-child(3){animation-delay:.18s}.canvas-copilot-voice-dots i:nth-child(4){animation-delay:.27s}.canvas-copilot-voice-dots.right{opacity:0;width:0;margin-left:0;transition:width .18s,margin-left .18s,opacity .16s,transform .18s;transform:translate(8px)}.canvas-copilot-voice-label{opacity:0;white-space:nowrap;width:0;font-size:14px;font-weight:650;transition:width .18s,margin .18s,opacity .16s;overflow:hidden}.canvas-copilot-voice-arrow{color:#fff;background:#08c476;border-radius:999px;place-items:center;width:28px;height:28px;transition:opacity .16s,transform .18s;display:grid;position:absolute;right:4px}.canvas-copilot-voice-confirm.is-send-hover:not(:disabled) .canvas-copilot-voice-label{opacity:1;width:42px;margin:0 14px}.canvas-copilot-voice-confirm.is-send-hover:not(:disabled) .canvas-copilot-voice-dots.right{opacity:1;width:45px;margin-left:2px;transform:translate(0)}.canvas-copilot-voice-confirm.is-send-hover:not(:disabled) .canvas-copilot-voice-arrow{opacity:0;transform:translate(18px)scale(.82)}.canvas-copilot-voice-loading{width:36px;min-width:36px;height:36px;color:#ffffffeb!important;opacity:1!important;background:#222224f5!important}.canvas-copilot-voice-loading .svg-icon{animation:.9s linear infinite processor-voice-spin}@keyframes copilot-voice-dot{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.canvas-copilot-model-picker{min-width:0}.canvas-copilot-model-trigger{align-items:center;gap:var(--space-2);max-width:min(240px,100vw - 156px);height:34px;transition:background var(--dur-fast), color var(--dur-fast);display:flex;padding:0 var(--space-3)!important;background:color-mix(in srgb, var(--bg-hover) 74%, var(--bg-primary))!important;color:var(--fg-secondary)!important;font-size:var(--fs-sm)!important;font-weight:var(--fw-medium)!important;border:1px solid #0000!important;border-radius:999px!important}.canvas-copilot-model-trigger:hover:not(:disabled),.canvas-copilot-model-trigger.open{background:color-mix(in srgb, var(--bg-elevated), var(--fg-primary) 6%)!important;color:var(--fg-primary)!important}.canvas-copilot-model-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.canvas-copilot-model-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-copilot-model-trigger .copilot-model-chevron{transition:transform var(--dur-fast);flex-shrink:0}.canvas-copilot-model-trigger.open .copilot-model-chevron{transform:rotate(180deg)}.canvas-copilot-model-menu{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-app);color:var(--fg-primary);flex-direction:column;font-family:inherit;display:flex;position:fixed;overflow:visible}.canvas-copilot-model-heading{margin:0 var(--space-4);padding:var(--space-4) 0 var(--space-3);border-bottom:1px solid var(--border-strong);font-size:var(--fs-md);font-weight:var(--fw-semibold);flex-shrink:0;line-height:24px}.canvas-copilot-model-list{min-height:0;padding:var(--space-2);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow-y:auto}.canvas-copilot-model-menu .canvas-copilot-model-option{align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3);border-radius:var(--radius-sm);color:var(--fg-secondary);text-align:left;font:inherit;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;display:flex}.canvas-copilot-model-option:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-model-option.selected{background:var(--bg-elevated);color:var(--fg-primary)}.canvas-copilot-model-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.canvas-copilot-model-option:disabled{opacity:.5;cursor:not-allowed}.canvas-copilot-model-copy{gap:var(--space-1);flex:1;min-width:0;display:grid}.canvas-copilot-model-name{align-items:baseline;gap:var(--space-1);flex-wrap:wrap;display:flex}.canvas-copilot-model-copy strong{font-size:var(--fs-base);font-weight:var(--fw-medium);overflow-wrap:anywhere;line-height:20px}.canvas-copilot-model-option.selected strong{font-weight:var(--fw-semibold)}.canvas-copilot-model-name>span,.canvas-copilot-model-copy small{font-size:var(--fs-xs);color:var(--fg-secondary);overflow-wrap:anywhere;line-height:18px}.canvas-copilot-model-icon{flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.copilot-model-brand{flex-shrink:0;width:24px;height:24px}.copilot-model-brand.claude{color:#d97757}.copilot-model-brand.deepseek{color:#536dfe}.canvas-copilot-model-trigger .canvas-copilot-model-icon{flex-basis:20px;width:20px;height:20px}.canvas-copilot-model-trigger .copilot-model-brand{width:20px;height:20px}.canvas-copilot-model-option>.svg-icon{flex-shrink:0}.canvas-copilot-model-empty{padding:var(--space-3);font-size:var(--fs-xs);color:var(--fg-secondary)}.copilot-model-section-label{margin-top:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--fg-secondary)}.copilot-model-row{position:relative}.canvas-copilot-model-menu .canvas-copilot-model-option.compact{gap:var(--space-2);min-height:40px;padding:var(--space-2) 36px var(--space-2) var(--space-3)}.canvas-copilot-model-option.compact .canvas-copilot-model-icon,.canvas-copilot-model-option.compact .copilot-model-brand{flex-basis:18px;width:18px;height:18px}.canvas-copilot-model-option.compact strong{font-size:var(--fs-sm)}.copilot-model-trigger-effort{color:var(--fg-secondary);font-size:var(--fs-xs);flex-shrink:0}.copilot-model-info{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--fg-secondary);cursor:pointer;opacity:0;transition:opacity var(--dur-fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.copilot-model-row:hover .copilot-model-info,.copilot-model-row:focus-within .copilot-model-info{opacity:1}@media (hover:none){.copilot-model-info{opacity:1}}.copilot-model-info:hover,.copilot-model-info:focus-visible{background:var(--bg-hover);color:var(--fg-primary)}.copilot-model-info:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.copilot-model-more{width:100%;margin-top:var(--space-2);padding:var(--space-3);border:0;border-top:1px solid var(--border);color:var(--fg-secondary);font:inherit;font-size:var(--fs-xs);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.copilot-model-more:hover{color:var(--fg-primary)}.copilot-model-more:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.copilot-model-details{width:240px;padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--fg-primary);position:absolute;bottom:0}[data-detail-side=left] .copilot-model-details{right:calc(100% + 8px)}[data-detail-side=right] .copilot-model-details{left:calc(100% + 8px)}[data-detail-side=inline] .copilot-model-details{width:auto;margin:0 var(--space-2) var(--space-2);border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;flex-shrink:0;position:static}.copilot-model-details-title{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);display:flex}.copilot-model-details-title .copilot-model-brand{width:18px;height:18px}.copilot-model-details-title strong{font-weight:var(--fw-semibold);overflow-wrap:anywhere}.copilot-model-details p{margin:var(--space-2) 0 var(--space-3);color:var(--fg-secondary);font-size:var(--fs-xs);line-height:1.6}.copilot-model-ratings{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);margin:0;display:grid}.copilot-model-ratings>div{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.copilot-model-ratings dt{font-size:var(--fs-xs);color:var(--fg-secondary)}.copilot-model-ratings dd{margin:0}.copilot-model-ratings meter{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.copilot-model-rating-bars{gap:var(--space-1);display:flex}.copilot-model-rating-bars i{background:var(--border-strong);border-radius:2px;width:20px;height:3px}.copilot-model-rating-bars i.filled{background:var(--fg-primary)}.copilot-model-unrated{font-size:var(--fs-xs);color:var(--fg-secondary)}.copilot-model-effort{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.copilot-model-effort label{justify-content:space-between;gap:var(--space-3);font-size:var(--fs-xs);display:flex}.copilot-model-effort input{appearance:none;width:100%;height:24px;margin:var(--space-2) 0 0;accent-color:var(--fg-primary);cursor:pointer;background:0 0;display:block}.copilot-model-effort input::-webkit-slider-runnable-track{background:var(--border-strong);border-radius:2px;height:3px}.copilot-model-effort input::-webkit-slider-thumb{appearance:none;background:var(--fg-primary);border:0;border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.copilot-model-effort input::-moz-range-track{background:var(--border-strong);border-radius:2px;height:3px}.copilot-model-effort input::-moz-range-thumb{background:var(--fg-primary);border:0;border-radius:50%;width:10px;height:10px}.copilot-model-effort input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.copilot-model-effort-labels{font-size:var(--fs-xs);color:var(--fg-secondary);justify-content:space-between;display:flex}.copilot-model-effort button{margin-top:var(--space-2);color:var(--fg-secondary);font:inherit;font-size:var(--fs-xs);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;display:block}.copilot-model-effort button:hover{color:var(--fg-primary)}.canvas-copilot-send-btn{width:34px;min-width:34px;height:34px;background:var(--fg-primary)!important;color:var(--fg-inverse)!important;border:1px solid #0000!important;border-radius:50%!important;padding:0!important}.canvas-copilot-send-btn:not(:disabled):hover,.canvas-copilot-send-btn:not(:disabled):focus-visible{background:#fff!important}.canvas-copilot-send-btn .svg-icon{color:currentColor!important}.canvas-copilot-send-btn:disabled{opacity:1;cursor:not-allowed;color:#ffffffb8!important;background:#ffffff2e!important;border-color:#ffffff14!important}.canvas-task-stats{font-size:var(--fs-xs);color:var(--fg-tertiary);flex-wrap:wrap;flex-shrink:0;gap:4px 14px;padding:0 18px 10px;display:flex}.stat-running{color:var(--accent)}.stat-completed{color:var(--success)}.stat-failed{color:var(--danger)}.stat-save-failed{color:var(--warning,#d97706)}.canvas-task-list{flex:1;padding:0 14px 14px;overflow-y:auto}.canvas-task-empty{text-align:center;color:var(--fg-tertiary);font-size:var(--fs-sm);padding:32px 0}.canvas-task-item{border:1px solid #0000;border-radius:10px;gap:8px;min-width:0;padding:10px 8px;transition:background .12s;display:grid}.task-summary{align-items:center;gap:10px;min-width:0;display:flex}.canvas-task-item.clickable{cursor:pointer}.canvas-task-item.clickable:hover{background:var(--bg-hover);border-color:var(--accent-soft)}.task-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.task-title{font-size:var(--fs-sm);color:var(--fg-primary);max-height:calc(var(--fs-sm) * 1.4 * 2);overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.task-meta{color:var(--fg-tertiary);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;font-size:10px;display:flex}.task-duration-label{color:var(--fg-secondary);white-space:nowrap}.task-status{font-size:var(--fs-xs);flex-shrink:0;font-weight:600}.task-media-addresses{border:1px solid var(--border-subtle);background:var(--bg-secondary);cursor:default;border-radius:9px;gap:8px;min-width:0;margin-left:18px;padding:9px;display:grid}.task-media-address{gap:4px;min-width:0;display:grid}.task-media-address+.task-media-address{border-top:1px solid var(--border-subtle);padding-top:8px}.task-media-address-label{color:var(--fg-tertiary);font-size:10px;font-weight:600}.task-media-address.server .task-media-address-label{color:var(--success)}.task-media-address code{min-width:0;color:var(--fg-secondary);overflow-wrap:anywhere;word-break:break-all;white-space:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.45;display:block;overflow:visible}.task-media-actions{flex-wrap:wrap;gap:6px;display:flex}.task-media-actions a,.task-media-actions button,.task-media-retry{border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--fg-secondary);cursor:pointer;border-radius:6px;padding:0 8px;font-family:inherit;font-size:10px;line-height:24px;text-decoration:none}.task-media-actions a:hover,.task-media-actions button:hover,.task-media-retry:hover{border-color:var(--accent);color:var(--accent)}.task-media-error{color:var(--danger);font-size:10px;line-height:1.45}.task-media-retry{width:max-content;color:var(--accent)}.task-media-retry:disabled{opacity:.55;cursor:wait}[data-theme=dark] .task-media-addresses{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .task-media-address{background:#00000029;border-radius:8px;padding:8px}[data-theme=dark] .task-media-address+.task-media-address{border-top-color:#ffffff1f}[data-theme=dark] .task-media-address-label{color:#b8b8b8}[data-theme=dark] .task-media-address.server .task-media-address-label{color:var(--success)}[data-theme=dark] .task-media-address code{color:#d8d8d8}[data-theme=dark] .task-media-actions a,[data-theme=dark] .task-media-actions button,[data-theme=dark] .task-media-retry{color:#f0f0f0;background:#ffffff14;border-color:#ffffff24}[data-theme=dark] .task-media-actions a:hover,[data-theme=dark] .task-media-actions button:hover,[data-theme=dark] .task-media-retry:hover{border-color:var(--accent);color:var(--accent);background:#a78bfa29}.canvas-task-clear-btn{color:var(--fg-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex}.canvas-task-clear-btn:hover{background:var(--bg-hover);color:var(--danger)}.canvas-material-drawer{z-index:var(--z-canvas-chrome-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1b1f;border-radius:18px;width:clamp(360px,30vw,440px);display:grid;position:absolute;top:18px;bottom:18px;left:18px;overflow:visible;box-shadow:0 24px 64px #00000059}.canvas-material-drawer.with-groups,.canvas-material-drawer.without-groups{grid-template-rows:auto auto auto minmax(0,1fr)}.canvas-material-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.canvas-material-drawer-title{align-items:center;gap:10px;min-width:0;display:flex}.canvas-material-back,.canvas-material-mode,.canvas-material-add-button{cursor:pointer;font:inherit;border:0}.canvas-material-back{color:#a5a5ad;background:0 0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.canvas-material-back:hover,.canvas-material-back:focus-visible{color:#fff;background:#2d2d32;outline:none}.canvas-material-mode{color:#e7e7eb;background:#343438;border-radius:10px;align-items:center;gap:6px;height:36px;margin-left:auto;padding:0 11px;font-size:13px;display:inline-flex}.canvas-material-add-button{color:#f1f1f3;background:#343438;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.canvas-material-add-button:hover,.canvas-material-add-button:focus-visible{background:#4b4b51;outline:none}.canvas-material-ai-role-entry{color:#f1f1f3;cursor:pointer;height:34px;font:inherit;white-space:nowrap;background:#303034;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex}.canvas-material-ai-role-entry:hover,.canvas-material-ai-role-entry:focus-visible{background:#414148;outline:none}.canvas-material-drawer-actions-secondary{align-items:center;gap:8px;display:flex}.canvas-material-drawer-header h2{color:var(--fg-primary);font-size:21px;font-weight:var(--fw-bold);margin:0}.canvas-material-drawer-header span{color:#8f8f98;font-size:var(--fs-xs);margin-top:4px;display:none}.canvas-material-drawer-actions{align-items:center;gap:8px;display:flex}.canvas-material-drawer-actions .icon-button{color:#9b9ba4;border-radius:10px;width:34px;height:34px}.canvas-material-drawer-actions .icon-button:hover,.canvas-material-drawer-actions .icon-button:focus-visible{color:#f4f4f5;background:#303035}.canvas-material-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 18px 0;display:grid}.canvas-template-thumbnail.official img{object-fit:cover;width:100%;height:100%}.canvas-material-tabs button{height:38px;color:var(--fg-tertiary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:var(--fw-bold);background:0 0;border:1px solid #0000;border-radius:10px;padding:0 10px}.canvas-material-tabs button:hover{background:var(--bg-hover);color:var(--fg-primary)}.canvas-material-tabs button.active{color:var(--fg-primary);background:#343438;border-color:#0000}.canvas-material-search{padding:14px 18px 8px}.canvas-material-search input{width:100%;height:40px;color:var(--fg-primary);background:#222226;border:1px solid #ffffff29;border-radius:11px;outline:none;padding:0 13px;font-family:inherit;font-size:14px}.canvas-material-search input:focus{border-color:var(--accent)}.canvas-material-library-home{min-height:0;padding:6px 18px 120px;overflow:visible auto}.canvas-material-quick-links{gap:4px;padding:4px 0 12px;display:grid}.canvas-material-quick-link{color:#c8c8ce;cursor:pointer;min-height:40px;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 6px;font-size:15px;display:flex}.canvas-material-quick-link:hover,.canvas-material-quick-link:focus-visible,.canvas-material-quick-link.active{color:#fff;background:#28282d;outline:none}.canvas-material-quick-link .svg-icon{color:#bebec6}.canvas-material-quick-link strong{color:#888892;margin-left:auto;font-size:12px;font-weight:600}.canvas-material-quick-link em{color:#8f8f98;border:1px solid #6b6b74;border-radius:999px;place-items:center;width:18px;height:18px;font-size:12px;font-style:normal;line-height:1;display:inline-grid}.canvas-material-info-dot{color:#9b9ba4;border:1px solid #777780;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:2px;font-size:13px;display:grid}.canvas-material-library-divider{background:#ffffff24;height:1px;margin:8px 0 20px}.canvas-material-folder-label{color:#8d8d96;margin:0 6px 10px;font-size:13px;display:block}.canvas-material-folder-heading{color:#85858e;justify-content:space-between;align-items:center;gap:12px;margin:0 4px 10px;font-size:14px;font-weight:700;display:flex}.canvas-material-folder-heading button{color:#a8a8b0;cursor:pointer;height:28px;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:14px;font-weight:400;display:inline-flex}.canvas-material-folder-heading button:hover,.canvas-material-folder-heading button:focus-visible{color:#fff;background:#2d2d32;outline:none}.canvas-material-folder-heading button:disabled{cursor:not-allowed;opacity:.38}.canvas-material-tree,.canvas-material-flat-list,.canvas-material-folder-block{gap:4px;display:grid}.canvas-material-folder-row,.canvas-material-file-row{color:#d7d7dc;border-radius:10px;align-items:center;min-height:44px;display:grid;position:relative}.canvas-material-folder-row{padding:0 4px 0 calc(4px + var(--folder-depth,0) * 22px);grid-template-columns:28px minmax(0,1fr) auto 30px}.canvas-material-file-row{padding:0 4px 0 calc(38px + var(--folder-depth,0) * 22px);grid-template-columns:minmax(0,1fr) 28px 30px}.canvas-material-folder-row:hover,.canvas-material-file-row:hover,.canvas-material-folder-row:focus-within,.canvas-material-file-row:focus-within{background:#28282d}.canvas-material-folder-toggle,.canvas-material-row-more,.canvas-material-file-star{color:#85858f;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.canvas-material-folder-toggle:hover,.canvas-material-row-more:hover,.canvas-material-file-star:hover,.canvas-material-file-star:focus-visible,.canvas-material-row-more:focus-visible{color:#fff;background:#34343a;outline:none}.canvas-material-folder-main,.canvas-material-file-main{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;display:inline-flex}.canvas-material-folder-main{gap:10px;height:40px;font-size:14px;font-weight:400}.canvas-material-folder-main span,.canvas-material-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-material-folder-main .svg-icon{color:#bdbdc3;flex:none}.canvas-material-folder-count{color:#777782;text-align:right;min-width:18px;font-size:12px}.canvas-material-folder-children{gap:4px;display:grid}.canvas-material-file-main{gap:10px;height:40px;font-size:14px;font-weight:600}.canvas-material-file-thumb{color:#8f8f98;background:#151519;border:1px solid #36363d;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.canvas-material-file-thumb img,.canvas-material-file-thumb video{object-fit:cover;width:100%;height:100%}.canvas-material-hover-preview{z-index:var(--z-modal-panel);border:1px solid var(--glass-border);background:var(--glass-bg);width:288px;max-height:calc(100vh - 24px);color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;grid-template-rows:auto auto;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 44px #0000006b}.canvas-material-hover-preview-content{aspect-ratio:16/9;background:var(--bg-app);min-height:142px;max-height:220px;color:var(--fg-tertiary);place-items:center;display:grid;overflow:hidden}.canvas-material-hover-preview-content img,.canvas-material-hover-preview-content video{object-fit:contain;width:100%;height:100%;max-height:220px;display:block}.canvas-material-hover-preview-content p{width:100%;max-height:220px;color:var(--fg-primary);font-size:var(--fs-sm);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px;line-height:1.55;overflow:auto}.canvas-material-hover-preview-content audio{width:calc(100% - 24px)}.canvas-material-hover-preview-info{background:var(--glass-bg);gap:8px;padding:12px;display:grid}.canvas-material-hover-preview-name{color:var(--fg-primary);font-size:var(--fs-base);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-material-hover-preview-meta{color:var(--fg-tertiary);font-size:var(--fs-xs);justify-content:space-between;gap:10px;display:flex}.canvas-material-hover-preview-meta time{text-align:right}.canvas-material-hover-preview-apply{background:var(--accent);min-height:36px;color:var(--fg-inverse);cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);border:0;border-radius:8px}.canvas-material-hover-preview-apply:hover,.canvas-material-hover-preview-apply:focus-visible{background:var(--accent);filter:brightness(1.08)}.canvas-material-file-star.active{color:#f3c64d}.canvas-material-tree-empty{min-height:34px;padding:7px 4px 7px calc(38px + var(--folder-depth,0) * 22px);color:#6f6f78;font-size:13px;line-height:20px}.canvas-material-row-menu-wrap{position:relative}.canvas-material-row-menu{z-index:8;background:#252529;border:1px solid #34343a;border-radius:12px;width:180px;padding:6px 0;position:absolute;top:31px;right:0;overflow:hidden;box-shadow:0 18px 44px #00000057}.canvas-material-row-menu button,.canvas-material-move-list button{color:#dedee3;cursor:pointer;width:100%;min-height:36px;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.canvas-material-row-menu button:hover,.canvas-material-row-menu button:focus-visible,.canvas-material-move-list button:hover,.canvas-material-move-list button:focus-visible{background:#323238;outline:none}.canvas-material-row-menu button.danger{color:#ff6b70}.canvas-material-move-list{background:#1d1d21;border-radius:9px;max-height:168px;margin:2px 8px 6px;padding:4px;display:grid;overflow-y:auto}.canvas-material-inline-input{color:#fff;width:100%;min-width:0;height:30px;font:inherit;background:#19191d;border:1px solid #494950;border-radius:8px;outline:none;padding:0 8px}.canvas-material-filter-row{gap:7px;padding:4px 0 12px;display:flex;overflow-x:auto}.canvas-material-filter-row button{color:#85858f;cursor:pointer;height:28px;font:inherit;background:0 0;border:0;border-radius:9px;flex:none;padding:0 10px;font-size:12px;font-weight:700}.canvas-material-filter-row button:hover,.canvas-material-filter-row button.active{color:#fff;background:#303034}.canvas-material-folder-list{gap:4px;display:grid}.canvas-material-folder{color:#c3c3ca;cursor:pointer;min-height:44px;font:inherit;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:18px 30px minmax(0,1fr);align-items:center;gap:8px;padding:0 6px;font-size:15px;display:grid}.canvas-material-folder:hover,.canvas-material-folder:focus-visible{color:#fff;background:#28282d;outline:none}.canvas-material-folder>.svg-icon:first-child{color:#878790}.canvas-material-folder>.svg-icon:nth-child(2){color:#b8b8bd}.canvas-material-groups{gap:8px;max-width:100%;padding:0 18px 10px;display:flex;overflow-x:auto}.canvas-material-group{height:32px;color:var(--fg-secondary);cursor:pointer;font-family:inherit;font-size:var(--fs-xs);background:0 0;border:1px solid #0000;border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.canvas-material-group:hover,.canvas-material-group.active{color:var(--fg-primary);background:#343438;border-color:#0000}.canvas-material-group strong{color:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.canvas-material-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;padding:8px 18px 18px;display:grid;overflow-y:auto}.canvas-material-card{cursor:grab;background:#242428;border:1px solid #ffffff14;border-radius:13px;grid-template-rows:118px auto;gap:0;display:grid;overflow:hidden}.canvas-material-card+.canvas-material-card{margin-top:0}.canvas-template-card{border:1px solid var(--accent-soft);background:var(--bg-elevated);border-radius:10px;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:9px;display:grid}.canvas-template-card+.canvas-template-card{margin-top:10px}.canvas-template-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #19203814}.canvas-template-thumbnail{border:1px solid var(--accent-soft);background:radial-gradient(circle at 20% 20%, var(--accent-soft), transparent 36%), linear-gradient(145deg, var(--bg-surface), var(--bg-app));width:86px;height:86px;color:var(--accent);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.canvas-template-thumbnail span{background:color-mix(in srgb, var(--bg-elevated) 84%, transparent);color:var(--fg-secondary);font-size:var(--fs-xs);border-radius:999px;padding:3px 6px;position:absolute;bottom:6px;left:6px}.canvas-template-card-info{grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;display:grid}.canvas-template-card-info>p{color:var(--fg-tertiary);font-size:var(--fs-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 7px;line-height:1.45;display:-webkit-box;overflow:hidden}.canvas-template-card-title-row{align-items:center;gap:6px;min-width:0;display:flex;position:relative}.canvas-template-card-title-row .canvas-material-title{flex:1}.canvas-template-menu-trigger{width:26px;height:26px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.canvas-template-menu-trigger:hover{background:var(--bg-hover);color:var(--fg-primary)}.canvas-template-menu{z-index:4;min-width:136px;top:30px;left:auto;right:0}.canvas-template-meta{color:var(--fg-tertiary);justify-content:space-between;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.canvas-material-preview{width:100%;height:118px;color:var(--fg-tertiary);cursor:pointer;background:#151519;border:0;border-radius:0;place-items:center;display:grid;position:relative;overflow:hidden}.canvas-material-preview img,.canvas-material-preview video{object-fit:cover;width:100%;height:100%;display:block}.canvas-material-preview span{height:20px;color:var(--fg-inverse);font-size:var(--fs-xs);background:#141824b8;border-radius:999px;padding:0 6px;line-height:20px;position:absolute;bottom:6px;left:6px}.canvas-material-card-info{background:#29292d;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;min-width:0;min-height:68px;padding:9px 11px 10px;display:grid;position:relative}.canvas-material-title{min-width:0;color:var(--fg-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:var(--fw-bold);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.canvas-material-card-info p{color:var(--fg-tertiary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:5px 0 0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.canvas-material-favorite{color:#666671;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:8px;right:7px}.canvas-material-favorite:hover,.canvas-material-favorite:focus-visible{color:#b7b7c0;background:#36363b;outline:none}.canvas-material-add{border:1px solid var(--accent-soft);background:var(--accent-soft);height:26px;color:var(--accent);cursor:pointer;font-family:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:999px;justify-self:start;padding:0 10px}.canvas-material-add:hover{background:var(--accent-soft)}.canvas-material-empty{min-height:260px;color:var(--fg-tertiary);text-align:center;place-items:center;gap:8px;display:grid}.canvas-material-empty p{color:var(--fg-tertiary);font-size:var(--fs-sm);margin:0}.canvas-material-detail{z-index:2;background:var(--glass-bg);grid-template-rows:auto auto auto auto 1fr;padding:0 16px 16px;display:grid;position:absolute;inset:0}.canvas-material-detail-header{border-bottom:1px solid var(--accent-soft);justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.canvas-material-detail-header h3{min-width:0;color:var(--fg-primary);font-size:var(--fs-base);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.canvas-material-detail-media{border:1px solid var(--accent-soft);background:var(--bg-app);min-height:220px;max-height:310px;color:var(--fg-tertiary);border-radius:10px;place-items:center;margin:16px 0;display:grid;overflow:hidden}.canvas-material-detail-media img,.canvas-material-detail-media video{object-fit:contain;width:100%;height:100%;max-height:310px;display:block}.canvas-material-detail-section{gap:7px;display:grid}.canvas-material-detail-section label{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.canvas-material-detail-section p{background:var(--bg-surface);max-height:150px;color:var(--fg-primary);font-size:var(--fs-sm);white-space:pre-wrap;border-radius:8px;margin:0;padding:10px;line-height:1.55;overflow:auto}.canvas-material-detail-meta{color:var(--fg-tertiary);font-size:var(--fs-xs);justify-content:space-between;gap:12px;margin:14px 0;display:flex}.canvas-material-detail-add{background:var(--accent);width:100%;height:38px;color:var(--fg-inverse);cursor:pointer;font-family:inherit;font-size:var(--fs-base);font-weight:var(--fw-bold);border:0;border-radius:10px;align-self:end}.canvas-material-detail-add:hover{background:var(--accent)}.canvas-role-library-overlay{z-index:var(--z-canvas-chrome-panel);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05050775;position:absolute;inset:0}.canvas-material-drawer.canvas-role-library{background:#202022;border-radius:20px;width:min(94vw,1120px);height:min(84vh,820px);inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000007a}.canvas-material-drawer.canvas-role-library.without-groups{grid-template-rows:auto auto auto auto minmax(0,1fr)}.canvas-role-library .canvas-material-drawer-header{padding:18px 20px 14px}.canvas-role-library .canvas-material-drawer-header h2{letter-spacing:-.02em;font-size:22px}.canvas-role-library .canvas-material-drawer-title{flex:1}.canvas-role-library .canvas-material-drawer-actions-secondary span{display:none}.canvas-role-library .canvas-material-search{width:206px;padding:0;position:absolute;top:18px;right:64px}.canvas-role-library .canvas-material-search input{background:#303034;border-color:#0000;border-radius:11px;height:38px}.canvas-role-library-categories{border-top:1px solid #ffffff14;align-items:center;gap:8px;min-width:0;padding:12px 20px 10px;display:flex}.canvas-role-library-categories button{color:#a4a4aa;cursor:pointer;height:34px;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:13px}.canvas-role-library-categories button:hover,.canvas-role-library-categories button.active{color:#f3f3f5;background:#353537}.canvas-role-library-categories .canvas-role-library-filter{background:#2b2b2e;border:1px solid #ffffff1f;align-items:center;gap:7px;margin-left:auto;display:inline-flex}.canvas-role-library .canvas-material-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:8px 20px 20px}.canvas-role-library .canvas-role-card{background:0 0;border:0;border-radius:11px;display:block}.canvas-role-library .canvas-role-card:hover{box-shadow:none;border-color:#0000}.canvas-role-library .canvas-role-card .canvas-material-preview{background:#303032;border-radius:10px;height:230px}.canvas-role-library .canvas-role-card .canvas-material-preview>img{transition:transform .2s,filter .2s}.canvas-role-library .canvas-role-card:hover .canvas-material-preview>img{filter:brightness(.78);transform:scale(1.02)}.canvas-role-library .canvas-role-card .canvas-material-preview>span:first-of-type{display:none}.canvas-role-card-actions{opacity:0;gap:7px;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset:auto 14px 14px;transform:translateY(5px)}.canvas-role-library .canvas-role-card:hover .canvas-role-card-actions,.canvas-role-library .canvas-role-card:focus-within .canvas-role-card-actions{opacity:1;transform:translateY(0)}.canvas-role-card-actions button{color:#222226;cursor:pointer;height:34px;font:inherit;font-size:13px;font-weight:var(--fw-semibold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa3;border:1px solid #ffffff38;border-radius:9px}.canvas-role-card-actions button:hover{background:#fff}.canvas-role-library .canvas-role-card .canvas-material-card-info{background:0 0;min-height:44px;padding:9px 4px 0}.canvas-role-library .canvas-role-card .canvas-material-title{font-size:14px;font-weight:var(--fw-semibold)}.canvas-role-library .canvas-role-card .canvas-material-card-info p{display:none}.canvas-role-library .canvas-role-card .canvas-material-favorite{top:235px;bottom:auto;right:0}@media (width<=900px){.canvas-role-library .canvas-material-list{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-role-library .canvas-role-card .canvas-material-preview{height:210px}}@media (width<=620px){.canvas-material-drawer.canvas-role-library{width:calc(100vw - 24px);height:calc(100vh - 32px)}.canvas-role-library .canvas-material-search{width:150px;right:54px}.canvas-role-library-categories{overflow-x:auto}.canvas-role-library .canvas-material-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.canvas-toolbar-rail .canvas-toolbar-rail-btn:last-child{font-size:0}.keyboard-shortcuts-overlay{z-index:var(--z-canvas-chrome-menu);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05050775;place-items:center;display:grid;position:absolute;inset:0}.keyboard-shortcuts-dialog{border:1px solid var(--glass-border);background:#202022;border-radius:20px;width:min(92vw,920px);max-height:min(86vh,720px);overflow:auto;box-shadow:0 24px 80px #0000007a}.keyboard-shortcuts-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:82px;margin:0 24px;display:flex}.keyboard-shortcuts-header h2{color:#f2f2f4;font-size:23px;font-weight:var(--fw-semibold);letter-spacing:-.03em;margin:0}.keyboard-shortcuts-header .icon-button{color:#b5b5bd}.keyboard-shortcuts-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 72px;padding:38px 36px 34px;display:grid}.keyboard-shortcuts-group h3{color:#aaaab2;font-size:17px;font-weight:var(--fw-bold);margin:0 0 16px}.keyboard-shortcuts-list{gap:12px;display:grid}.keyboard-shortcut-row{color:#a9a9b1;justify-content:space-between;align-items:center;gap:16px;min-height:30px;display:flex}.keyboard-shortcut-label{align-items:center;gap:12px;min-width:0;font-size:15px;display:inline-flex}.keyboard-shortcut-label .svg-icon{color:#a6a6ae;flex:none}.shortcut-keys{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.shortcut-keys kbd{color:#aaaab2;min-width:36px;height:36px;font:inherit;background:#252528;border:1px solid #ffffff1f;border-radius:10px;place-items:center;padding:0 9px;font-size:14px;display:inline-grid}.shortcut-or{color:#9999a1;font-size:13px}.keyboard-shortcuts-timeline,.keyboard-shortcuts-agent{grid-column:2}@media (width<=700px){.keyboard-shortcuts-dialog{width:calc(100vw - 24px)}.keyboard-shortcuts-grid{grid-template-columns:1fr;gap:28px;padding:28px 20px}.keyboard-shortcuts-timeline,.keyboard-shortcuts-agent{grid-column:auto}}.canvas-template-runner-drawer{z-index:var(--z-canvas-chrome-panel);border:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:clamp(360px,31vw,520px);display:grid;position:absolute;top:72px;bottom:72px;left:86px;overflow:hidden;box-shadow:0 22px 60px #1920382e}.canvas-template-runner-header{border-bottom:1px solid var(--accent-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:16px 18px 14px;display:grid}.canvas-template-runner-header.detail{grid-template-columns:auto minmax(0,1fr) auto}.canvas-template-runner-title{min-width:0}.canvas-template-runner-title h2{color:var(--fg-primary);font-size:var(--fs-md);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.canvas-template-runner-title span{color:var(--fg-tertiary);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.canvas-template-runner-back{flex:none}.canvas-template-runner-empty{min-height:260px;color:var(--fg-tertiary);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.canvas-template-runner-empty p{font-size:var(--fs-sm);margin:0}.canvas-template-runner-list{min-height:0;padding:14px;overflow-y:auto}.canvas-template-runner-item{border:1px solid var(--accent-soft);background:var(--bg-elevated);width:100%;min-height:66px;color:var(--fg-primary);cursor:pointer;text-align:left;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s;display:grid}.canvas-template-runner-item+.canvas-template-runner-item{margin-top:10px}.canvas-template-runner-item:hover,.canvas-template-runner-item:focus-visible{border-color:var(--accent);background:var(--bg-surface);outline:none;transform:translateY(-1px);box-shadow:0 8px 24px #19203814}.canvas-template-runner-item-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.canvas-template-runner-item-body{gap:5px;min-width:0;display:grid}.canvas-template-runner-item-body strong{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-template-runner-item-body em{color:var(--fg-tertiary);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.canvas-template-runner-item-arrow{color:var(--fg-tertiary);transform:rotate(180deg)}.canvas-template-runner-detail{grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.canvas-template-runner-description{border:1px solid var(--accent-soft);background:var(--bg-surface);color:var(--fg-secondary);font-size:var(--fs-sm);border-radius:14px;margin:0;padding:10px 12px;line-height:1.5}.canvas-template-runner-inputs{align-content:start;gap:12px;min-height:0;display:grid}.canvas-template-runner-no-inputs{border:1px solid var(--accent-soft);background:var(--bg-elevated);min-height:52px;color:var(--fg-secondary);font-size:var(--fs-sm);border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex}.template-runner-field{gap:8px;min-width:0;display:grid}.template-runner-field>span{color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.template-runner-field textarea{resize:vertical;border:1px solid var(--accent-soft);background:var(--bg-elevated);width:100%;min-height:132px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-sm);border-radius:14px;outline:none;padding:12px;line-height:1.55}.template-runner-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-soft) 70%, transparent)}.template-runner-upload{border:1px dashed var(--accent-soft);background:var(--bg-elevated);width:100%;min-height:180px;color:var(--fg-tertiary);cursor:pointer;border-radius:18px;place-items:center;font-family:inherit;display:grid;overflow:hidden}.template-runner-upload:hover,.template-runner-upload:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.template-runner-upload.has-image{background:var(--bg-surface);border-style:solid}.template-runner-upload img{object-fit:contain;width:100%;height:100%;max-height:280px;display:block}.template-runner-upload em{color:inherit;font-size:var(--fs-sm);font-style:normal;font-weight:var(--fw-bold);margin-top:8px}.template-runner-error{color:var(--error);font-size:var(--fs-xs)}.template-runner-error.global{background:var(--error-soft);border-radius:12px;padding:9px 10px}.template-runner-run-btn{background:var(--accent);width:100%;min-height:42px;color:var(--fg-inverse);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.template-runner-run-btn:hover{filter:brightness(1.02)}.template-runner-run-btn:disabled{cursor:not-allowed;filter:none;opacity:.48}@media (width<=760px){.canvas-material-drawer,.canvas-template-runner-drawer{width:auto;inset:72px 12px 72px 76px}}.custom-node{background:var(--bg-elevated);border-radius:var(--canvas-panel-radius);min-width:260px;max-width:320px;font-size:var(--fs-xs);color:var(--fg-primary);box-shadow:none;border:1px solid #0000;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative}.custom-node.running{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0;box-shadow:none}.custom-node.success,.custom-node.error{border-color:var(--border-strong)}.custom-node.selected{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.react-flow__node.node-tag-highlighted>.custom-node,.react-flow__node.node-tag-highlighted>.canvas-group-node{outline:3px solid var(--active-node-tag-color);outline-offset:0;border-color:var(--active-node-tag-color)!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--active-node-tag-color) 64%, transparent), 0 0 32px color-mix(in srgb, var(--active-node-tag-color) 42%, transparent)!important}.react-flow__node.node-tag-highlighted .node-header{color:#fff}.node-header{background:var(--bg-surface);border-bottom:1px solid var(--accent-soft);border-radius:var(--canvas-panel-radius) var(--canvas-panel-radius) 0 0;font-weight:var(--fw-bold);font-size:var(--fs-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.svg-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.node-title{color:#fff;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;display:flex}.node-title .svg-icon{color:#fff}.editable-node-title{flex:auto;min-width:0;max-width:100%;position:relative}.editable-node-title.icon-only{min-height:16px}.editable-node-title>.svg-icon{z-index:1;pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.node-title-text,.node-title-input{min-width:0;max-width:100%;height:20px;color:inherit;font:inherit;font-weight:inherit;box-shadow:none;box-sizing:border-box;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0 0 0 22px;line-height:20px;display:block}.node-title-text{text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:0 auto;width:auto;overflow:hidden}.node-title-input{flex:auto;width:100%}.node-title-after-text{flex:none;align-items:center;margin-left:4px;display:inline-flex}.node-title-flex-spacer{flex:auto;min-width:0;display:block}.node-title-tag-dots{flex:none;align-items:center;gap:3px;margin-left:1px;display:inline-flex}.node-title-tag-dots span{background:var(--node-tag-color);border:1px solid #ffffff52;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 1px #0000002e}.node-title-input{appearance:none;caret-color:currentColor}.node-title-input:hover,.node-title-input:focus{box-shadow:none;background:0 0;border:0;outline:none}.node-header .category{font-size:var(--fs-xs);color:var(--fg-tertiary);font-weight:var(--fw-regular)}.node-body{padding:10px 12px}.node-field{margin-bottom:8px}.node-field label{font-size:var(--fs-xs);color:var(--fg-secondary);margin-bottom:3px;display:block}.node-field input,.node-field textarea,.node-field select{background:var(--bg-elevated);border:1px solid var(--accent-soft);width:100%;color:var(--fg-primary);font-size:var(--fs-xs);border-radius:4px;padding:6px 8px;font-family:inherit}.node-field select,.processor-model-select,.mask-model-fields select,.chat-model-controls select,.chat-composer-models select,.video-editor-select-label select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.node-field select option,.processor-model-select option,.mask-model-fields select option,.chat-model-controls select option,.chat-composer-models select option,.video-editor-select-label select option{background:var(--bg-elevated);color:var(--fg-primary)}.node-field input:focus,.node-field textarea:focus,.node-field select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.node-field textarea{resize:vertical;min-height:50px;max-height:320px;overflow-y:auto}.node-field textarea:read-only{color:var(--success);border-color:var(--success);background:var(--bg-surface)}.processor-node .node-field textarea{background:var(--bg-surface);resize:vertical;border:0;border-radius:10px;max-height:320px;padding:12px 14px;line-height:1.55;overflow-y:auto}.processor-node .node-field textarea:focus{background:var(--bg-surface);border-color:#0000;box-shadow:0 0 0 2px #7165ff2e}.node-field select{cursor:pointer}.field-note{color:var(--success);font-size:var(--fs-xs);margin-top:4px}.field-counter{float:right;color:var(--fg-tertiary);font-weight:var(--fw-regular)}.processor-node .reference-materials-label{justify-content:flex-start;align-items:baseline;gap:6px;width:fit-content;display:inline-flex}.processor-node .reference-materials-label .field-counter{float:none;flex:none}.reference-materials-field{z-index:3;position:relative}.reference-text-card{aspect-ratio:1;border:1px solid var(--success);background:color-mix(in srgb, var(--success) 14%, transparent);width:52px;height:52px;color:var(--success);cursor:pointer;border-radius:9px;flex:0 0 52px;align-content:center;justify-items:center;gap:4px;font-family:inherit;display:grid;position:relative;overflow:hidden}.reference-text-card .thumb-remove{z-index:3;visibility:hidden;width:20px;height:20px;color:var(--fg-primary);opacity:0;background:#080809e0;border:1px solid #ffffff52;padding:0;transition:opacity .12s,visibility .12s,background .12s,border-color .12s,transform .12s;top:3px;right:3px;box-shadow:0 2px 8px #00000061}.reference-text-card:hover .thumb-remove,.reference-text-card:focus-within .thumb-remove{visibility:visible;opacity:1}.reference-text-card .thumb-remove:hover,.reference-text-card .thumb-remove:focus-visible{border-color:var(--error);background:var(--error);color:var(--fg-primary);opacity:1;transform:scale(1.06)}.reference-text-card:hover,.reference-text-card.active{background:color-mix(in srgb, var(--success) 20%, transparent);border-color:var(--success)}.reference-text-card span,.reference-text-card strong{line-height:1}.reference-text-card span{font-size:10px;font-weight:720}.reference-text-card strong{background:var(--success);min-width:17px;height:17px;color:var(--fg-inverse);border-radius:999px;place-items:center;font-size:10px;font-weight:800;display:grid}.text-reference-popover{z-index:var(--z-floating-panel);border:1px solid color-mix(in srgb, var(--success) 56%, var(--border-default));background:var(--bg-elevated);border-radius:10px;grid-template-rows:auto 1fr;width:360px;height:220px;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 48px #00000047}.text-reference-popover-header{border-bottom:1px solid var(--border-subtle);height:38px;color:var(--success);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.text-reference-popover-header strong{font-size:var(--fs-sm);font-weight:800}.text-reference-popover-header span{font-size:var(--fs-xs);color:var(--fg-tertiary)}.text-reference-popover-body{align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow:auto}.text-reference-item{border:1px solid color-mix(in srgb, var(--success) 42%, var(--border-default));color:var(--success);background:var(--bg-surface);border-radius:7px;padding:8px}.text-reference-item span{color:var(--success);font-size:var(--fs-xs);font-weight:var(--fw-bold);margin-bottom:5px;display:block}.text-reference-item p{color:var(--success);font-size:var(--fs-xs);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.video-reference-list{gap:6px;display:grid}.video-reference-item{border:1px solid var(--accent-soft);background:var(--bg-app);border-radius:6px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;padding:6px;display:grid}.video-reference-item video{object-fit:cover;background:var(--bg-elevated);border-radius:5px;width:96px;height:54px}.video-reference-item span{color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.node-output{background:var(--bg-app);border:1px solid var(--accent-soft);font-size:var(--fs-xs);color:var(--fg-secondary);word-break:break-all;white-space:pre-wrap;border-radius:4px;max-height:120px;margin-top:8px;padding:6px 8px;overflow:auto}.result-node{width:100%;min-width:220px;max-width:none;height:100%;box-shadow:none;background:0 0;border-color:#0000;position:relative;overflow:visible}.result-node.selected,.result-node.running{box-shadow:none;border-color:#0000}.result-node .node-header{z-index:8;color:var(--fg-primary);background:0 0;border-bottom:0;border-radius:0;gap:10px;padding:0;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.result-node-title-row{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.result-node .node-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);gap:5px}.result-node .node-title .svg-icon{color:#fff}.result-task-timing{background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);min-width:max-content;max-width:none;color:var(--fg-secondary);text-overflow:clip;white-space:nowrap;border-radius:999px;flex:none;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.3;overflow:visible;box-shadow:0 1px 4px #00000014}.result-text-incomplete-badge{min-width:max-content;color:var(--warning,#d97706);background:color-mix(in srgb, var(--warning,#d97706) 14%, var(--bg-elevated));white-space:nowrap;border-radius:999px;flex:none;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.3}.seedance-compliance-badge{white-space:nowrap;flex:none;justify-content:center;align-items:center;min-width:max-content;display:inline-flex}.seedance-compliance-badge.is-checking{background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);color:var(--fg-secondary);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.3;box-shadow:0 1px 4px #00000014}.seedance-compliance-badge.is-passed{background:color-mix(in srgb, var(--success) 18%, transparent);width:18px;height:18px;color:var(--success);border-radius:999px}.result-node .node-body{width:100%;height:100%;min-height:0;padding:0}.result-text-node{width:100%;height:100%}.result-text-node .node-body{width:100%;height:100%;min-height:118px;position:relative}.result-text-expand-btn{z-index:12;width:22px;height:22px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .16s,transform .16s;display:inline-flex;position:absolute;top:8px;right:8px}.result-text-expand-btn:hover{color:var(--accent);transform:translateY(-1px)}.result-text-expanded-overlay{z-index:var(--z-fullscreen);color:#f2f2f3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);--fg-primary:#f2f2f3;--fg-secondary:#c4c4c8;--fg-tertiary:#898990;background:#0404069e;place-items:center;padding:32px;animation:.16s ease-out result-text-overlay-in;display:grid;position:fixed;inset:0}@keyframes result-text-overlay-in{0%{opacity:0}}@keyframes result-text-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.result-text-expanded-dialog{background:#131417;border:1px solid #ffffff14;border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(1120px,100%);height:min(880px,100%);animation:.2s cubic-bezier(.2,.8,.2,1) result-text-dialog-in;display:grid;overflow:hidden;box-shadow:0 32px 96px #0000008c,0 0 0 1px #0006}.result-text-expanded-header{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:60px;padding:0 12px 0 22px;display:grid}.result-text-expanded-actions{justify-content:flex-end;gap:2px;display:flex}.result-text-expanded-title{color:#9a9aa2;min-width:0;font-size:14px;font-weight:var(--fw-medium);align-items:center;gap:8px;display:flex}.result-text-expanded-title span{color:#e6e6e8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-text-close-btn{color:#9a9aa2;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:background .14s,color .14s;display:grid}.result-text-close-btn:hover,.result-text-close-btn:focus-visible{color:#f2f2f3;background:#ffffff14;outline:none}.result-text-expanded-toolbar{justify-content:center;align-items:center;min-width:0;display:flex}.result-text-expanded-body{scrollbar-color:#3b3b3f transparent;cursor:text;min-height:0;overflow-y:auto}.result-text-expanded-content{box-sizing:border-box;color:#dedee1;word-break:break-word;background:0 0;border:0;outline:none;width:min(100%,840px);min-height:100%;margin:0 auto;padding:40px 40px 96px;font-size:16px;line-height:1.8;display:block}.result-text-expanded-body .result-text-expanded-editor{caret-color:#f2f2f3;flex-direction:column;gap:0;font-family:inherit;display:flex;position:relative}.result-text-expanded-body .result-text-expanded-editor[data-empty=true]:before{color:#6f6f76;content:attr(data-placeholder);pointer-events:none;position:absolute;top:40px;left:40px}.result-text-expanded-body .result-text-expanded-editor::selection{background:#565177}.result-text-expanded-body .result-text-expanded-editor ::selection{background:#565177}.result-text-expanded-body .result-text-expanded-editor :is(p,h1,h2,h3,ul,ol){overflow-wrap:anywhere;margin:0}.result-text-expanded-body .result-text-expanded-editor p{color:#d4d4d8;min-height:1.8em;margin:0 0 6px}.result-text-expanded-body .result-text-expanded-editor h1{color:#f5f5f7;margin:20px 0 12px;font-size:28px;line-height:1.3}.result-text-expanded-body .result-text-expanded-editor h2{color:#f2f2f3;margin:18px 0 10px;font-size:22px;line-height:1.35}.result-text-expanded-body .result-text-expanded-editor h3{color:#e6e6e8;margin:14px 0 8px;font-size:18px;line-height:1.4}.result-text-expanded-body .result-text-expanded-editor>:first-child{margin-top:0}.result-text-expanded-body .result-text-expanded-editor ul,.result-text-expanded-body .result-text-expanded-editor ol{color:#d4d4d8;margin:2px 0 10px;padding-left:1.5em;display:block}.result-text-expanded-body .result-text-expanded-editor li{margin:4px 0;padding-left:2px}.result-text-expanded-body .result-text-expanded-editor li::marker{color:#7d7d86}.result-text-expanded-body .result-text-expanded-editor hr{background:#ffffff1a;border:0;width:100%;height:1px;margin:24px 0}.text-format-toolbar{z-index:var(--z-node-toolbar);scrollbar-width:none;border:1px solid var(--glass-border);background:var(--canvas-floating-bg);max-width:min(760px,100vw - 32px);min-height:48px;box-shadow:var(--canvas-floating-shadow);color:var(--fg-secondary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:4px;padding:6px 10px;display:inline-flex;position:fixed;overflow:visible;transform:translate(-50%,-100%)}.text-format-toolbar.is-inline{width:auto;max-width:100%;position:static;transform:none}.result-text-expanded-toolbar .text-format-toolbar.is-inline{min-height:40px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:0;overflow:visible}.result-text-expanded-toolbar .text-format-toolbar-tooltip{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}@media (width<=800px){.result-text-expanded-overlay{padding:12px}.result-text-expanded-dialog{border-radius:16px;height:100%}.result-text-expanded-header{grid-template-columns:minmax(0,1fr) auto;row-gap:0;padding:8px 8px 4px 16px}.result-text-expanded-toolbar{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;overflow-x:auto}.result-text-expanded-toolbar::-webkit-scrollbar{display:none}.result-text-expanded-toolbar .text-format-toolbar.is-inline{flex:none;width:max-content;max-width:none}.result-text-expanded-content{padding:24px 20px 64px}.result-text-expanded-body .result-text-expanded-editor[data-empty=true]:before{top:24px;left:20px}}.text-format-toolbar::-webkit-scrollbar{display:none}.text-format-toolbar button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex:none}.text-format-toolbar button:disabled{cursor:not-allowed;opacity:.38}.text-format-toolbar button:not(:disabled):hover,.text-format-toolbar button:not(:disabled):focus-visible,.text-format-toolbar button[aria-pressed=true]{background:var(--bg-selected);color:var(--fg-primary)}.text-format-toolbar button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:1px}.text-format-divider{background:var(--border-default);flex:none;width:1px;height:24px;margin:0 6px}.text-format-icon-btn,.text-format-type-btn{border-radius:999px;justify-content:center;align-items:center;height:32px;transition:background .14s,color .14s,opacity .14s;display:inline-flex}.text-format-icon-btn{width:32px}.text-format-icon-btn,.text-format-type-btn{position:relative}.text-format-type-btn{min-width:36px;font-size:15px;font-weight:var(--fw-bold);letter-spacing:0;padding:0 8px}.text-format-list-btn{font-size:13px;font-weight:var(--fw-bold);gap:2px}.text-format-background-btn{position:relative}.text-format-background-indicator{background:var(--text-background-swatch);pointer-events:none;border:1px solid #ffffffb8;border-radius:999px;width:7px;height:7px;position:absolute;bottom:6px;right:6px}.text-format-background-menu{z-index:var(--z-canvas-chrome-menu);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121212f5;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 28px #00000052}.text-format-background-menu button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:grid}.text-format-background-menu button:hover,.text-format-background-menu button:focus-visible,.text-format-background-menu button.is-active{background:#ffffff1a;outline:none}.text-format-background-swatch{background:var(--text-background-swatch);border:1px solid #ffffff3d;border-radius:999px;width:22px;height:22px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff29}.text-format-background-swatch.is-none{background:#f4f4f4;border-color:#fff6}.text-format-background-swatch.is-none:after{content:"";background:#a9a9ad;border-radius:999px;width:2px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.text-format-tag-menu-wrap{flex:none;display:inline-flex;position:relative}.text-format-tag-dots{pointer-events:none;gap:2px;display:inline-flex;position:absolute;top:6px;right:6px}.text-format-tag-dots span{background:var(--node-tag-color);border-radius:999px;width:5px;height:5px;box-shadow:0 0 0 1px #ffffffb8}.text-format-tag-menu{z-index:var(--z-canvas-chrome-menu);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a1a1af5;border:1px solid #ffffff24;border-radius:10px;gap:2px;min-width:132px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 28px #00000047}.text-format-tag-menu button{color:#ffffffdb;width:100%;height:32px;font:inherit;font-size:var(--fs-xs);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;padding:0 9px;display:flex}.text-format-tag-menu button:hover,.text-format-tag-menu button:focus-visible,.text-format-tag-menu button.is-active{color:#fff;background:#ffffff1a;outline:none}.text-format-tag-menu-color{background:var(--node-tag-color);color:#171717;border-radius:999px;flex:none;place-items:center;width:18px;height:18px;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff47}.text-format-tag-menu-color .svg-icon{color:#171717}.result-text-output,.result-text-node .result-empty,.result-text-node .result-text-skeleton{border:1px solid var(--border-default);border-radius:var(--canvas-panel-radius);background:var(--glass-bg);width:100%;height:100%;min-height:118px;max-height:none;box-shadow:none;color:var(--fg-primary);font-size:var(--fs-sm);word-break:break-word;white-space:pre-wrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin:0;padding:16px 18px;line-height:1.65;transition:border-color .16s,box-shadow .16s,background .16s;overflow:auto}.result-text-editor{resize:none;cursor:text;outline:none;font-family:inherit;display:block}.rich-text-editor:empty:before{content:attr(data-placeholder);color:var(--fg-tertiary);pointer-events:none}.result-text-display{cursor:default;-webkit-user-select:none;user-select:none}.formatted-text-content,.rich-text-editor{white-space:normal;flex-direction:column;gap:7px;min-width:0;display:flex}.formatted-text-content h1,.formatted-text-content h2,.formatted-text-content h3,.formatted-text-content p,.formatted-text-content ul,.formatted-text-content ol,.rich-text-editor h1,.rich-text-editor h2,.rich-text-editor h3,.rich-text-editor p,.rich-text-editor ul,.rich-text-editor ol{margin:0}.formatted-text-content h1,.rich-text-editor h1{color:var(--fg-primary);font-size:20px;font-weight:var(--fw-black);line-height:1.28}.formatted-text-content h2,.rich-text-editor h2{color:var(--fg-primary);font-size:17px;font-weight:var(--fw-bold);line-height:1.34}.formatted-text-content h3,.rich-text-editor h3{color:var(--fg-secondary);font-size:15px;font-weight:var(--fw-bold);line-height:1.42}.formatted-text-content p,.rich-text-editor p{color:var(--fg-secondary);white-space:pre-wrap}.formatted-text-content p.is-empty,.rich-text-editor p:empty{min-height:.8em}.formatted-text-content strong,.rich-text-editor strong,.rich-text-editor b{color:var(--fg-primary);font-weight:var(--fw-black)}.formatted-text-content em,.rich-text-editor em,.rich-text-editor i{color:var(--fg-primary);font-style:italic}.formatted-text-content ul,.formatted-text-content ol,.rich-text-editor ul,.rich-text-editor ol{color:var(--fg-secondary);gap:4px;padding-left:18px;display:grid}.formatted-text-content hr,.rich-text-editor hr{background:var(--border-default);border:0;width:100%;height:1px;margin:5px 0}.result-text-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.result-text-node .result-empty{color:var(--fg-tertiary);text-align:center;place-items:center;display:grid}.result-text-node .result-text-edit-prompt{cursor:default;text-align:left;-webkit-user-select:none;user-select:none;border-style:dashed;justify-items:start;display:block}.result-text-edit-prompt strong{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-regular,400);display:block}.result-text-edit-prompt:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 44%, var(--glass-bg))}.result-text-node .result-text-skeleton{isolation:isolate;background:radial-gradient(circle at 16% 18%,#748bff7a 0 16%,#0000 38%) 0 28%/170% 170%,radial-gradient(circle at 82% 26%,#dce2ffad 0 18%,#0000 44%) 100% 18%/180% 180%,linear-gradient(120deg,#f5f7fff5 0%,#dee8fff5 45%,#f8f9fff5 100%) 0%/220% 220%;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;animation:4s ease-in-out infinite alternate text-skeleton-flow;display:flex;overflow:hidden}.result-text-node .result-text-skeleton:after{content:"";z-index:0;background:linear-gradient(105deg,#0000 0%,#ffffff24 25%,#93b1ff6b 48%,#fff3 68%,#0000 100%);width:auto;height:auto;animation:2.7s ease-in-out infinite text-skeleton-sheen;position:absolute;inset:-28% -28% -28% auto;transform:translate(-38%)}.text-skeleton-line{z-index:1;background:linear-gradient(90deg,#8aa4ff2e,#ffffffb8,#6c91ff38) 0 0/220% 100%;border-radius:999px;width:72%;height:10px;animation:2.4s ease-in-out infinite text-skeleton-line-flow;display:block;position:relative;box-shadow:inset 0 1px #ffffffa8}.text-skeleton-line-wide{width:86%}.text-skeleton-line-medium{width:64%}.text-skeleton-line-short{width:48%}.result-text-node.selected .result-text-output,.result-text-node.selected .result-empty,.result-text-node.selected .result-text-skeleton{border-color:var(--accent);box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.result-media-node{min-width:160px}.result-media-node .node-body{height:100%;min-height:100px;display:block;position:relative}.result-node.running .node-body{position:relative}.result-node.running .node-body:has(.media-loading):before{display:none}.result-node.running .node-body:has(.media-loading):after{display:none}.result-node.running .node-body:before,.result-node.running .node-body:after{content:"";z-index:7;pointer-events:none;mix-blend-mode:screen;border-radius:16px;position:absolute;inset:0}.result-node.running .node-body:before{background:radial-gradient(circle at 12% 22%, #ffffffb8 0 1.2px, transparent 2.8px), radial-gradient(circle at 28% 68%, color-mix(in srgb, var(--accent) 52%, white) 0 1px, transparent 2.6px), radial-gradient(circle at 42% 18%, #ffffff7a 0 1.4px, transparent 3px), radial-gradient(circle at 61% 77%, color-mix(in srgb, var(--accent) 42%, white) 0 1.1px, transparent 2.7px), radial-gradient(circle at 78% 34%, #ffffffa3 0 1.3px, transparent 2.9px), radial-gradient(circle at 89% 58%, color-mix(in srgb, var(--accent) 34%, white) 0 .9px, transparent 2.4px);opacity:.46;animation:2.9s ease-in-out infinite alternate node-starfield-twinkle-a}.result-node.running .node-body:after{background:radial-gradient(circle at 18% 82%, #ffffff61 0 .9px, transparent 2.4px), radial-gradient(circle at 36% 42%, color-mix(in srgb, var(--accent) 46%, white) 0 1.2px, transparent 2.8px), radial-gradient(circle at 55% 26%, #ffffffb3 0 1px, transparent 2.5px), radial-gradient(circle at 70% 64%, color-mix(in srgb, var(--accent) 38%, white) 0 1.5px, transparent 3.2px), radial-gradient(circle at 84% 14%, #ffffff6b 0 .8px, transparent 2.2px), radial-gradient(circle at 94% 86%, color-mix(in srgb, var(--accent) 48%, white) 0 1.1px, transparent 2.7px);opacity:.28;animation:3.7s ease-in-out infinite alternate node-starfield-twinkle-b}.result-node.running.result-text-node .node-body:before,.result-node.running.result-text-node .node-body:after{border-radius:12px}@keyframes node-starfield-twinkle-a{0%{opacity:.18;filter:brightness(.86)}37%{opacity:.62;filter:brightness(1.2)}68%{opacity:.32;filter:brightness(.95)}to{opacity:.72;filter:brightness(1.34)}}@keyframes node-starfield-twinkle-b{0%{opacity:.52;filter:brightness(1.16)}31%{opacity:.16;filter:brightness(.84)}74%{opacity:.68;filter:brightness(1.28)}to{opacity:.24;filter:brightness(.9)}}@media (prefers-reduced-motion:reduce){.result-node.running .node-body:before,.result-node.running .node-body:after{opacity:.32;animation:none}}.run-btn{background:var(--accent);width:100%;color:var(--fg-inverse);cursor:pointer;font-size:var(--fs-xs);border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:6px;display:inline-flex}.run-btn:hover{background:var(--accent)}.run-btn:disabled{background:var(--border-default);cursor:not-allowed}.image-node .node-header{background:var(--accent-soft)}.media-input-node{min-width:220px;max-width:340px;box-shadow:none;background:0 0;border:0;position:relative}.media-input-node.has-media{width:100%;min-width:180px;max-width:none;height:100%;min-height:130px}.media-input-node .node-header{z-index:4;width:auto;color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-size:var(--fs-sm);font-weight:var(--fw-bold);background:0 0;border:0;border-radius:0;gap:8px;padding:0;position:absolute;top:-27px;left:0}.media-input-node .node-header .category{display:none}.media-input-node .node-title .svg-icon{color:#fff}.media-input-node .node-body{padding:0}.media-input-node.has-media .node-body{height:100%;min-height:0}.media-input-node .image-upload-zone{border:1.5px dashed var(--accent-soft);border-radius:var(--canvas-inner-radius);background:var(--glass-bg);min-width:260px;min-height:180px;color:var(--fg-tertiary);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;place-items:center;padding:28px;transition:border-color .16s,box-shadow .16s,background .16s,color .16s;display:grid}.media-input-node .image-upload-zone:hover{border-color:var(--accent);background:var(--glass-bg);color:var(--fg-primary)}.upload-zone-trigger{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:inline-flex}.upload-zone-trigger:hover{color:var(--fg-primary)}.image-load-error{z-index:3;border-radius:inherit;background:var(--bg-elevated);color:var(--fg-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px;display:flex;position:absolute;inset:0}.image-load-error strong{color:var(--fg-primary);font-size:var(--fs-sm)}.image-load-error span{font-size:var(--fs-xs)}.image-load-error button{border:1px solid var(--accent-soft);background:var(--bg-surface);color:var(--accent);font:inherit;cursor:pointer;border-radius:6px;margin-top:4px;padding:5px 10px}.image-load-error button:hover{border-color:var(--accent)}.media-input-node .image-actions{margin-top:10px}.media-input-node.has-media .image-grid,.media-input-node.has-media .video-list{align-items:stretch;gap:12px;width:100%;height:100%;display:flex;overflow:visible}.media-input-node.has-media .image-thumb,.media-input-node.has-media .video-thumb{border:1px solid var(--border-default);background:var(--bg-elevated);min-width:0;height:100%;box-shadow:none;border-radius:18px;flex:100%;transition:border-color .16s,box-shadow .16s}.media-input-node.selected.has-media .image-thumb,.media-input-node.selected.has-media .video-thumb,.media-input-node.selected .image-upload-zone{border-color:var(--accent);box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.media-input-node.selected .image-upload-zone{border-style:solid}.media-input-node.has-media .image-thumb{aspect-ratio:auto}.media-input-node.has-media .video-thumb{aspect-ratio:16/9}.media-input-node.has-media .image-thumb img,.media-input-node.has-media .video-thumb video{border-radius:inherit}.media-input-node.has-media .image-thumb img{object-fit:contain;background:var(--bg-app)}.media-input-node.has-media .thumb-remove{opacity:0;background:var(--glass-bg);color:var(--fg-primary);transition:opacity .15s,background .15s;top:8px;right:8px;box-shadow:0 8px 18px #00000029}.media-input-node.has-media:hover .thumb-remove{opacity:1}.media-input-node.has-media .thumb-remove:hover{background:var(--bg-elevated)}.media-input-node.has-media .image-actions{z-index:4;border:1px solid var(--border-default);background:var(--glass-bg);opacity:0;border-radius:999px;width:max-content;min-width:190px;padding:6px;transition:opacity .15s,transform .15s;position:absolute;bottom:-42px;left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 14px 36px #19203824}.media-input-node.has-media:hover .image-actions,.media-input-node.has-media:focus-within .image-actions{opacity:1;transform:translate(-50%)translateY(0)}.media-input-node.has-media .secondary-btn,.media-input-node.has-media .ghost-btn{min-width:68px;font-size:var(--fs-xs);border-radius:999px;flex:none;padding:7px 10px}.canvas-product-node{width:100%;min-width:180px;max-width:360px;box-shadow:none;background:0 0;border:0;position:relative}.canvas-product-node .node-header{z-index:4;width:auto;color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:0;gap:8px;position:absolute;top:-27px;left:0;background:0 0!important;border:0!important;padding:0!important}.canvas-product-node .node-header .category{display:none}.canvas-product-node .node-title .svg-icon{color:#fff}.canvas-product-node .product-card{border:1px solid var(--border-default);border-radius:var(--canvas-inner-radius);background:var(--glass-bg);width:100%;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px;transition:border-color .16s,box-shadow .16s}.canvas-product-node .node-body{padding:0}.canvas-product-node .node-body .node-field{margin-bottom:4px}.canvas-product-node .empty-reference{border-radius:8px;margin:4px 0 0}.canvas-flow-shell .react-flow__node:hover .canvas-product-node,.canvas-flow-shell .canvas-product-node:hover,.canvas-flow-shell .react-flow__node.selected .canvas-product-node,.canvas-flow-shell .canvas-product-node.selected{box-shadow:none!important;background:0 0!important;border-color:#0000!important;outline:none!important}.canvas-flow-shell .react-flow__node:hover .canvas-product-node .product-card,.canvas-flow-shell .react-flow__node.selected .canvas-product-node .product-card{border-color:var(--accent)!important;box-shadow:var(--node-hover-shadow)!important}.product-empty-state{flex-direction:column;align-items:center;gap:14px;padding:32px 20px;display:flex}.product-select-btn.secondary{border-color:var(--border-default);background:var(--bg-elevated);color:var(--fg-primary);margin-top:8px}.product-custom-editor{gap:10px;display:grid}.product-image-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.product-image-chip,.product-image-add{aspect-ratio:1;border:1px solid var(--border-default);background:var(--bg-surface);border-radius:8px;position:relative;overflow:hidden}.product-image-chip img{object-fit:cover;width:100%;height:100%;display:block}.product-image-chip button{color:#fff;cursor:pointer;background:#111827b8;border:none;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:2px;right:2px}.product-image-chip.uploading span{color:#fff;font-size:11px;font-weight:var(--fw-bold);background:#11182773;place-items:center;display:grid;position:absolute;inset:0}.product-image-add{color:var(--fg-tertiary);cursor:pointer;place-items:center;display:grid}.product-custom-field{color:var(--fg-secondary);font-size:var(--fs-xs);gap:5px;display:grid}.product-custom-field input,.product-custom-field textarea{border:1px solid var(--border-default);background:var(--bg-elevated);width:100%;color:var(--fg-primary);font:inherit;border-radius:8px;padding:8px;line-height:1.45}.product-custom-field textarea{resize:vertical}.product-custom-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.product-custom-actions button{border:1px solid var(--border-default);background:var(--bg-elevated);height:30px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:8px}.product-empty-hint{color:var(--fg-tertiary);font-size:var(--fs-sm)}.product-select-btn{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-family:inherit;font-size:var(--fs-base);font-weight:var(--fw-bold);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;transition:background .14s,transform .14s;display:inline-flex}.product-select-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.product-reselect-btn{border:1px dashed var(--accent-soft);width:100%;color:var(--accent);font-family:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:7px 0;transition:background .14s}.product-reselect-btn:hover{background:var(--accent-soft)}.product-picker-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000007a;place-items:center;animation:.15s both product-picker-fade-in;display:grid;position:fixed;inset:0}@keyframes product-picker-fade-in{0%{opacity:0}to{opacity:1}}.product-picker-dialog{border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:20px;flex-direction:column;width:min(820px,100vw - 48px);max-height:85vh;animation:.18s cubic-bezier(.2,.8,.2,1) both product-picker-scale-in;display:flex;box-shadow:0 24px 72px #00000047}@keyframes product-picker-scale-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.product-picker-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.product-picker-header h2{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--fg-primary);margin:0}.product-picker-close{width:32px;height:32px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .14s;display:grid}.product-picker-close:hover{background:var(--bg-hover)}.product-picker-filters{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:8px;padding:14px 28px;display:flex}.product-picker-filter-select{border:1px solid var(--border-default);background:var(--bg-surface);height:34px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:8px;padding:0 28px 0 10px}.product-picker-filter-select:disabled{opacity:.4;cursor:not-allowed}.product-picker-search-wrap{flex:1;align-items:center;max-width:200px;margin-left:auto;display:flex;position:relative}.product-picker-search-wrap .svg-icon{color:var(--fg-tertiary);pointer-events:none;position:absolute;left:10px}.product-picker-search-input{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;height:34px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-xs);border-radius:8px;outline:none;padding:0 28px 0 32px;transition:border-color .14s}.product-picker-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.product-picker-search-clear{width:22px;height:22px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;right:4px}.product-picker-search-clear:hover{background:var(--bg-hover);color:var(--fg-primary)}.product-picker-list{flex:1;padding:16px 28px;overflow-y:auto}.product-picker-empty{text-align:center;color:var(--fg-tertiary);font-size:var(--fs-sm);padding:48px 0}.product-picker-item{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:12px;align-items:center;gap:16px;padding:14px 16px;transition:border-color .14s,box-shadow .14s;display:flex}.product-picker-item+.product-picker-item{margin-top:8px}.product-picker-item:hover{border-color:var(--accent-soft);box-shadow:0 4px 14px #0000000f}.product-picker-item-img{object-fit:cover;background:var(--bg-app);border-radius:8px;flex-shrink:0;width:100px;height:75px}.product-picker-item-info{flex:1;min-width:0}.product-picker-item-name{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;overflow:hidden}.product-picker-item-meta{font-size:var(--fs-xs);color:var(--fg-tertiary)}.product-picker-item-desc{font-size:var(--fs-xs);color:var(--fg-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.product-picker-select-btn{border:1px solid var(--accent);color:var(--accent);font-family:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:7px 16px;transition:background .14s,color .14s,transform .14s}.product-picker-select-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.product-picker-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.product-picker-total{font-size:var(--fs-xs);color:var(--fg-tertiary)}.product-picker-pages{gap:4px;display:flex}.product-picker-page-btn{border:1px solid var(--border-default);background:var(--bg-surface);height:30px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;border-radius:6px;padding:0 10px;transition:background .14s,border-color .14s}.product-picker-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.product-picker-page-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:var(--fw-bold)}.product-picker-page-btn:disabled{opacity:.35;cursor:not-allowed}.searchable-select{position:relative}.searchable-select-menu{z-index:30;border:1px solid var(--accent-soft);background:var(--bg-elevated);border-radius:6px;max-height:150px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 10px 24px #19203824}.searchable-select-menu button{width:100%;color:var(--fg-primary);text-align:left;cursor:pointer;font-family:inherit;font-size:var(--fs-xs);background:0 0;border:none;border-radius:4px;padding:7px 8px;display:block}.searchable-select-menu button:hover,.searchable-select-menu button.active{background:var(--bg-surface)}.searchable-select-empty{color:var(--fg-tertiary);font-size:var(--fs-xs);padding:8px}.image-mention-field{position:relative}.image-mention-field textarea,.image-mention-editor{width:100%}.image-mention-editor{background:var(--bg-surface);max-height:320px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-sm);white-space:pre-wrap;word-break:break-word;border:1px solid #0000;border-radius:10px;outline:none;padding:12px;line-height:1.55;position:relative;overflow:auto}.image-mention-editor:focus{border-color:var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 3px #6c63ff1a}.image-mention-editor[data-empty=true]:before{content:attr(data-placeholder);color:var(--fg-tertiary);pointer-events:none}.image-mention-token{border:1px solid var(--accent-soft);background:var(--bg-elevated);max-width:132px;height:25px;color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold);vertical-align:middle;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin:0 3px 2px;padding:2px 8px 2px 3px;display:inline-flex}.image-mention-token img{object-fit:cover;border:1px solid var(--accent-soft);background:var(--bg-surface);border-radius:999px;flex:none;width:19px;height:19px}.image-mention-token span{text-overflow:ellipsis;min-width:0;overflow:hidden}.image-mention-token:hover{border-color:var(--accent);background:var(--accent-soft)}.image-mention-token.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 26%, transparent)}.image-mention-picker{z-index:var(--z-generator-panel);border:1px solid var(--accent-soft);background:var(--glass-bg);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;width:min(320px,100% - 16px);max-height:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);left:8px;overflow:auto;box-shadow:0 14px 34px #19203829}.image-mention-picker button{min-width:0;color:var(--fg-secondary);cursor:pointer;font-family:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);background:0 0;border:1px solid #0000;border-radius:8px;padding:5px}.image-mention-picker button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.image-mention-picker img{aspect-ratio:1;object-fit:cover;background:var(--bg-surface);border-radius:6px;width:100%;display:block}.image-mention-picker span{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.image-mention-empty{color:var(--fg-tertiary);font-size:var(--fs-xs);text-align:center;grid-column:1/-1;padding:14px 8px}.image-mention-field.has-leading-token{background:var(--bg-surface);border:1px solid #0000;border-radius:10px;padding:9px 10px 6px}.image-mention-field.has-leading-token:focus-within{border-color:var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 3px #6c63ff1a}.image-mention-field.has-leading-token .image-mention-editor{box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 2px 6px}.quick-prompt-input-token{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border-subtle));background:color-mix(in srgb, var(--accent-soft) 62%, var(--bg-elevated));max-width:calc(100% - 4px);height:27px;color:var(--fg-primary);border-radius:14px;align-items:center;display:inline-flex;overflow:hidden}.quick-prompt-input-token button{height:100%;color:inherit;cursor:pointer;background:0 0;border:0}.quick-prompt-token-label{min-width:0;font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-semibold);align-items:center;gap:5px;padding:0 7px 0 8px;display:inline-flex}.quick-prompt-token-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-prompt-token-remove{flex:0 0 25px;place-items:center;width:25px;padding:0;display:grid;border-left:1px solid color-mix(in srgb, var(--accent) 24%, transparent)!important}.quick-prompt-input-token button:hover:not(:disabled),.quick-prompt-input-token button:focus-visible{background:color-mix(in srgb, var(--accent) 13%, transparent);outline:none}.quick-prompt-trigger{width:36px;height:36px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:20px;flex:0 0 36px;place-items:center;padding:0;display:grid;position:relative}.quick-prompt-trigger:hover:not(:disabled),.quick-prompt-trigger:focus-visible,.quick-prompt-trigger.active{color:var(--fg-primary);background:#343434;outline:none}.quick-prompt-trigger.active{color:var(--accent)}.quick-prompt-trigger:disabled{cursor:default;opacity:.46}.quick-prompt-picker{z-index:var(--z-floating-panel);box-sizing:border-box;width:340px;height:430px;color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1d1ff7;border:1px solid #ffffff1f;border-radius:16px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:9px;padding:12px;display:grid;position:fixed;overflow:hidden;box-shadow:0 20px 54px #0006}.quick-prompt-picker-head,.quick-prompt-picker-head strong,.quick-prompt-picker-list button>span,.quick-prompt-picker-footer,.quick-prompt-picker-footer button{align-items:center;display:flex}.quick-prompt-picker-head{justify-content:space-between;gap:10px}.quick-prompt-picker-head strong{font-size:var(--fs-sm);gap:6px}.quick-prompt-picker-head span{color:var(--fg-tertiary);font-size:var(--fs-xs)}.quick-prompt-search,.quick-prompt-manager-list-pane>input,.quick-prompt-manager input,.quick-prompt-manager select,.quick-prompt-manager textarea{box-sizing:border-box;color:var(--fg-primary);font:inherit;background:#090a0c94;border:1px solid #ffffff1a;outline:none}.quick-prompt-search,.quick-prompt-manager-list-pane>input{width:100%;height:34px;font-size:var(--fs-sm);border-radius:9px;padding:0 10px}.quick-prompt-search:focus,.quick-prompt-manager input:focus,.quick-prompt-manager select:focus,.quick-prompt-manager textarea:focus{border-color:color-mix(in srgb, var(--accent) 58%, #ffffff1a);box-shadow:0 0 0 2px var(--accent-soft)}.quick-prompt-category-tabs{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.quick-prompt-category-tabs::-webkit-scrollbar{display:none}.quick-prompt-category-tabs button{height:27px;color:var(--fg-tertiary);cursor:pointer;font:inherit;font-size:var(--fs-xs);background:#ffffff0b;border:0;border-radius:8px;flex:none;padding:0 9px}.quick-prompt-category-tabs button:hover,.quick-prompt-category-tabs button.active{color:#fff;background:#ffffff1c}.quick-prompt-picker-list{scrollbar-width:thin;align-content:start;gap:4px;min-height:0;display:grid;overflow-y:auto}.quick-prompt-picker-list>button{width:100%;color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;gap:4px;padding:9px 10px;display:grid}.quick-prompt-picker-list>button:hover,.quick-prompt-picker-list>button.selected{background:#ffffff12;border-color:#ffffff17}.quick-prompt-picker-list button>span{justify-content:space-between;gap:8px}.quick-prompt-picker-list strong{font-size:13px;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-prompt-picker-list small{color:var(--fg-tertiary);font-size:var(--fs-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.quick-prompt-empty{min-height:86px;color:var(--fg-tertiary);font-size:var(--fs-sm);text-align:center;place-items:center;display:grid}.quick-prompt-picker-footer{border-top:1px solid #ffffff17;justify-content:space-between;gap:7px;padding-top:8px}.quick-prompt-picker-footer button{height:32px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-xs);background:#ffffff12;border:0;border-radius:9px;flex:1 1 0;justify-content:center;gap:5px}.quick-prompt-picker-footer button:hover,.quick-prompt-picker-footer button:focus-visible{color:#fff;background:#ffffff1f;outline:none}.quick-prompt-manager-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0000008f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.quick-prompt-manager{width:min(920px,100vw - 40px);height:min(570px,100vh - 40px);color:var(--fg-primary);background:#1c1d1ffa;border:1px solid #ffffff1f;border-radius:18px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 30px 90px #00000085}.quick-prompt-manager-header,.quick-prompt-manager-header>div,.quick-prompt-manager-header button,.quick-prompt-manager-section-head,.quick-prompt-category-editor,.quick-prompt-manager-category-list>div,.quick-prompt-manager-category-list .category-name,.quick-prompt-manager-category-list .category-actions,.quick-prompt-manager-editor-actions{align-items:center;display:flex}.quick-prompt-manager-header{border-bottom:1px solid #ffffff17;justify-content:space-between;gap:12px;padding:12px 14px}.quick-prompt-manager-header>div{gap:8px}.quick-prompt-manager-header button,.quick-prompt-manager-section-head button,.quick-prompt-manager-category-list .category-actions button{color:var(--fg-secondary);cursor:pointer;background:0 0;border:0}.quick-prompt-manager-header button{height:32px;font:inherit;font-size:var(--fs-xs);border-radius:9px;justify-content:center;gap:5px;padding:0 9px}.quick-prompt-manager-header button.icon-only{width:32px;padding:0}.quick-prompt-manager-header button:hover,.quick-prompt-manager-section-head button:hover,.quick-prompt-manager-category-list .category-actions button:hover{color:#fff;background:#ffffff17}.quick-prompt-manager-body{grid-template-columns:170px 235px minmax(0,1fr);min-height:0;display:grid}.quick-prompt-manager-categories,.quick-prompt-manager-list-pane,.quick-prompt-manager-editor{min-width:0;min-height:0;padding:12px}.quick-prompt-manager-categories,.quick-prompt-manager-list-pane{border-right:1px solid #ffffff14}.quick-prompt-manager-section-head{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);justify-content:space-between;margin-bottom:8px}.quick-prompt-manager-section-head button{border-radius:7px;place-items:center;width:26px;height:26px;padding:0;display:grid}.quick-prompt-category-editor{gap:4px;width:100%}.quick-prompt-category-editor input{width:100%;min-width:0;height:30px;font-size:var(--fs-xs);border-radius:7px;padding:0 7px}.quick-prompt-category-editor button{color:#fff;cursor:pointer;background:#ffffff17;border:0;border-radius:7px;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;display:grid}.quick-prompt-manager-category-list,.quick-prompt-manager-list{align-content:start;gap:4px;min-height:0;display:grid;overflow-y:auto}.quick-prompt-manager-category-list{max-height:calc(100% - 36px)}.quick-prompt-manager-category-list>div{border-radius:8px;min-width:0}.quick-prompt-manager-category-list>div.active{background:#ffffff14}.quick-prompt-manager-category-list .category-name{min-width:0;height:32px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-xs);text-align:left;background:0 0;border:0;flex:auto;justify-content:space-between;gap:6px;padding:0 8px}.quick-prompt-manager-category-list .category-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-prompt-manager-category-list .category-name small{color:var(--fg-tertiary)}.quick-prompt-manager-category-list .category-actions{gap:1px;padding-right:3px}.quick-prompt-manager-category-list .category-actions button{border-radius:6px;place-items:center;width:23px;height:23px;padding:0;display:grid}.quick-prompt-manager-list-pane{grid-template-rows:auto minmax(0,1fr);gap:9px;display:grid}.quick-prompt-manager-list{margin:0 -4px;padding:0 4px}.quick-prompt-manager-list>button{width:100%;color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;gap:3px;padding:9px 10px;display:grid}.quick-prompt-manager-list>button:hover,.quick-prompt-manager-list>button.active{background:#ffffff14;border-color:#ffffff17}.quick-prompt-manager-list strong{font-size:13px;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-prompt-manager-list small{color:var(--fg-tertiary);font-size:var(--fs-xs)}.quick-prompt-manager-editor{grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:11px;display:grid}.quick-prompt-manager-editor label{gap:6px;min-height:0;display:grid}.quick-prompt-manager-editor label>span{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.quick-prompt-manager-editor input,.quick-prompt-manager-editor select{width:100%;height:34px;font-size:var(--fs-sm);border-radius:9px;padding:0 10px}.quick-prompt-manager-editor textarea{width:100%;height:100%;min-height:180px;font-size:var(--fs-sm);resize:none;border-radius:10px;padding:10px;line-height:1.5}.quick-prompt-form-error{color:var(--error);font-size:var(--fs-xs)}.quick-prompt-manager-editor-actions{justify-content:flex-end;gap:7px}.quick-prompt-manager-editor-actions>button{min-width:74px;height:34px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-xs);background:#ffffff14;border:0;border-radius:9px;padding:0 11px}.quick-prompt-manager-editor-actions>button:hover{color:#fff;background:#ffffff21}.quick-prompt-manager-editor-actions>button.primary{color:#151618;background:#fff}.quick-prompt-manager-editor-actions>button.danger{color:var(--error)}.quick-prompt-manager-editor-actions>button.danger.active{background:var(--error-soft)}@media (width<=760px){.quick-prompt-picker{width:min(340px,100vw - 20px)}.quick-prompt-manager-body{grid-template-columns:140px minmax(0,1fr);overflow-y:auto}.quick-prompt-manager-list-pane{border-right:0}.quick-prompt-manager-editor{border-top:1px solid #ffffff14;grid-column:1/-1;min-height:420px}}.product-preview{gap:8px;margin-top:10px;display:grid}.product-preview img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--accent-soft);background:var(--bg-app);border-radius:8px;width:100%}.product-info{gap:4px;display:grid}.product-info strong{color:var(--fg-primary);font-size:var(--fs-base)}.product-info span{color:var(--fg-tertiary);font-size:var(--fs-xs)}.product-info p{color:var(--fg-secondary);font-size:var(--fs-xs);margin:0;line-height:1.5}.product-prompt{word-break:break-word;max-height:150px}.processor-node{border-color:#0000;width:600px;min-width:600px;max-width:600px;position:relative;box-shadow:0 12px 48px #1418241a}.canvas-flow-shell{overscroll-behavior:contain;touch-action:none;width:100%;height:100%;position:relative}.canvas-tag-filter-bar{z-index:var(--z-canvas-chrome);pointer-events:auto;align-items:center;gap:4px;display:inline-flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.canvas-tag-filter-item{position:relative}.canvas-tag-filter-dot{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181818b8;border:2px solid #0000;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;display:grid;box-shadow:0 10px 24px #0000003d}.canvas-tag-filter-dot span{background:var(--node-tag-color);border-radius:999px;width:20px;height:20px;display:block}.canvas-tag-filter-dot:hover,.canvas-tag-filter-dot:focus-visible,.canvas-tag-filter-dot.is-active{border-color:#ffffffdb;outline:none}.canvas-tag-filter-tooltip{z-index:1;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#2a2a2af2;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;line-height:18px;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-2px)}.canvas-tag-filter-item:hover .canvas-tag-filter-tooltip,.canvas-tag-filter-dot:focus-visible+.canvas-tag-filter-tooltip{opacity:1;transform:translate(-50%)}.canvas-tag-filter-item:has(.canvas-tag-filter-menu) .canvas-tag-filter-tooltip{opacity:0}.canvas-tag-filter-menu{z-index:var(--z-canvas-chrome-menu);color:#f5f5f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#232323fa;border:1px solid #ffffff1a;border-radius:14px;width:260px;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 44px #0000005c}.canvas-tag-filter-menu-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 16px;display:flex}.canvas-tag-filter-menu-header strong{font-size:14px;line-height:20px}.canvas-tag-filter-menu-header input{color:#f5f5f5;width:92px;min-width:0;height:32px;font:inherit;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:0 9px;font-size:16px;font-weight:700}.canvas-tag-filter-menu-header input:focus{border-color:#ffffff2e;box-shadow:0 0 0 3px #ffffff0f}.canvas-tag-filter-edit-btn{color:#ffffff70;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;padding:0;display:inline-grid}.canvas-tag-filter-edit-btn:hover,.canvas-tag-filter-edit-btn:focus-visible{color:#fff;background:#ffffff14;outline:none}.canvas-tag-filter-menu-header>span:last-child{color:#ffffff7a;margin-left:auto;font-weight:700}.canvas-tag-filter-menu-color{background:var(--node-tag-color);border-radius:999px;width:14px;height:14px}.canvas-tag-filter-node-list{padding:4px 0;display:grid}.canvas-tag-filter-node-list button{width:100%;min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:400;display:flex}.canvas-tag-filter-node-list button:hover,.canvas-tag-filter-node-list button:focus-visible{background:#ffffff14;outline:none}.canvas-tag-filter-node-thumb{color:#ffffffc7;background:#00000047;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.canvas-tag-filter-node-list button>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-tag-filter-menu-footer{border-top:1px solid #ffffff14;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;padding:10px 12px 12px;display:grid}.canvas-tag-filter-menu-footer button{color:#e6e6ea;cursor:pointer;height:32px;font:inherit;background:#ffffff14;border:0;border-radius:9px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.canvas-tag-filter-menu-footer button:hover,.canvas-tag-filter-menu-footer button:focus-visible{color:#fff;background:#ffffff21;outline:none}.canvas-tag-filter-menu-footer button.danger{color:#ff7a80;background:#ff5f661f}.canvas-tag-filter-menu-footer button.danger:hover,.canvas-tag-filter-menu-footer button.danger:focus-visible{color:#ff9ca0;background:#ff5f6633}.canvas-flow-shell.space-panning,.canvas-flow-shell.space-panning .react-flow__pane{cursor:grab!important}.canvas-flow-shell.space-panning:active,.canvas-flow-shell.space-panning .react-flow__pane:active{cursor:grabbing!important}.canvas-flow-shell.space-panning .react-flow__node,.canvas-flow-shell.space-panning .react-flow__node *,.canvas-flow-shell.space-panning .react-flow__edge,.canvas-flow-shell.space-panning .react-flow__edge *,.canvas-flow-shell.space-panning .react-flow__edgelabel-renderer *,.canvas-flow-shell.space-panning .react-flow__nodesselection-rect{pointer-events:none!important}.canvas-flow-shell.comment-mode,.canvas-flow-shell.comment-mode .react-flow__pane,.canvas-flow-shell.comment-mode .react-flow__node{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 5.5h12a2 2 0 0 1 2 2v6.5a2 2 0 0 1-2 2H11l-4.5 3v-3H6a2 2 0 0 1-2-2V7.5a2 2 0 0 1 2-2Z' fill='%23a78bfa' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E") 6 6,crosshair!important}.canvas-comment-layer{z-index:var(--z-floating-panel);pointer-events:none;position:absolute;inset:0}.canvas-team-presence-prototype{z-index:calc(var(--z-floating-panel) + 2);pointer-events:none;position:absolute;inset:0}.canvas-team-presence-prototype.is-following:before{z-index:0;border:3px solid var(--presence-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--presence-color) 30%, transparent), inset 0 0 32px color-mix(in srgb, var(--presence-color) 18%, transparent);pointer-events:none;content:"";position:fixed;inset:0}.canvas-team-avatars{display:none}.canvas-team-avatar{border:2px solid var(--presence-color);color:#f5f7fb;cursor:pointer;width:34px;height:34px;font:inherit;background:#20242d;border-radius:999px;place-items:center;margin-left:-8px;font-size:12px;font-weight:760;transition:transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 10px 24px #00000047}.canvas-team-avatar:first-child{margin-left:0}.canvas-team-avatar:hover,.canvas-team-avatar.following{z-index:2;box-shadow:0 14px 30px #00000061, 0 0 0 3px color-mix(in srgb, var(--presence-color) 28%, transparent);transform:translateY(-2px)}.canvas-team-avatar.self{cursor:default}.canvas-team-avatar em{border:1px solid var(--glass-border);background:var(--canvas-floating-bg);min-width:116px;color:var(--fg-primary);opacity:0;pointer-events:none;border-radius:10px;gap:2px;padding:8px 10px;font-style:normal;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px);box-shadow:0 16px 36px #0000005c}.canvas-team-avatar:hover em{opacity:1;transform:translateY(0)}.canvas-team-avatar em strong{white-space:nowrap;font-size:12px}.canvas-team-avatar em small{color:var(--fg-tertiary);white-space:nowrap;font-size:11px}.canvas-team-cursor{color:var(--presence-color);filter:drop-shadow(0 8px 18px #00000061);pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute;transform:translate(4px,4px)}.canvas-team-cursor svg{width:22px;height:22px;fill:var(--presence-color);stroke:#ffffffdb;stroke-width:1.4px}.canvas-team-cursor span{background:var(--presence-color);color:#fff;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700}.canvas-team-follow-banner{z-index:1;border:1px solid color-mix(in srgb, var(--presence-color) 78%, #ffffff4d);background:color-mix(in srgb, var(--presence-color) 18%, var(--canvas-floating-bg));height:30px;color:var(--fg-primary);box-shadow:0 16px 36px #00000057, 0 0 0 3px color-mix(in srgb, var(--presence-color) 16%, transparent);pointer-events:auto;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 12px;font-size:12px;display:inline-flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}.canvas-team-follow-banner button{background:var(--presence-color);height:22px;color:var(--fg-inverse);cursor:pointer;font:inherit;font-size:11px;font-weight:var(--fw-semibold);border:0;border-radius:999px;padding:0 8px}.canvas-team-comments-prototype{z-index:calc(var(--z-floating-panel) + 3);width:var(--canvas-comments-panel-width);cursor:default;pointer-events:none;display:flex;position:fixed;top:0;bottom:0;right:0}.canvas-team-comments-toggle{border:1px solid var(--glass-border);background:var(--canvas-floating-bg);height:34px;color:var(--fg-primary);cursor:pointer;font:inherit;pointer-events:auto;border-radius:999px;align-items:center;gap:7px;padding:0 9px 0 11px;font-size:12px;display:inline-flex;position:absolute;top:66px;right:calc(100% + 12px);box-shadow:0 14px 30px #0000004d}.canvas-team-comments-prototype.open .canvas-team-comments-toggle{display:none}.canvas-team-comments-toggle b{background:var(--accent);min-width:18px;height:18px;color:var(--fg-inverse);border-radius:999px;place-items:center;font-size:10px;display:grid}.canvas-team-comments-panel{border:0;border-left:1px solid var(--glass-border);background:color-mix(in srgb, var(--canvas-floating-bg) 92%, var(--bg-surface));width:100%;height:100%;color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:default;pointer-events:auto;border-radius:0;flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) both canvas-comments-panel-in;display:flex;overflow:hidden;box-shadow:-18px 0 52px #00000057}@keyframes canvas-comments-panel-in{0%{opacity:.72;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.canvas-team-comments-panel header{justify-content:space-between;align-items:center;padding:20px 20px 10px;display:flex}.canvas-team-comments-panel header strong{font-size:14px}.canvas-team-comments-panel header button{width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.canvas-team-comments-panel header button:hover{background:var(--bg-hover);color:var(--fg-primary)}.canvas-team-comment-toolbar{align-items:center;gap:12px;padding:0 16px 8px;display:flex;position:relative}.canvas-team-comment-search{background:var(--bg-hover);width:246px;height:32px;color:var(--fg-tertiary);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 10px;transition:width .2s cubic-bezier(.2,.9,.2,1),border-color .18s,color .18s;display:inline-flex}.canvas-team-comment-toolbar.search-open .canvas-team-comment-search{border-color:var(--glass-border);width:calc(100% - 44px);color:var(--fg-primary)}.canvas-team-comment-search input{width:100%;min-width:0;color:var(--fg-primary);cursor:text;font:inherit;opacity:1;background:0 0;border:0;outline:0;font-size:12px}.canvas-team-comment-toolbar.search-open .canvas-team-comment-search input{opacity:1;width:100%}.canvas-team-comment-search-close,.canvas-team-comment-tools>.canvas-team-comment-menu-wrap>button{background:var(--bg-hover);width:32px;height:32px;color:var(--fg-secondary);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.canvas-team-comment-search-close:hover,.canvas-team-comment-tools>.canvas-team-comment-menu-wrap>button:hover,.canvas-team-comment-tools>.canvas-team-comment-menu-wrap>button.active{background:var(--accent-soft);color:var(--fg-primary)}.canvas-team-comment-tools{align-items:center;gap:6px;margin-left:auto;display:flex}.canvas-team-comment-menu-wrap{position:relative}.canvas-team-comment-menu{z-index:3;border:1px solid var(--glass-border);background:color-mix(in srgb, var(--canvas-floating-bg) 96%, var(--bg-surface));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:13px;min-width:194px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #0000006b}.canvas-team-comment-menu.align-right{min-width:224px;right:0}.canvas-team-comment-menu hr{background:var(--glass-border);border:0;width:100%;height:1px;margin:6px 0}.canvas-team-comment-menu>span{color:var(--fg-tertiary);padding:5px 8px 3px;font-size:11px}.canvas-team-comment-menu button{min-height:32px;color:var(--fg-secondary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 8px;font-size:12px;display:flex}.canvas-team-comment-menu button:hover,.canvas-team-comment-menu button.selected{background:var(--bg-hover);color:var(--fg-primary)}.canvas-team-comment-menu button .svg-icon{color:var(--accent);opacity:0}.canvas-team-comment-menu button.selected .svg-icon{opacity:1}.canvas-team-comment-menu button.canvas-team-comment-switch-item{color:var(--fg-primary)}.canvas-team-comment-menu button.canvas-team-comment-switch-item.selected{background:0 0}.canvas-team-comment-menu button.canvas-team-comment-switch-item:hover{background:var(--bg-hover)}.canvas-team-comment-menu-row-end{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.canvas-team-comment-switch{background:color-mix(in srgb, var(--fg-tertiary) 32%, transparent);border-radius:999px;align-items:center;width:30px;height:18px;padding:2px;transition:background .18s;display:inline-flex}.canvas-team-comment-switch span{background:var(--fg-primary);border-radius:999px;width:14px;height:14px;transition:transform .18s;transform:translate(0);box-shadow:0 1px 3px #00000052}.canvas-team-comment-switch-item.selected .canvas-team-comment-switch{background:var(--accent)}.canvas-team-comment-switch-item.selected .canvas-team-comment-switch span{transform:translate(12px)}.canvas-team-comment-menu small{color:var(--fg-tertiary);margin-left:auto;font-size:11px}.canvas-team-comment-list{flex:1;align-content:start;min-height:0;padding:0 12px 18px;display:grid;overflow:auto}.canvas-team-comment-list>.canvas-team-comment-card{width:100%;color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:10px 8px;display:grid;position:relative}.canvas-team-comment-list>.canvas-team-comment-card:hover,.canvas-team-comment-list>.canvas-team-comment-card.active{background:var(--bg-hover)}.canvas-team-comment-list>.canvas-team-comment-card.read{opacity:.62}.canvas-team-comment-list>.canvas-team-comment-card.resolved{opacity:.46}.canvas-team-comment-list>.canvas-team-comment-card.resolved:hover,.canvas-team-comment-list>.canvas-team-comment-card.resolved.active{opacity:.72}.canvas-team-comment-list>.canvas-team-comment-card>b{background:var(--accent);content:"";border-radius:999px;width:6px;height:6px;position:absolute;top:13px;left:4px}.canvas-team-comment-avatar{border:2px solid var(--presence-color);color:#fff;background:#242833;border-radius:999px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:760;display:grid}.canvas-team-comment-list>.canvas-team-comment-card>span:last-child{gap:4px;min-width:0;display:grid}.canvas-team-comment-list strong{justify-content:space-between;gap:12px;font-size:12px;display:flex}.canvas-team-comment-list em{color:var(--fg-tertiary);font-style:normal;font-weight:var(--fw-regular)}.canvas-team-comment-list small{color:var(--fg-secondary);font-size:12px;line-height:1.45}.canvas-team-comment-list i{color:var(--fg-tertiary);font-size:11px;font-style:normal}.canvas-team-comment-card-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.canvas-team-comment-card-actions>span{color:var(--fg-tertiary);font-size:10px}.canvas-team-comment-card-actions em{color:var(--fg-secondary);background:color-mix(in srgb, var(--bg-hover) 80%, transparent);cursor:pointer;border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal}.canvas-team-comment-card-actions em:hover,.canvas-team-comment-card-actions em:focus-visible{color:var(--fg-primary);background:var(--accent-soft);outline:none}.canvas-team-comment-empty{color:var(--fg-tertiary);justify-items:center;gap:8px;padding:42px 12px;font-size:12px;display:grid}.canvas-comment-pin{pointer-events:auto;width:32px;height:32px;position:absolute;transform:translate(-16px,-16px)}.canvas-comment-pin.is-editing{transform:translate(-50%,-50%)}.canvas-comment-pin.is-expanded{z-index:calc(var(--z-floating-panel) + 1)}.canvas-comment-pin.is-resolved{opacity:.48}.canvas-comment-pin.is-resolved:hover,.canvas-comment-pin.is-resolved.is-expanded{opacity:.82}.canvas-comment-avatar{background:color-mix(in srgb, var(--canvas-floating-bg) 92%, #242428);width:32px;height:32px;color:var(--fg-primary);cursor:grab;font:inherit;text-align:left;transform-origin:0 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:2px solid #ffffffdb;border-radius:999px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:0;padding:0;transition:width .24s cubic-bezier(.2,.9,.2,1),height .24s cubic-bezier(.2,.9,.2,1),padding .24s cubic-bezier(.2,.9,.2,1),border-radius .24s cubic-bezier(.2,.9,.2,1),border-color .18s,box-shadow .18s;display:grid;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 12px 28px #00000057}.canvas-comment-pin.hover-anchor-top-right .canvas-comment-avatar,.canvas-comment-pin.hover-anchor-bottom-right .canvas-comment-avatar{transform-origin:100% 0;grid-template-columns:minmax(0,1fr) 28px;left:auto;right:0}.canvas-comment-pin.hover-anchor-bottom-left .canvas-comment-avatar,.canvas-comment-pin.hover-anchor-bottom-right .canvas-comment-avatar{transform-origin:0 100%;top:auto;bottom:0}.canvas-comment-pin.hover-anchor-bottom-right .canvas-comment-avatar{transform-origin:100% 100%}.canvas-comment-pin.hover-anchor-top-right .canvas-comment-avatar img,.canvas-comment-pin.hover-anchor-bottom-right .canvas-comment-avatar img{order:2}.canvas-comment-pin.hover-anchor-top-right .canvas-comment-avatar-preview,.canvas-comment-pin.hover-anchor-bottom-right .canvas-comment-avatar-preview{order:1;transform:translate(8px)}.canvas-comment-avatar:active{cursor:grabbing}.canvas-comment-avatar img{object-fit:cover;border-radius:999px;width:28px;height:28px}.canvas-comment-avatar.is-loading{color:#d8ccff}.canvas-comment-avatar.is-loading .svg-icon{animation:.8s linear infinite canvas-comment-spin}@keyframes canvas-comment-spin{to{transform:rotate(360deg)}}.canvas-comment-pin:not(.is-expanded):hover .canvas-comment-avatar,.canvas-comment-pin:not(.is-expanded):focus-within .canvas-comment-avatar{border-color:color-mix(in srgb, #ffffffdb 72%, var(--accent));border-radius:20px;gap:10px;width:258px;height:58px;padding:7px 12px 7px 7px;box-shadow:0 18px 46px #00000061}.canvas-comment-avatar-preview{opacity:0;gap:3px;min-width:0;transition:opacity .16s 40ms,transform .2s cubic-bezier(.2,.9,.2,1) 40ms;display:grid;transform:translate(-8px)}.canvas-comment-avatar-preview>span{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.canvas-comment-avatar-preview strong{color:var(--fg-primary);font-size:13px;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-comment-avatar-preview em{color:var(--fg-tertiary);white-space:nowrap;flex:none;font-size:11px;font-style:normal}.canvas-comment-avatar-preview small{color:var(--fg-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.canvas-comment-pin:not(.is-expanded):hover .canvas-comment-avatar-preview,.canvas-comment-pin:not(.is-expanded):focus-within .canvas-comment-avatar-preview{opacity:1;transform:translate(0)}.canvas-comment-pin.is-expanded>.canvas-comment-avatar{visibility:hidden;pointer-events:none}.canvas-comment-editor,.canvas-comment-bubble{border:1px solid var(--glass-border);background:var(--canvas-floating-bg);width:288px;color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:0 0;border-radius:18px;position:absolute;top:0;left:0;box-shadow:0 24px 64px #0000006b}.canvas-comment-editor{gap:10px;padding:10px;animation:.18s cubic-bezier(.22,1,.36,1) both canvas-comment-pop;display:grid}@keyframes canvas-comment-pop{0%{opacity:0;transform:scale(.76)}to{opacity:1;transform:scale(1)}}.canvas-comment-editor textarea,.canvas-comment-reply-box textarea,.canvas-comment-reply-edit textarea{box-sizing:border-box;border:1px solid var(--border-default);background:var(--canvas-field-bg);width:100%;color:var(--fg-primary);font:inherit;resize:none;border-radius:12px;outline:none;font-size:13px}.canvas-comment-editor textarea{min-height:88px;padding:10px}.canvas-comment-editor textarea:focus,.canvas-comment-reply-box textarea:focus,.canvas-comment-reply-edit textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.canvas-comment-editor-actions,.canvas-comment-reply-edit>div{justify-content:flex-end;gap:8px;display:flex}.canvas-comment-editor-actions button,.canvas-comment-reply-edit button,.canvas-comment-confirm button{background:var(--bg-hover);height:30px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);border:0;border-radius:9px;padding:0 11px}.canvas-comment-editor-actions button.primary,.canvas-comment-reply-edit button.primary{background:var(--accent);color:var(--fg-inverse)}.canvas-comment-editor-actions button:disabled,.canvas-comment-reply-edit button:disabled,.canvas-comment-reply-box button:disabled{cursor:not-allowed;opacity:.42}.canvas-comment-bubble{opacity:0;pointer-events:none;clip-path:inset(0 0 64% round 20px);border-radius:20px;gap:10px;padding:12px;transition:opacity .16s,clip-path .26s cubic-bezier(.2,.86,.22,1),transform .26s cubic-bezier(.2,.86,.22,1);display:grid;overflow:hidden;transform:translateY(-2px)}.canvas-comment-pin.is-expanded .canvas-comment-bubble,.canvas-comment-pin.is-expanded:focus-within .canvas-comment-bubble{opacity:1;pointer-events:auto;clip-path:inset(0 round 20px);border-radius:20px;transform:translateY(0)}.canvas-comment-bubble-header{grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid;position:relative}.canvas-comment-reply header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid;position:relative}.canvas-comment-resolve{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);height:26px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:11px;font-weight:var(--fw-semibold);border-radius:999px;padding:0 9px}.canvas-comment-resolve:hover,.canvas-comment-resolve:focus-visible{background:color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.canvas-comment-bubble-header>img,.canvas-comment-reply>img{object-fit:cover;border-radius:999px;width:30px;height:30px}.canvas-comment-bubble-header strong,.canvas-comment-reply strong{color:var(--fg-primary);font-size:13px;display:block}.canvas-comment-bubble-header span,.canvas-comment-reply header span{color:var(--fg-tertiary);font-size:11px}.canvas-comment-more-wrap{position:relative}.canvas-comment-more{width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.canvas-comment-more:hover,.canvas-comment-more:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-comment-close{width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.canvas-comment-close:hover,.canvas-comment-close:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-comment-menu,.canvas-comment-confirm{z-index:2;border:1px solid var(--glass-border);background:var(--canvas-floating-bg);border-radius:12px;gap:2px;min-width:112px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 42px #0006}.canvas-comment-menu button{height:30px;color:var(--fg-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;font-size:12px}.canvas-comment-menu button:hover{background:var(--bg-hover)}.canvas-comment-menu button.danger,.canvas-comment-confirm button.danger{color:#fecaca}.canvas-comment-confirm{grid-template-columns:1fr auto auto;align-items:center;min-width:176px}.canvas-comment-confirm span{color:var(--fg-primary);white-space:nowrap;font-size:12px}.canvas-comment-content{color:var(--fg-primary);white-space:pre-wrap;font-size:13px;line-height:1.55}.canvas-comment-replies{border-top:1px solid var(--border-subtle);gap:10px;padding-top:8px;display:grid}.canvas-comment-reply{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}.canvas-comment-reply-body{gap:4px;min-width:0;display:grid}.canvas-comment-reply p{color:var(--fg-secondary);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.5}.canvas-comment-reply-edit{gap:8px;display:grid}.canvas-comment-reply-edit textarea{min-height:58px;padding:8px}.canvas-comment-reply-box{position:relative}.canvas-comment-reply-box textarea{min-height:34px;padding:8px 10px;transition:min-height .16s,padding-bottom .16s}.canvas-comment-reply-box.is-focused textarea{min-height:76px;padding-bottom:36px}.canvas-comment-reply-box button{background:var(--accent);height:26px;color:var(--fg-inverse);cursor:pointer;font:inherit;font-size:12px;font-weight:var(--fw-semibold);border:0;border-radius:8px;padding:0 10px;position:absolute;bottom:7px;right:7px}.canvas-composer-overlay{z-index:var(--z-generator-panel);pointer-events:auto;width:min(720px,100vw - 320px);min-width:560px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.canvas-page.comments-panel-open .canvas-composer-overlay{left:calc((100vw - var(--canvas-comments-panel-width)) / 2);width:min(720px, calc(100vw - var(--canvas-comments-panel-width) - 80px))}@media (width<=980px){.canvas-page.comments-panel-open .canvas-flow-shell{width:100%}.canvas-page.comments-panel-open .canvas-account-pill{right:16px}.canvas-page.comments-panel-open .canvas-share-control{right:161px}.canvas-page.comments-panel-open .canvas-composer-overlay{width:min(720px,100vw - 320px);left:50%}.canvas-team-comments-prototype{width:min(var(--canvas-comments-panel-width), calc(100vw - 48px))}}.canvas-composer-overlay.canvas-composer-following{position:absolute;inset:0 auto auto 0;transform:none}.canvas-overlay-expand-btn{z-index:6;border:1px solid color-mix(in srgb, var(--border-subtle) 76%, transparent);background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);width:30px;height:30px;color:var(--fg-tertiary);cursor:pointer;opacity:.72;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;place-items:center;padding:0;transition:opacity .14s,color .14s,border-color .14s,background .14s,transform .14s;display:inline-grid;position:absolute;top:10px;right:10px;box-shadow:0 8px 22px #00000029}.canvas-overlay-expand-btn:hover{opacity:1;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--bg-elevated));color:var(--accent);transform:translateY(-1px)}.canvas-composer-overlay .processor-node{width:100%;min-width:0;max-width:none}.processor-node .node-header{background:var(--bg-surface)}.processor-error-message{border:1px solid var(--error);background:var(--error-soft);color:var(--error);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:pre-wrap;word-break:break-word;border-radius:8px;align-items:flex-start;gap:10px;margin:10px 12px 0;padding:9px 11px;line-height:1.45;display:flex}.processor-error-text{flex:1;min-width:0}.processor-error-copy{border:1px solid var(--error);background:var(--glass-bg);min-width:42px;height:24px;color:var(--error);cursor:pointer;font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:7px;flex:none;padding:0 8px;line-height:1}.processor-error-copy:hover{background:var(--error-soft)}.processor-notice-message{border:1px solid var(--warning,#f5b544);color:var(--warning,#f5b544);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:#f5b5441a;border-radius:8px;align-items:flex-start;gap:10px;margin:10px 12px 0;padding:9px 11px;line-height:1.45;display:flex}.processor-notice-close{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.processor-notice-close:hover{background:#f5b54429}.processor-footer-wrap{position:relative}.processor-footer{border-top:1px solid var(--accent-soft);justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px;display:flex}.text-processor-node .processor-footer,.image-processor-node .processor-footer{border-top:none}.text-processor-node{background:#202020;border:1px solid #ffffff29;border-radius:16px;width:560px;min-width:560px;max-width:560px;overflow:hidden;box-shadow:0 16px 42px #0000003d}.text-processor-node .node-body{padding:0}.text-processor-composer{min-height:146px;margin:0;padding:10px 16px;position:relative}.text-processor-composer .image-mention-field{position:static}.text-processor-composer .image-mention-editor{color:#f1f1f2;background:0 0;border:0;border-radius:0;max-height:128px;padding:6px 0 0;font-size:14px;line-height:1.55;min-height:104px!important}.text-processor-composer .image-mention-editor:focus{box-shadow:none;background:0 0;border:0}.text-processor-composer .image-mention-editor[data-empty=true]:before{color:#8b8b8f}.text-processor-node .processor-footer{background:#202020;justify-content:flex-end;gap:8px;min-height:44px;padding:6px 12px 10px 16px}.text-processor-node .processor-model-group{gap:6px}.text-processor-node .processor-model-trigger{color:#f0f0f1;background:0 0;border:0;max-width:190px;height:30px;padding-inline:10px;font-size:13px}.text-processor-node .processor-model-trigger:hover,.text-processor-node .processor-model-trigger:focus-visible{color:#fff;box-shadow:none;background:0 0}.text-processor-node .processor-model-group .processor-model-dropdown:nth-child(2) .processor-model-trigger{color:#a9a9ae;max-width:124px}.text-processor-voice,.processor-voice-trigger{color:#c2c2c6;cursor:pointer;background:0 0;border:0;border-radius:20px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.text-processor-voice:hover,.text-processor-voice:focus-visible,.processor-voice-trigger:hover:not(:disabled),.processor-voice-trigger:focus-visible{color:#fff;background:#343434;outline:none}.processor-voice-trigger:disabled{cursor:not-allowed;opacity:.48}.processor-count-trigger[data-tooltip],.processor-voice-trigger[data-tooltip]{position:relative}.processor-count-trigger[data-tooltip]:after,.processor-voice-trigger[data-tooltip]:after{z-index:var(--z-generator-panel);border:1px solid var(--canvas-tooltip-border);background:var(--canvas-tooltip-bg);width:max-content;max-width:180px;box-shadow:var(--canvas-tooltip-shadow);color:var(--canvas-tooltip-fg);content:attr(data-tooltip);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:6px 10px;line-height:1.25;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.processor-count-trigger[data-tooltip]:hover:after,.processor-count-trigger[data-tooltip]:focus-visible:after,.processor-voice-trigger[data-tooltip]:hover:after,.processor-voice-trigger[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.processor-count-control{flex:none;position:relative}.processor-count-trigger{width:36px;height:36px;color:var(--fg-primary);font:inherit;font-size:13px;font-weight:var(--fw-bold);cursor:pointer;background:0 0;border:0;border-radius:20px;place-items:center;display:inline-grid}.processor-count-trigger:hover:not(:disabled),.processor-count-trigger:focus-visible{color:var(--fg-primary);background:#343434;outline:none}.processor-count-trigger:disabled{cursor:not-allowed;opacity:.48}.processor-count-popover{z-index:var(--z-generator-panel);border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:12px;min-width:72px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000003d}.processor-count-popover button{height:30px;color:var(--fg-secondary);font:inherit;font-size:13px;font-weight:var(--fw-bold);cursor:pointer;background:0 0;border:0;border-radius:8px}.processor-count-popover button:hover,.processor-count-popover button:focus-visible,.processor-count-popover button.active{background:color-mix(in srgb, var(--accent) 14%, var(--bg-surface));color:var(--accent);outline:none}.processor-voice-panel{color:#ededee;background:#3a3a3ceb;border:1px solid #ffffff14;border-radius:15px;flex:0 244px;align-items:center;gap:7px;min-width:214px;max-width:244px;height:34px;padding:3px 8px 3px 4px;display:inline-flex;position:relative;box-shadow:0 10px 26px #0000002e}.processor-voice-cancel,.processor-voice-complete{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:11px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.processor-voice-complete{background:#ffffff2e}.processor-voice-cancel:hover,.processor-voice-cancel:focus-visible,.processor-voice-complete:hover:not(:disabled),.processor-voice-complete:focus-visible{background:#fff3;outline:none}.processor-voice-complete:disabled{cursor:wait;opacity:.86}.processor-voice-panel:not(.is-listening) .processor-voice-complete .svg-icon{animation:.9s linear infinite processor-voice-spin}.processor-voice-content{flex:1;gap:3px;min-width:0;display:grid}.processor-voice-status{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:12px;overflow:hidden}.processor-voice-bars{align-items:center;gap:3px;height:13px;display:flex}.processor-voice-bars span{width:2px;height:calc(3px + var(--voice-bar-level,.18) * 12px);background:#ffffffb8;border-radius:999px;min-height:3px;transition:height 80ms linear,opacity .12s}.processor-voice-panel.is-recognizing .processor-voice-bars span,.processor-voice-panel.is-polishing .processor-voice-bars span{animation:.72s ease-in-out infinite alternate processor-voice-pulse}@keyframes processor-voice-spin{to{transform:rotate(360deg)}}@keyframes processor-voice-pulse{0%{opacity:.45;transform:scaleY(.72)}to{opacity:1;transform:scaleY(1)}}.generate-credit-button{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;height:36px;padding:2px 2px 2px 10px;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.generate-credit-button-cost{color:#e5e5e8;align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.generate-credit-button-cost .svg-icon{color:#b9a5ff}.generate-credit-button-action{color:#242424;cursor:pointer;background:#c5c5c8;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,transform .1s;display:flex}.generate-credit-button-action:hover:not(:disabled){background:#ededee}.generate-credit-button-action:disabled{color:#ffffff5c;cursor:not-allowed;background:#ffffff2e}.generate-credit-button-action.cancel{background:var(--error);color:#fff}.generate-credit-button-action:active:not(:disabled){transform:scale(.95)}.processor-voice-generate-control{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}.processor-voice-generate-control.is-listening{flex:none}.processor-voice-generate-control.is-submitting{justify-content:center}.processor-voice-generate-cancel,.processor-voice-generate-loading{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:inline-flex}.processor-voice-generate-cancel{color:var(--fg-secondary);background:#ffffff14;transition:background .15s,color .15s}.processor-voice-generate-cancel:hover,.processor-voice-generate-cancel:focus-visible{color:var(--fg-primary);background:#ffffff29;outline:none}.processor-voice-generate-loading{color:#ffffffeb;cursor:not-allowed;background:#222224f5}.processor-voice-generate-loading .svg-icon{animation:.9s linear infinite processor-voice-spin}.processor-voice-generate-confirm{color:#10c878;cursor:pointer;background:#f4f5f71a;border:0;border-radius:999px;justify-content:center;align-items:center;width:180px;min-width:180px;height:36px;padding:0 44px;transition:background .18s,color .18s,padding .18s;display:inline-flex;position:relative;overflow:hidden}.processor-voice-generate-confirm.is-send-hover{color:#fff;background:#08c476;padding:0 24px}.processor-voice-generate-dots{align-items:center;gap:7px;display:inline-flex}.processor-voice-generate-dots.left{transform:translate(-10px)}.processor-voice-generate-dots i{width:5px;height:calc(5px + var(--voice-level,0) * 17px);background:currentColor;border-radius:999px;transition:height 80ms linear}.processor-voice-generate-dots.right{opacity:0;width:0;margin-left:0;transition:width .18s,margin-left .18s,opacity .16s,transform .18s;transform:translate(8px)}.processor-voice-generate-label{opacity:0;white-space:nowrap;width:0;font-size:14px;font-weight:650;transition:width .18s,margin .18s,opacity .16s;overflow:hidden}.processor-voice-generate-arrow{color:#fff;background:#08c476;border-radius:999px;place-items:center;width:28px;height:28px;transition:opacity .16s,transform .18s;display:grid;position:absolute;right:4px}.processor-voice-generate-confirm.is-send-hover .processor-voice-generate-label{opacity:1;width:36px;margin:0 10px}.processor-voice-generate-confirm.is-send-hover .processor-voice-generate-dots.right{opacity:1;width:27px;margin-left:2px;transform:translate(0)}.processor-voice-generate-confirm.is-send-hover .processor-voice-generate-dots{gap:6px}.processor-voice-generate-confirm.is-send-hover .processor-voice-generate-dots i{height:calc(5px + var(--voice-level,0) * 17px)}.processor-voice-generate-confirm.is-send-hover .processor-voice-generate-dots.left{transform:translate(0)}.processor-voice-generate-confirm.is-send-hover .processor-voice-generate-dots.left i:nth-child(n+4),.processor-voice-generate-confirm.is-send-hover .processor-voice-generate-dots.right i:nth-child(n+4){display:none}.processor-voice-generate-confirm.is-send-hover .processor-voice-generate-arrow{opacity:0;transform:translate(18px)scale(.82)}.processor-model-label{font-size:var(--fs-xs);color:var(--fg-tertiary);margin-right:auto}.processor-model-group{align-items:center;gap:4px;margin-right:auto;display:flex}.processor-model-dropdown{min-width:0;position:relative}.processor-model-trigger{color:#f0f0f1;cursor:pointer;width:auto;min-width:0;max-width:168px;min-height:30px;font-family:inherit;font-size:13px;font-weight:var(--fw-semibold);background:0 0;border:0;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;line-height:1;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.processor-model-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.processor-model-trigger-icon{width:17px;height:17px;color:var(--fg-primary);flex:0 0 17px;place-items:center;display:grid}.processor-model-trigger-icon img{object-fit:cover;width:100%;height:100%;display:block}.processor-model-trigger svg{opacity:.68;flex:none;transition:opacity .16s}.processor-model-dropdown.open .processor-model-trigger{color:#fff;box-shadow:none;background:#343434;border-color:#0000}.processor-model-dropdown.open .processor-model-trigger svg{opacity:1}.processor-model-trigger:hover:not(:disabled),.processor-model-trigger:focus-visible{color:#fff;box-shadow:none;background:#343434;border-color:#0000}.processor-model-trigger:disabled{cursor:default;opacity:.46}.processor-model-menu{z-index:var(--z-generator-panel);border:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);background:var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;flex-direction:column;gap:7px;width:min(300px,100vw - 24px);min-width:0;max-width:360px;max-height:280px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 44px #00000052,inset 0 0 0 1px #ffffff0a}.processor-model-menu.is-portaled{min-width:0}.processor-model-option{background:color-mix(in srgb, var(--fg-primary) 6%, var(--bg-elevated));width:100%;min-height:72px;color:var(--fg-secondary);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:left;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:background .14s,color .14s,transform .14s;display:flex}.processor-model-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.processor-model-option-main{flex-direction:column;flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.processor-model-option-head{align-items:center;gap:9px;width:100%;min-width:0;max-width:270px;display:flex}.processor-model-option-icon{width:22px;height:22px;color:color-mix(in srgb, var(--fg-primary) 74%, transparent);flex:0 0 22px;place-items:center;display:grid}.processor-model-option-icon img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.processor-model-option-name{max-width:190px;color:var(--fg-primary);font-size:14px;font-weight:var(--fw-bold);line-height:1.1}.processor-model-option-badge{color:#10202b;background:#9bd5f5;border-radius:999px;flex:none;padding:3px 9px 4px;font-size:11px;font-style:italic;font-weight:800;line-height:1}.processor-model-option-tags{flex-wrap:wrap;align-items:center;gap:6px;max-width:270px;padding-left:0;display:flex}.processor-model-option-tag{background:color-mix(in srgb, var(--fg-primary) 8%, transparent);max-width:110px;color:color-mix(in srgb, var(--fg-secondary) 86%, transparent);font-size:12px;font-weight:var(--fw-semibold);border-radius:999px;flex:0 auto;padding:5px 10px;line-height:1}.processor-model-option-check{width:22px;height:22px;color:var(--fg-primary);border-radius:50%;flex:0 0 22px;place-items:center;display:grid}.processor-model-option-check svg{color:var(--accent);flex:none}.processor-model-option:hover:not(:disabled),.processor-model-option:focus-visible{background:color-mix(in srgb, var(--fg-primary) 11%, var(--bg-elevated));border-color:color-mix(in srgb, var(--fg-primary) 13%, transparent);color:var(--fg-primary);outline:none}.processor-model-option.active{background:color-mix(in srgb, var(--fg-primary) 10%, var(--bg-elevated));color:var(--fg-primary)}.processor-model-option.active .processor-model-option-icon{color:var(--fg-primary)}.processor-model-option.active .processor-model-option-tag{background:color-mix(in srgb, var(--fg-primary) 9%, transparent);color:var(--fg-secondary)}.processor-model-option:disabled{cursor:default;opacity:.5}.processor-model-select{appearance:none;width:auto;max-width:150px;height:32px;color:var(--fg-tertiary);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 12px),calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:0;border-radius:8px;outline:none;padding:0 24px 0 10px;transition:background-color .15s,color .15s}.processor-model-select:hover:not(:disabled),.processor-model-select:focus{background-color:var(--overlay-hover);color:var(--fg-primary)}.processor-model-select:disabled{color:var(--fg-tertiary);cursor:default;opacity:.5}.processor-settings-btn{cursor:pointer;height:32px;font-size:var(--fs-lg);color:var(--fg-tertiary);background:0 0;border:none;border-radius:20px;align-items:center;gap:5px;padding:0 10px;transition:background .15s,color .15s;display:flex}.processor-settings-summary{font-size:var(--fs-sm);color:var(--fg-tertiary);white-space:nowrap}.processor-settings-btn:hover{background:var(--overlay-hover);color:var(--fg-primary)}.image-processor-settings-btn,.video-processor-settings-btn{max-width:220px}.image-processor-settings-btn .processor-settings-summary,.video-processor-settings-btn .processor-settings-summary{text-overflow:ellipsis;overflow:hidden}.image-processor-node .processor-model-trigger{color:#dedede;border-radius:20px;min-height:36px;font-weight:400}.image-processor-node .image-processor-settings-btn{border-radius:20px;height:36px;padding-left:12px;padding-right:12px}.image-processor-node .image-processor-settings-btn .processor-settings-summary{color:#dedede}.image-processor-settings-anchor{flex:none;display:inline-flex;position:relative}.image-processor-settings-anchor .processor-settings-panel{margin-bottom:8px;left:50%;right:auto;transform:translate(-50%)}.image-camera-control{flex:none;align-items:center;display:inline-flex;position:relative}.image-camera-control-trigger-group{flex:0 auto;align-items:center;min-width:0;max-width:154px;display:inline-flex}.image-camera-control-trigger{min-width:0;max-width:154px;position:relative}.image-camera-control-trigger-icon{object-fit:contain;flex:0 0 21px;width:21px;height:21px;display:block}.image-camera-control-trigger-icon.is-active{background:radial-gradient(circle at 46% 43%,#75c7dd 0 7%,#315480 10%,#282052 21%,#080a13 35%,#202631 52%,#070910 67%,#020307 76%);border-radius:50%;box-shadow:inset 0 0 0 1px #a0aec457,inset 0 0 5px #755bd880,0 0 3px #4163af40}.image-camera-control-trigger.has-clear{max-width:154px;padding-right:4px}.image-camera-control-summary{min-width:0;max-width:98px;color:inherit;font-size:inherit;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-camera-control-trigger .image-camera-control-clear{width:22px;height:22px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 0 22px;place-items:center;margin-left:2px;padding:0;display:inline-grid;overflow:visible}.image-camera-control-trigger .image-camera-control-clear:hover,.image-camera-control-trigger .image-camera-control-clear:focus-visible{color:var(--fg-primary);background:#ffffff1f;outline:none}.image-camera-control-hover-card{z-index:calc(var(--z-generator-panel) + 1);box-sizing:border-box;color:#f1f1f2;opacity:0;pointer-events:none;visibility:hidden;background:#242424;border:1px solid #ffffff24;border-radius:12px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;width:min(320px,100vw - 24px);padding:10px 12px;transition:opacity .14s,transform .14s,visibility .14s;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 14px 36px #0000005c}.image-camera-control-trigger-group:hover+.image-camera-control-hover-card,.image-camera-control-trigger-group:focus-within+.image-camera-control-hover-card{opacity:1;visibility:visible;transform:translate(-50%)}.image-camera-control-hover-media{width:72px;height:52px;color:var(--fg-secondary);background:#ffffff0d;border-radius:8px;place-items:center;display:grid;overflow:hidden}.image-camera-control-hover-media>img{object-fit:contain;width:66px;height:48px}.image-camera-control-hover-copy{gap:6px;min-width:0;display:grid}.image-camera-control-hover-title{align-items:center;gap:7px;min-width:0;display:flex}.image-camera-control-hover-title>strong{color:#f4f4f5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.image-camera-control-hover-title>span{color:#c8c8ce;background:#ffffff1a;border-radius:999px;flex:none;padding:3px 6px;font-size:10px;line-height:1}.image-camera-control-hover-copy>small{color:#a9a9b0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.image-camera-control-popover{z-index:var(--z-generator-panel);box-sizing:border-box;color:#f1f1f2;background:#242424;border:1px solid #ffffff24;border-radius:14px;width:min(620px,100vw - 24px);padding:12px 14px 14px;position:absolute;bottom:calc(100% + 10px);left:50%;right:auto;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 54px #0006}.image-camera-control-popover>header{justify-content:space-between;align-items:center;min-height:32px;padding:0 2px 10px;display:flex}.image-camera-control-popover>header>strong{font-size:13px;font-weight:650}.image-camera-control-confirm{color:#1b1b1c;min-height:28px;font:inherit;cursor:pointer;background:#ececef;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.image-camera-control-confirm:hover:not(:disabled){background:#fff}.image-camera-control-confirm:focus-visible{outline-offset:2px;outline:2px solid #d7c6ff}.image-camera-control-confirm:disabled{opacity:.48;cursor:default}.image-camera-control-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.image-camera-control-field{grid-template-rows:20px 208px 20px;align-content:start;justify-items:center;gap:2px;min-width:0;padding:0;display:grid}.image-camera-control-wheel-step{color:#a9a9b0;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:20px;padding:0;display:grid}.image-camera-control-wheel-step:hover:not(:disabled),.image-camera-control-wheel-step:focus-visible{color:#f1f1f2;background:#ffffff17;outline:none}.image-camera-control-wheel-step:disabled{cursor:default;opacity:.24}.image-camera-control-wheel-step.is-up .svg-icon{transform:rotate(180deg)}.image-camera-control-wheel{width:100%;min-width:0;height:208px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.image-camera-control-wheel:focus-visible{outline-offset:-2px;border-radius:8px;outline:2px solid #d7c6ff}.image-camera-control-wheel-option{z-index:1;color:#a6a6ac;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:24px;padding:0 5px;transition:top .22s cubic-bezier(.2,.75,.25,1),background-color .18s,color .18s,opacity .18s,transform .22s cubic-bezier(.2,.75,.25,1);display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.78)}.image-camera-control-wheel-option.is-adjacent{color:#c4c4c9;opacity:.78;height:54px;transform:translate(-50%,-50%)scale(.94)}.image-camera-control-wheel-option.is-current{color:#fff;opacity:1;background:0 0;border:0;border-radius:0;grid-template-rows:1fr;align-content:center;justify-items:center;gap:4px;width:min(120px,100% - 8px);height:100px;padding:7px 6px;display:grid;transform:translate(-50%,-50%)scale(1)}.image-camera-control-wheel-option.is-camera-body{grid-template-rows:1fr auto;gap:2px;padding:15px 6px 6px}.image-camera-control-wheel-option.is-lens{grid-template-rows:1fr auto;gap:2px;padding:12px 6px 6px}.image-camera-control-wheel-option.is-aperture{grid-template-rows:1fr auto;gap:2px;padding:15px 6px 6px}.image-camera-control-current-frame{z-index:2;box-sizing:border-box;pointer-events:none;background:linear-gradient(150deg,#ffffff13,#ffffff09);border:1px solid #ffffff29;border-radius:12px;width:min(120px,100% - 8px);height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-camera-control-current-frame>span{color:#b8b8bd;text-align:center;font-size:10px;line-height:1;position:absolute;top:7px;left:6px;right:6px}.image-camera-control-wheel-option:hover:not(:disabled){color:#fff}.image-camera-control-wheel-option:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #d7c6ffb8}.image-camera-control-wheel-option:disabled{cursor:default}.image-camera-control-card-label{color:#b8b8bd;text-align:center;justify-self:center;width:100%;font-size:10px;line-height:1}.image-camera-control-card-preview{color:#e1e1e5;place-items:center;width:100%;min-height:0;display:grid}.image-camera-control-card-preview>.svg-icon{color:#dedee3}.image-camera-control-card-preview>strong{color:#f5f5f6;font-size:22px;font-weight:500;line-height:1}.image-camera-control-card-name{color:#f1f1f2;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;font-weight:600;line-height:1.2;overflow:hidden}.image-camera-control-option-image{object-fit:contain;max-width:100%}.image-camera-control-wheel-option.is-current .image-camera-control-option-image{width:58px;height:44px}.image-camera-control-wheel-option.is-camera-body.is-current .image-camera-control-option-image{width:72px;height:52px}.image-camera-control-wheel-option.is-aperture.is-current .image-camera-control-option-image{width:52px;height:52px}.image-camera-control-wheel-option.is-adjacent .image-camera-control-option-image{width:82px;height:38px}.image-camera-control-visual-alternative{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex;overflow:hidden}.image-camera-control-visual-alternative>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:500;line-height:12px;overflow:hidden}.image-camera-control-wheel-option.is-adjacent>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}@media (width<=600px){.image-camera-control-popover{right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:auto;position:fixed;left:12px;transform:none}.image-camera-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}}.audio-processor-node .audio-lyrics-composer{margin-bottom:0}.audio-processor-node .audio-lyrics-custom-field{border-top:1px solid color-mix(in srgb, var(--border-subtle) 68%, transparent);margin-top:12px;padding-top:12px}.audio-processor-node .audio-lyrics-composer textarea,.audio-processor-node .audio-lyrics-composer textarea:hover,.audio-processor-node .audio-lyrics-composer textarea:focus{box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}.audio-processor-node .processor-footer{justify-content:flex-end}.audio-processor-node .processor-model-group{flex:auto}.audio-processor-node .processor-model-trigger{max-width:180px}.audio-lyrics-settings-anchor{min-width:0;display:inline-flex;position:relative}.audio-processor-node .audio-lyrics-settings-panel{min-width:220px;margin-bottom:0;bottom:calc(100% + 8px);left:0;right:auto}.processor-credit-pill{border:1px solid color-mix(in srgb, var(--border-subtle) 62%, transparent);background:color-mix(in srgb, var(--canvas-inner-bg) 84%, transparent);height:30px;color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 9px;display:inline-flex}.processor-run-btn{background:var(--accent);width:30px;height:30px;color:var(--fg-inverse);cursor:pointer;font-size:var(--fs-sm);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .1s;display:flex}.processor-run-btn:hover{background:var(--accent)}.processor-run-btn.cancel,.processor-run-btn.cancel:hover{background:var(--error)}.processor-run-btn:active{transform:scale(.95)}.processor-run-btn:disabled{background:var(--border-default);cursor:not-allowed}.processor-settings-panel{background:var(--bg-elevated);z-index:var(--z-generator-panel);border-radius:12px;min-width:240px;margin-bottom:2px;padding:16px;position:absolute;bottom:100%;right:8px;box-shadow:0 8px 32px #0000001f}.image-processor-node .processor-settings-panel{box-sizing:border-box;width:360px;min-width:0;max-width:calc(100vw - 24px)}.processor-settings-panel .settings-section{margin-bottom:14px}.processor-settings-panel .settings-section:last-child{margin-bottom:0}.processor-settings-panel .settings-label{font-size:var(--fs-xs);color:var(--fg-primary);font-weight:var(--fw-bold);margin-bottom:8px}.ratio-grid{background:var(--bg-surface);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid}.image-ratio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.image-ratio-grid .ratio-card{gap:3px;min-width:0;min-height:54px;padding:6px 4px}.image-ratio-grid .ratio-card-icon{width:18px;height:14px}.image-ratio-grid .ratio-card-icon.square{width:14px;height:14px}.image-ratio-grid .ratio-card-icon.portrait{width:10px;height:16px}.image-ratio-grid .ratio-card-icon.wide{width:20px;height:9px}.ratio-card{background:var(--bg-elevated);cursor:pointer;font-size:var(--fs-xs);color:var(--fg-secondary);border:1.5px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;transition:border-color .15s;display:flex}.ratio-card-text{text-align:center;gap:2px;min-width:0;line-height:1.15;display:grid}.ratio-card-channel,.ratio-card-value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.ratio-card-channel{color:var(--fg-secondary);font-size:11px;font-weight:var(--fw-bold)}.ratio-card-value{color:var(--fg-tertiary);font-size:10px}.ratio-card.active .ratio-card-channel,.ratio-card.active .ratio-card-value{color:var(--accent)}.ratio-card:hover{border-color:var(--accent)}.ratio-card.active{border-color:var(--accent);color:var(--accent)}.ratio-card-icon{border:1.5px solid;border-radius:2px;width:20px;height:16px}.ratio-card-icon.square{width:16px;height:16px}.ratio-card-icon.portrait{width:12px;height:18px}.ratio-card-icon.wide{width:22px;height:10px}.duration-slider-control{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;gap:9px;padding:10px;display:grid}.duration-slider-head,.duration-slider-row{align-items:center;display:flex}.duration-slider-head{justify-content:space-between;gap:8px}.duration-slider-head strong{color:var(--accent);font-size:13px;line-height:1}.duration-auto-toggle{height:26px;color:var(--fg-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);cursor:pointer;border-radius:7px;padding:0 10px;font-size:12px;font-weight:700}.duration-auto-toggle.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.duration-slider-row{gap:8px}.duration-slider-row span{color:var(--fg-tertiary);flex:none;font-size:11px;font-weight:700}.duration-slider-row input[type=range]{min-width:0;accent-color:var(--accent);flex:auto}.option-row{background:var(--bg-surface);border-radius:10px;gap:6px;padding:6px;display:flex}.option-btn{background:var(--bg-elevated);cursor:pointer;font-size:var(--fs-xs);color:var(--fg-secondary);text-align:center;border:1.5px solid #0000;border-radius:8px;flex:1;padding:7px 4px;transition:border-color .15s}.option-btn:hover{border-color:var(--accent)}.option-btn.active{border-color:var(--accent);color:var(--accent);font-weight:var(--fw-bold)}.image-upload-zone{border:2px dashed var(--accent-soft);text-align:center;cursor:default;color:var(--fg-tertiary);font-size:var(--fs-xs);background:var(--bg-app);border-radius:6px;padding:20px}.image-upload-zone:hover{border-color:var(--accent);color:var(--fg-primary)}.upload-format-error{border:1px solid var(--error);background:var(--error-soft);color:var(--error);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:7px;margin-top:8px;padding:7px 9px;line-height:1.35}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-thumb{aspect-ratio:1;background:var(--bg-app);border:1px solid var(--accent-soft);border-radius:6px;position:relative;overflow:hidden}.image-thumb img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.image-thumb:hover,.image-thumb:focus-within,.result-image-wrap:hover,.result-image-wrap:focus-within,.result-image-expanded-card:hover,.result-image-expanded-card:focus-within{overflow:visible}.image-action-layer{z-index:6;pointer-events:none;position:absolute;inset:0}.image-action-layer.marking{cursor:crosshair;pointer-events:auto}.image-action-layer.is-annotating,.image-action-layer.is-inpainting,.image-action-layer.is-perspective,.image-action-layer.is-lighting{z-index:36;cursor:crosshair;pointer-events:auto;overflow:visible}.image-action-layer.is-cropping,.image-action-layer.is-grid-splitting{z-index:36;cursor:default;pointer-events:auto;overflow:hidden}.image-action-layer.is-prototype-editing{z-index:36;pointer-events:auto;overflow:visible}.image-action-layer.is-perspective,.image-action-layer.is-lighting{cursor:default}.image-action-toolbar{z-index:var(--z-node-toolbar);border:1px solid var(--border-default);background:var(--glass-bg);opacity:0;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:4px;transition:opacity .15s,transform .15s;display:inline-flex;position:absolute;top:8px;left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 12px 30px #141c2e2e}.image-thumb:hover .image-action-toolbar,.result-image-wrap:hover .image-action-toolbar,.result-image-expanded-card:hover .image-action-toolbar,.image-action-layer:focus-within .image-action-toolbar,.image-action-layer.is-open .image-action-toolbar,.image-action-layer.marking .image-action-toolbar{opacity:1;transform:translate(-50%)translateY(0)}.image-action-layer.is-annotating .image-action-toolbar,.image-action-layer.is-inpainting .image-action-toolbar,.image-action-layer.is-perspective .image-action-toolbar,.image-action-layer.is-lighting .image-action-toolbar,.image-action-layer.is-cropping .image-action-toolbar,.image-action-layer.is-grid-splitting .image-action-toolbar{display:none}.image-crop-toolbar{z-index:var(--z-node-toolbar);width:max-content;max-width:calc(100vw - 32px);color:var(--fg-primary);pointer-events:auto;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;position:fixed;transform:translate(-50%,-100%)}.image-crop-toolbar-group{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--border-default) 72%, transparent);background:color-mix(in srgb, var(--bg-elevated) 94%, #0a0f18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:30px;align-items:center;gap:0;height:44px;padding:4px;display:inline-flex;position:relative;box-shadow:0 18px 44px #00000057}.image-crop-toolbar button{box-sizing:border-box;height:36px;color:var(--fg-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:40px;justify-content:center;align-items:center;gap:4px;margin:0;padding:2px 8px;font-size:14px;font-weight:400;line-height:20px;transition:background-color .12s,color .12s;display:inline-flex}.image-crop-toolbar button:hover:not(:disabled),.image-crop-toolbar button:focus-visible,.image-crop-toolbar button.active{background:var(--bg-hover);color:var(--fg-primary);outline:none}.image-crop-toolbar button:disabled{cursor:not-allowed;opacity:.48}.image-crop-ratio-control{position:relative}.image-crop-ratio-menu{z-index:2;border:1px solid color-mix(in srgb, var(--border-default) 72%, transparent);background:var(--bg-elevated);border-radius:14px;min-width:104px;padding:4px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000047}.image-crop-ratio-menu>button{justify-content:flex-start;width:100%}.image-crop-ratio-menu>button.active{color:var(--accent);background:var(--accent-soft)}.image-crop-toolbar-error{max-width:min(260px,100vw - 32px);color:var(--error);font-size:var(--fs-xs);white-space:normal}.image-grid-count{height:36px;color:var(--fg-secondary);align-items:center;padding:0 10px;font-size:13px;line-height:20px;display:inline-flex}.image-grid-preset-menu{z-index:var(--z-toolbar-menu);background:#1a1a1af5;border:1px solid #ffffff24;border-radius:10px;gap:2px;min-width:134px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000047}.image-action-toolbar-menu-row>.image-grid-preset-menu{top:0;left:calc(100% + 8px);transform:none}.image-grid-preset-menu>button,.image-grid-custom-menu-item>button{color:#ffffffdb;cursor:pointer;width:100%;height:32px;font-size:var(--fs-xs);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;display:flex}.image-grid-preset-menu button span{display:inline-flex}.image-grid-preset-menu>button:hover,.image-grid-preset-menu>button:focus-visible,.image-grid-custom-menu-item>button:hover,.image-grid-custom-menu-item>button:focus-visible{color:#fff;background:#ffffff1a;outline:none}.image-grid-custom-menu-item{position:relative}.image-grid-custom-panel{background:#1a1a1af5;border:1px solid #ffffff24;border-radius:10px;gap:8px;width:142px;padding:8px;display:grid;position:absolute;top:-6px;left:calc(100% + 8px);box-shadow:0 12px 28px #00000047}.image-grid-custom-panel-header{color:#ffffffad;justify-content:space-between;align-items:center;font-size:11px;display:flex}.image-grid-custom-panel-header strong{color:#fff;font-size:12px}.image-grid-custom-picker{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.image-grid-custom-picker button{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:4px;width:20px;height:20px;padding:0}.image-grid-custom-picker button.selected{background:#5aa9ff47;border-color:#5aa9ffd1}.image-grid-custom-picker button:disabled{cursor:not-allowed;opacity:.35}.image-action-layer.is-grid-splitting .image-grid-split-surface{z-index:2;box-sizing:border-box;pointer-events:auto;touch-action:none;background:#00000014;border:2px solid #ffffffeb;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 9999px #0000006b}.image-grid-cell{z-index:2;box-sizing:border-box;color:#ffffffdb;cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff9e;border-radius:0;place-items:center;margin:0;padding:0;font-size:12px;line-height:1;display:grid;position:absolute}.image-grid-cell span{pointer-events:none;background:#0000006b;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:20px;display:inline-flex}.image-grid-cell:hover,.image-grid-cell:focus-visible{background:#ffffff1f;outline:none}.image-grid-cell.selected{color:#fff;background:#080f1c7a;border:2px solid #5aa9ff;box-shadow:inset 0 0 0 9999px #145ab433}.image-grid-cell.selected span{background:#1976ff}.image-grid-line{z-index:5;touch-action:none;background:#ffffffdb;border:0;border-radius:999px;margin:0;padding:0;position:absolute;box-shadow:0 0 0 1px #0003}.image-grid-line:disabled{opacity:.58}.image-grid-line-v{cursor:ew-resize;width:3px;top:0;bottom:0;transform:translate(-50%)}.image-grid-line-v:before{content:"";width:16px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.image-grid-line-h{cursor:ns-resize;height:3px;left:0;right:0;transform:translateY(-50%)}.image-grid-line-h:before{content:"";height:16px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.image-action-layer.is-cropping .image-crop-selection{z-index:2;box-sizing:border-box;cursor:move;pointer-events:auto;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #00000085}.image-action-layer.is-cropping .image-crop-grid{z-index:1;pointer-events:none;background:#ffffffb8;position:absolute}.image-action-layer.is-cropping .image-crop-grid-v{width:1px;top:0;bottom:0}.image-action-layer.is-cropping .image-crop-grid-v.first{left:33.333%}.image-action-layer.is-cropping .image-crop-grid-v.second{left:66.666%}.image-action-layer.is-cropping .image-crop-grid-h{height:1px;left:0;right:0}.image-action-layer.is-cropping .image-crop-grid-h.first{top:33.333%}.image-action-layer.is-cropping .image-crop-grid-h.second{top:66.666%}.image-action-layer.is-cropping .image-crop-handle{z-index:3;background:var(--accent);cursor:pointer;touch-action:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:0;padding:0;position:absolute;box-shadow:0 1px 4px #0000003d}.image-action-layer.is-cropping .image-crop-handle.is-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.image-action-layer.is-cropping .image-crop-handle.is-n{cursor:ns-resize;top:0;left:50%;transform:translate(-50%,-50%)}.image-action-layer.is-cropping .image-crop-handle.is-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.image-action-layer.is-cropping .image-crop-handle.is-e{cursor:ew-resize;top:50%;right:0;transform:translate(50%,-50%)}.image-action-layer.is-cropping .image-crop-handle.is-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.image-action-layer.is-cropping .image-crop-handle.is-s{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.image-action-layer.is-cropping .image-crop-handle.is-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.image-action-layer.is-cropping .image-crop-handle.is-w{cursor:ew-resize;top:50%;left:0;transform:translate(-50%,-50%)}.image-lighting-editor{z-index:var(--z-generator-panel);box-sizing:border-box;color:#f7f8fb;pointer-events:auto;transform-origin:top;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1d1ff7;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:minmax(300px,.96fr) minmax(300px,1.04fr);gap:14px;width:min(760px,100vw - 24px);max-height:calc(100vh - 24px);padding:12px;display:grid;position:fixed;overflow:auto;transform:translate(-50%);box-shadow:0 24px 64px #0000005c}.image-lighting-orb-panel,.image-lighting-control-panel{min-width:0}.image-lighting-orb-panel{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;place-items:center;min-height:334px;padding:4px;display:grid}.image-lighting-3d-control{aspect-ratio:1;touch-action:none;background:radial-gradient(circle at 50% 46%,#ffffff1a,#0000 58%),#161719f2;border-radius:14px;width:min(316px,100% - 16px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -34px 68px #00000047}.image-lighting-3d-mount{cursor:grab;touch-action:none;position:absolute;inset:0}.image-lighting-3d-mount:active{cursor:grabbing}.image-lighting-3d-canvas{width:100%;height:100%;display:block}.image-lighting-view-tabs{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121315b8;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.image-lighting-view-tabs button{color:#ffffff80;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:50px;height:28px;padding:0 10px;font-size:12px;font-weight:600;line-height:16px}.image-lighting-view-tabs button.active,.image-lighting-view-tabs button:hover,.image-lighting-view-tabs button:focus-visible{color:#fff;background:#ffffff21;outline:none}.image-lighting-orb-footer{justify-content:flex-end;align-items:center;display:flex;position:absolute;bottom:10px;right:10px}.image-lighting-orb-footer button{color:#ffffff9e;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1213159e;border:0;border-radius:999px;align-items:center;height:28px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.image-lighting-orb-footer button:hover,.image-lighting-orb-footer button:focus-visible{color:#fff;background:#ffffff1f;outline:none}.image-lighting-control-panel{flex-direction:column;gap:0;padding:2px 2px 0;display:flex}.image-lighting-title-row,.image-lighting-rim-row,.image-lighting-footer{justify-content:space-between;align-items:center;display:flex}.image-lighting-title-row{gap:12px;min-height:32px;padding-bottom:10px}.image-lighting-title-row h3{color:#fff;letter-spacing:0;margin:0;font-size:14px;font-weight:600;line-height:20px}.image-lighting-close{color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;display:grid}.image-lighting-close:hover,.image-lighting-close:focus-visible{color:#fff;background:#ffffff1a;outline:none}.image-lighting-global-control{gap:7px;padding:0 0 12px;display:grid}.image-lighting-global-control.temperature{border-bottom:1px solid #ffffff14;padding-bottom:14px}.image-lighting-field-title{color:#ffffff9e;font-size:13px;font-weight:500;line-height:18px}.image-lighting-control-row{grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:12px;display:grid}.image-lighting-control-row input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#ffffff21,#ffffff21) 50%/100% 6px no-repeat;border-radius:999px;width:100%;height:14px}.image-lighting-global-control.temperature .image-lighting-control-row input[type=range]{background:linear-gradient(90deg,#9b6334 0%,#91764d 32%,#758077 66%,#547b83 100%) 50%/100% 6px no-repeat}.image-lighting-control-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#f7f8fbe6;border:0;border-radius:999px;width:36px;height:8px;box-shadow:0 0 0 1px #0000001a}.image-lighting-control-row input[type=range]::-moz-range-thumb{background:#f7f8fbe6;border:0;border-radius:999px;width:36px;height:8px}.image-lighting-value-pill{box-sizing:border-box;color:#fff;cursor:pointer;width:108px;height:34px;font:inherit;background:#ffffff0e;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 9px;display:inline-flex}.image-lighting-value-pill b,.image-lighting-value-pill input{color:#fff;text-align:right;min-width:0;font-size:15px;font-weight:700;line-height:20px}.image-lighting-value-pill>span{color:#ffffff80;flex:none;font-size:13px;font-weight:600;line-height:18px}.image-lighting-value-pill svg{color:#ffffffd1;flex:none}.image-lighting-value-pill.is-editing{cursor:text}.image-lighting-value-pill input{background:0 0;border:0;outline:none;width:42px;padding:0}.image-lighting-section{border-bottom:1px solid #ffffff14;gap:8px;padding:14px 0;display:grid}.image-lighting-section-title,.image-lighting-rim-row span{color:#fff;font-size:13px;font-weight:600;line-height:18px}.image-lighting-position-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.image-lighting-position-grid button{color:#ffffffad;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff14;border-radius:8px;min-width:0;height:32px;padding:0 8px;font-size:13px;font-weight:500;line-height:18px}.image-lighting-position-grid button:hover,.image-lighting-position-grid button:focus-visible,.image-lighting-position-grid button.active{color:#fff;background:#ffffff1f;border-color:#fff3;outline:none}.image-lighting-rim-row{gap:12px;padding:14px 0 0}.image-lighting-rim-row>div{align-items:center;gap:6px;min-width:0;display:inline-flex}.image-lighting-rim-row svg{color:#fff6}.image-lighting-switch{cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;flex:none;width:42px;height:24px;padding:0;transition:background-color .16s;position:relative}.image-lighting-switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #0000003d}.image-lighting-switch.active{background:#6f8cff}.image-lighting-switch.active span{transform:translate(18px)}.image-lighting-footer{justify-content:flex-end;margin-top:auto;padding-top:14px}.image-lighting-generate-credit.generate-credit-button{height:34px}.image-lighting-generate-credit .generate-credit-button-action{width:30px;height:30px}@media (width<=860px){.image-lighting-editor{grid-template-columns:minmax(0,1fr);width:min(520px,100vw - 24px)}.image-lighting-orb-panel{min-height:320px}.image-lighting-control-row{grid-template-columns:minmax(0,1fr) 116px}.image-lighting-value-pill{width:116px}}.image-action-toolbar button{width:26px;height:26px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid;position:relative}.image-action-toolbar-item.has-menu>button{gap:4px;width:auto;min-width:34px;padding:0 6px;display:inline-flex}.image-action-toolbar-menu-indicator{opacity:.72;flex:none}.image-action-toolbar-group{align-items:center;gap:0;display:inline-flex}.image-action-toolbar-item{align-items:center;display:inline-flex;position:relative}.image-action-toolbar-group.with-separator{margin-left:10px;padding-left:10px;position:relative}.image-action-toolbar-group.with-separator:before{background:color-mix(in srgb, var(--border-default) 78%, transparent);content:"";pointer-events:none;width:1px;position:absolute;top:6px;bottom:6px;left:0}.image-action-toolbar button.with-separator{margin-left:9px}.image-action-toolbar button.with-separator:after{background:color-mix(in srgb, var(--border-default) 78%, transparent);content:"";pointer-events:none;width:1px;position:absolute;top:6px;bottom:6px;left:-7px}.image-action-toolbar button span{display:none}.image-action-toolbar-menu{z-index:var(--z-toolbar-menu);min-width:132px;padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-md);transform:translateX(calc(-50% + var(--menu-shift,0px)));gap:2px;display:grid;position:absolute;top:calc(100% + 8px);left:50%}.image-action-toolbar-menu[data-placement=above]{top:auto;bottom:calc(100% + 8px)}.image-action-toolbar .image-action-toolbar-menu button{place-items:initial;width:100%;height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--fg-secondary);font-size:var(--fs-sm);text-align:left;white-space:nowrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.image-action-toolbar .image-action-toolbar-menu button span{width:auto;height:auto;display:inline-flex}.node-tag-picker-color,.image-action-toolbar .image-action-toolbar-menu button .node-tag-picker-color,.text-format-tag-menu button .node-tag-picker-color,.node-hover-toolbar-menu button .node-tag-picker-color{color:#171717;border-radius:999px;flex:0 0 18px;place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.node-tag-picker-color-dot,.image-action-toolbar .image-action-toolbar-menu button .node-tag-picker-color-dot,.text-format-tag-menu button .node-tag-picker-color-dot,.node-hover-toolbar-menu button .node-tag-picker-color-dot{background:var(--node-tag-color);border-radius:999px;width:18px;height:18px;display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff47}.node-tag-picker-color .svg-icon,.image-action-toolbar .image-action-toolbar-menu button .node-tag-picker-color .svg-icon,.text-format-tag-menu button .node-tag-picker-color .svg-icon,.node-hover-toolbar-menu button .node-tag-picker-color .svg-icon{z-index:1;color:#171717;position:relative}.node-tag-picker-dots,.image-action-toolbar button .node-tag-picker-dots{pointer-events:none;flex-direction:row;align-items:center;gap:2px;width:auto;height:auto;margin:0;display:inline-flex;position:absolute;top:7px;right:7px}.node-tag-picker-dots>span,.image-action-toolbar button .node-tag-picker-dots>span{background:var(--node-tag-color);border:1px solid #232323e6;border-radius:999px;flex:0 0 6px;width:6px;height:6px;display:block}.image-action-toolbar .image-action-toolbar-menu button:hover,.image-action-toolbar .image-action-toolbar-menu button:focus-visible{background:var(--overlay-hover);color:var(--fg-primary);outline:none}.image-action-toolbar .image-action-toolbar-menu button.is-active{background:var(--bg-active);color:var(--fg-primary)}.image-action-toolbar-menu-row{display:block;position:relative}.image-action-toolbar-menu-row.has-submenu>button{padding-right:5px}.image-action-toolbar-menu-row.is-submenu-open>button{color:#fff;background:#ffffff1a}.image-action-toolbar-menu-chevron{color:#ffffff85;margin-left:auto}.image-action-toolbar .image-action-toolbar-menu-color{color:#171717;border-radius:999px;flex:none;place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.image-action-toolbar .image-action-toolbar-menu-color .svg-icon{z-index:1;color:#171717;position:relative}.image-action-toolbar .image-action-toolbar-menu-color-dot{background:var(--node-tag-color);border-radius:999px;width:18px;height:18px;display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff47}.image-action-toolbar .image-action-toolbar-menu-icon{color:#ffffffc7;flex:0 0 18px;place-items:center;width:18px;height:18px;display:inline-grid}.image-action-toolbar .image-action-toolbar-menu-icon>:is(img,.svg-icon){object-fit:contain;filter:brightness(0)invert();width:15px;height:15px;display:block}.image-action-toolbar-tag-dots{top:5px;right:5px}.image-action-toolbar .image-action-toolbar-tag-dots>span{border-radius:999px;flex-basis:5px;width:5px;height:5px;box-shadow:0 0 0 1px #0000002e}.image-action-toolbar button:hover,.image-action-toolbar button:focus-visible{background:var(--overlay-hover);color:var(--fg-primary)}.image-action-toolbar button.active{background:var(--bg-active);color:var(--fg-primary)}.image-action-toolbar button.danger{color:var(--error)}.image-action-toolbar button.danger:hover,.image-action-toolbar button.danger:focus-visible{background:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error)}.image-action-toolbar button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:1px}.option-drag-copy-ghost{pointer-events:none;width:0;height:0;z-index:var(--z-node-toolbar);position:fixed;top:0;left:0}.option-drag-copy-node{pointer-events:none;opacity:.78;filter:drop-shadow(0 18px 34px #141c2e38);position:absolute;top:0;left:0}.option-drag-copy-node,.option-drag-copy-node *{-webkit-user-select:none;user-select:none}.option-drag-copy-node .custom-node,.option-drag-copy-node .canvas-group-node,.option-drag-copy-node .result-text-output,.option-drag-copy-node .result-empty,.option-drag-copy-node .result-text-skeleton,.option-drag-copy-node .image-upload-zone,.option-drag-copy-node .image-thumb,.option-drag-copy-node .video-thumb,.option-drag-copy-node .result-image-wrap,.option-drag-copy-node .result-image-stack,.option-drag-copy-node .result-video-wrap,.option-drag-copy-node .result-video-placeholder,.option-drag-copy-node .result-skeleton{outline:2px solid color-mix(in srgb, var(--accent) 34%, transparent);outline-offset:0;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-soft) 38%, transparent), 0 18px 34px #141c2e29}.option-drag-copy-node .node-header,.option-drag-copy-node .canvas-group-name{pointer-events:none}.option-drag-copy-fallback{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 72%, transparent);width:46px;height:46px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-soft) 42%, transparent), 0 14px 32px #141c2e2e;color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-black);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.image-action-toolbar button:before{z-index:2;background:var(--brand-bg);width:max-content;max-width:96px;color:var(--brand-fg);content:attr(data-tooltip);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:0;opacity:0;pointer-events:none;white-space:nowrap;border-radius:5px;padding:5px 7px;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px)}.image-action-toolbar button:hover:before,.image-action-toolbar button:focus-visible:before{opacity:1;transform:translate(-50%)}.result-image-wrap .image-action-layer{overflow:visible}.result-image-wrap .image-action-toolbar{z-index:32;border-color:color-mix(in srgb, var(--border-default) 82%, transparent);background:var(--bg-elevated);visibility:hidden;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;gap:2px;max-width:none;padding:7px 8px;transition:opacity .15s,transform .15s,visibility 0s linear .15s;top:auto;bottom:calc(100% + 44px);transform:translate(-50%)translateY(6px);box-shadow:0 14px 38px #141c2e2e}.result-image-wrap .image-action-toolbar:after{content:"";height:44px;position:absolute;top:100%;left:0;right:0}.result-image-wrap .image-action-layer.is-open .image-action-toolbar,.result-image-wrap .image-action-layer:focus-within .image-action-toolbar,.result-image-wrap:hover .image-action-toolbar,.result-image-wrap:focus-within .image-action-toolbar{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)translateY(0)}.result-image-wrap .image-action-toolbar button{width:auto;height:32px;color:var(--fg-primary);border-radius:8px;gap:6px;padding:0 10px;display:inline-flex}.result-image-wrap .image-action-toolbar button span{font-size:var(--fs-sm);font-weight:var(--fw-medium);display:inline}.result-image-wrap .image-action-toolbar button:before{display:none}.result-image-wrap .image-action-toolbar button:hover,.result-image-wrap .image-action-toolbar button:focus-visible{background:var(--overlay-hover);color:var(--fg-primary)}.result-image-wrap .image-action-toolbar button.active{background:var(--bg-active);color:var(--fg-primary)}.result-image-portal-toolbar{z-index:var(--z-node-toolbar);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-elevated);width:max-content;max-width:calc(100vw - 32px);height:40px;box-shadow:var(--shadow-md);color:var(--fg-primary);opacity:1;visibility:visible;pointer-events:auto;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:0;padding:3px;display:inline-flex;position:fixed;overflow:visible;transform:translate(-50%,-100%)}.result-node-toolbar-layer{display:contents}.result-image-portal-toolbar button{border-radius:var(--radius-full);width:auto;height:32px;min-height:32px;color:var(--fg-secondary);cursor:pointer;font:inherit;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;line-height:20px;display:inline-flex;position:relative}.result-image-portal-toolbar button span{display:inline}.result-image-portal-toolbar .image-action-toolbar-icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;line-height:0;display:inline-flex;overflow:visible}.result-image-portal-toolbar .image-action-toolbar-icon>:is(img,.svg-icon){object-fit:contain;filter:brightness(0)invert();opacity:.72;width:16px;min-width:16px;max-width:none;height:16px;min-height:16px;transition:opacity var(--dur-fast) ease;flex:0 0 16px;display:block}.result-image-portal-toolbar .image-action-toolbar-label{width:auto;height:20px;color:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;line-height:20px;display:block;overflow:visible}.result-image-portal-toolbar button.with-separator{margin-left:9px}.result-image-portal-toolbar button.with-separator:after{background:var(--border-default);content:"";width:1px;height:16px;position:absolute;top:50%;right:calc(100% + 4px);transform:translateY(-50%)}.result-image-portal-toolbar button.with-separator:first-child{margin-left:0}.result-image-portal-toolbar button.with-separator:first-child:after,.result-image-portal-toolbar button:before{display:none}.result-image-portal-toolbar button.is-icon-only{gap:0;width:32px;min-width:32px;padding:0}.result-image-portal-toolbar button.is-icon-only:before{display:block}.result-image-portal-toolbar button.is-icon-only .image-action-toolbar-label,.image-action-toolbar .image-action-toolbar-item.has-menu>button:before{display:none}.result-image-portal-toolbar button:hover,.result-image-portal-toolbar button:focus-visible{background:var(--overlay-hover);color:var(--fg-primary);outline:none}.result-image-portal-toolbar button.active{background:var(--bg-active);color:var(--fg-primary)}.result-image-portal-toolbar button:is(:hover,:focus-visible,.active) .image-action-toolbar-icon>:is(img,.svg-icon){opacity:1}.result-image-portal-toolbar button.danger:hover,.result-image-portal-toolbar button.danger:focus-visible{background:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error)}.selection-toolbar-menu-wrap{display:inline-flex;position:relative}.selection-toolbar-menu{z-index:2;border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:10px;gap:2px;min-width:112px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 28px #00000047}.selection-toolbar-menu button{height:30px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-xs);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;padding:0 9px;display:flex}.selection-toolbar-menu button:hover,.selection-toolbar-menu button:focus-visible{background:var(--bg-hover);outline:none}.image-rotation-editor{z-index:var(--z-generator-panel);pointer-events:none;position:fixed;inset:0}.image-rotation-stage{box-sizing:border-box;pointer-events:none;background:#07090deb;border:1px solid #b2becd8f;border-radius:14px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000061}.image-rotation-frame{box-sizing:border-box;border:2px solid var(--accent);box-shadow:0 0 0 1px var(--accent-soft), 0 18px 44px #0000002e;transform-origin:50%;pointer-events:none;border-radius:2px;position:fixed}.image-rotation-frame img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;border-radius:0;width:100%;height:100%;display:block}.image-rotation-corner{border:1.5px solid color-mix(in srgb, var(--accent) 70%, white);background:var(--accent);cursor:grab;pointer-events:auto;touch-action:none;border-radius:2px;width:12px;height:12px;padding:0;position:absolute;box-shadow:0 0 0 1px #050a12b8}.image-rotation-corner.top-left{top:0;left:0;transform:translate(-50%,-50%)}.image-rotation-corner.top-right{top:0;right:0;transform:translate(50%,-50%)}.image-rotation-corner.bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.image-rotation-corner.bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.image-rotation-corner:active{cursor:grabbing}.image-rotation-corner:focus-visible{outline-offset:2px;outline:2px solid #d8fbffe6}.image-rotation-handle{border:1.5px solid color-mix(in srgb, var(--accent) 70%, white);width:28px;height:28px;color:color-mix(in srgb, var(--accent) 70%, white);cursor:grab;pointer-events:auto;touch-action:none;background:#090d14e6;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:absolute;bottom:-32px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #0d1520b8,0 10px 22px #00000047}.image-rotation-handle:active{cursor:grabbing}.image-rotation-handle:hover,.image-rotation-handle:focus-visible{background:color-mix(in srgb, var(--accent) 18%, var(--bg-elevated));outline:none}.image-rotation-toolbar{width:max-content;max-width:calc(100vw - 32px);color:var(--fg-primary);pointer-events:auto;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;position:fixed;transform:translate(-50%,-100%)}.image-rotation-toolbar-group{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1c1cf5;border:1px solid #ffffff0f;border-radius:30px;align-items:center;gap:0;height:44px;padding:4px;display:inline-flex;overflow:hidden;box-shadow:0 22px 58px #00000057}.image-rotation-toolbar button,.image-rotation-degree-field{box-sizing:border-box;color:#fffc;height:36px;font:inherit;background:0 0;border:0;border-radius:40px;justify-content:center;align-items:center;gap:4px;margin:0;padding:2px 8px;font-size:14px;font-weight:400;line-height:20px;display:inline-flex}.image-rotation-toolbar button{cursor:pointer;transition:background-color .12s,color .12s}.image-rotation-icon-button{width:36px;min-width:36px}.image-rotation-toolbar button:hover:not(:disabled),.image-rotation-toolbar button:focus-visible:not(:disabled){color:#fff;background:#ffffff1a;outline:none}.image-rotation-toolbar button.active{color:#fff;background:#ffffff1a}.image-rotation-degree-field{background:#ffffff0d;gap:0;width:60px;padding-right:10px}.image-rotation-degree-field:focus-within{background:#ffffff1f}.image-rotation-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-rotation-angle-input{width:30px;min-width:0;color:inherit;font:inherit;text-align:right;appearance:textfield;background:0 0;border:0;outline:none;padding:0}.image-rotation-angle-input:focus,.image-rotation-angle-input:focus-visible{box-shadow:none;border:0;outline:0}.image-rotation-angle-input::-webkit-inner-spin-button{appearance:none;margin:0}.image-rotation-angle-input::-webkit-outer-spin-button{appearance:none;margin:0}.image-rotation-range{width:96px;height:36px;accent-color:var(--accent);cursor:pointer;background:0 0;border:0;outline:0;margin:0;padding:0 8px}.image-rotation-divider{background:#ffffff17;flex:0 0 1px;width:1px;height:28px;margin:0 4px}.image-rotation-error{max-width:160px;color:var(--error);font-size:var(--fs-xs);text-overflow:ellipsis;line-height:1.2;overflow:hidden}.image-rotation-toolbar .image-rotation-save-button{color:#161616;background:#f6f6f6}.image-rotation-toolbar .image-rotation-save-button:hover:not(:disabled),.image-rotation-toolbar .image-rotation-save-button:focus-visible:not(:disabled){color:#161616;background:#fff;outline:none}.image-rotation-toolbar button:disabled,.image-rotation-toolbar input:disabled{cursor:not-allowed;opacity:.58}.inline-image-annotation{z-index:38;pointer-events:auto;touch-action:none;position:absolute;inset:0}.inline-annotation-canvas{z-index:1;cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.inline-annotation-canvas.tool-eraser{cursor:cell}.inline-annotation-canvas.tool-text{cursor:text}.inline-annotation-toolbar{z-index:var(--z-node-toolbar);max-width:calc(100vw - 16px);min-height:44px;color:var(--fg-primary);pointer-events:auto;white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:4px;padding:0;display:inline-flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 18px 44px #00000057}.inline-annotation-pill,.inline-inpaint-toolbar-group{color:var(--fg-primary);background:#1c1d1feb;border:1px solid #ffffff1f;border-radius:30px;box-shadow:0 12px 30px #00000052}.inline-annotation-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;height:44px;padding:4px;display:inline-flex;overflow:visible}.inline-annotation-tools-pill{gap:0;position:relative}.inline-annotation-title{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:0 7px}.inline-annotation-divider{background:color-mix(in srgb, var(--border-default) 72%, transparent);width:1px;height:28px;margin:0 4px}.inline-annotation-toolbar button{width:36px;height:36px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:40px;place-items:center;padding:0;display:inline-grid;position:relative}.inline-annotation-labeled-button{justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:20px;width:auto!important;color:var(--fg-primary)!important;border-radius:40px!important;padding:2px 8px!important;display:inline-flex!important}.inline-annotation-tool{flex:none}.inline-annotation-toolbar button:hover,.inline-annotation-toolbar button:focus-visible{color:#fff;background:#ffffff1a;outline:none}.inline-annotation-toolbar button.active,.inline-annotation-toolbar button.active:hover,.inline-annotation-toolbar button.active:focus-visible{color:var(--fg-inverse);background:#fff}.inline-annotation-toolbar button:disabled{opacity:.42;cursor:not-allowed}.inline-annotation-toolbar button:before{z-index:5;background:var(--brand-bg);width:max-content;max-width:120px;color:var(--brand-fg);content:attr(data-tooltip);font-size:var(--fs-xs);font-weight:var(--fw-bold);opacity:0;pointer-events:none;border-radius:6px;padding:5px 7px;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}.inline-annotation-toolbar button:hover:before,.inline-annotation-toolbar button:focus-visible:before{opacity:1;transform:translate(-50%)}.inline-annotation-colors{align-items:center;gap:4px;display:inline-flex}.inline-annotation-colors button{background:var(--annotation-color);border:2px solid #0000;border-radius:999px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff38}.inline-annotation-colors button.active{border-color:var(--fg-primary);background:var(--annotation-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--annotation-color) 42%, transparent)}.inline-annotation-color-control{align-items:center;display:inline-flex;position:relative}.inline-annotation-color{padding:2px!important}.inline-annotation-color>span{border:1px solid #ffffff38;border-radius:50%;width:24px;height:24px;display:block}.inline-annotation-color-panel{z-index:6;border:1px solid color-mix(in srgb, var(--border-default) 76%, transparent);background:color-mix(in srgb, var(--bg-elevated) 94%, #000 6%);border-radius:30px;align-items:center;gap:0;height:44px;padding:4px;display:inline-flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000047}.inline-annotation-color-panel button{border-radius:40px;width:36px;height:36px;padding:2px}.inline-annotation-color-panel button:after{background:var(--annotation-color);content:"";border:1px solid #ffffff38;border-radius:50%;width:24px;height:24px;display:block}.inline-annotation-color-panel button.selected{background:var(--bg-hover)}.inline-annotation-size{height:36px;color:var(--fg-secondary);border-radius:40px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.inline-annotation-size input{width:60px;height:4px;accent-color:var(--accent);margin:0}.inline-annotation-done{grid-template-columns:auto auto;gap:4px;min-width:0;background:var(--accent)!important;width:100%!important;color:var(--fg-inverse)!important;padding:2px 8px!important;display:inline-flex!important}.inline-annotation-done-pill{min-width:76px}.inline-annotation-done span{font-size:14px;font-weight:400;display:inline}.inline-annotation-text-input{z-index:3;border:1px solid color-mix(in srgb, currentColor 72%, transparent);width:min(220px,100% - 18px);min-height:54px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:var(--fw-bold);resize:none;background:#0000008f;border-radius:8px;outline:none;padding:7px 9px;line-height:1.25;position:absolute;transform:translateY(-4px);box-shadow:0 12px 24px #00000047}.inline-image-inpaint{z-index:39;pointer-events:auto;touch-action:none;position:absolute;inset:0}.inline-inpaint-canvas{z-index:1;cursor:crosshair;opacity:.68;mix-blend-mode:screen;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.inline-inpaint-canvas.tool-eraser{cursor:cell}.inline-inpaint-toolbar{z-index:var(--z-node-toolbar);max-width:calc(100vw - 32px);min-height:44px;color:var(--fg-primary);pointer-events:auto;white-space:nowrap;align-items:center;gap:4px;padding:0;display:inline-flex;position:fixed;transform:translate(-50%,-100%)}.inline-inpaint-toolbar-group{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;height:44px;padding:4px;display:inline-flex;overflow:visible}.inline-inpaint-tools{gap:0;position:relative}.inline-inpaint-toolbar button{width:36px;height:36px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:40px;place-items:center;padding:0;display:inline-grid;position:relative}.inline-inpaint-labeled-button{min-width:68px;font-size:var(--fs-xs);font-weight:var(--fw-bold);justify-content:center;align-items:center;gap:4px;width:auto!important;color:var(--fg-primary)!important;border-radius:40px!important;padding:2px 8px!important;display:inline-flex!important}.inline-inpaint-toolbar button:hover,.inline-inpaint-toolbar button:focus-visible{color:#fff;background:#ffffff1a;outline:none}.inline-inpaint-toolbar button.active,.inline-inpaint-toolbar button.active:hover,.inline-inpaint-toolbar button.active:focus-visible{color:var(--fg-inverse);background:#fff}.inline-inpaint-divider{background:color-mix(in srgb, var(--border-default) 72%, transparent);width:1px;height:28px;margin:0 4px}.inline-inpaint-toolbar button:disabled{opacity:.42;cursor:not-allowed}.inline-inpaint-toolbar button:before{z-index:5;background:var(--brand-bg);width:max-content;max-width:120px;color:var(--brand-fg);content:attr(data-tooltip);font-size:var(--fs-xs);font-weight:var(--fw-bold);opacity:0;pointer-events:none;border-radius:6px;padding:5px 7px;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}.inline-inpaint-toolbar button:hover:before,.inline-inpaint-toolbar button:focus-visible:before{opacity:1;transform:translate(-50%)}.inline-inpaint-size{height:36px;color:var(--fg-secondary);border-radius:40px;align-items:center;gap:7px;padding:2px 8px;display:inline-flex}.inline-inpaint-size input{width:86px;accent-color:var(--accent)}.inline-inpaint-size span{min-width:22px;color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:right}.inline-inpaint-generator{z-index:var(--z-generator-panel);border:1px solid color-mix(in srgb, var(--border-default) 68%, transparent);background:color-mix(in srgb, var(--bg-elevated) 94%, #0b111b);width:min(420px,100vw - 24px);color:var(--fg-primary);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;padding:12px;position:fixed;box-shadow:0 22px 54px #00000052}.inline-inpaint-generator textarea{width:100%;min-height:78px;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);resize:none;background:0 0;border:0;border-radius:10px;outline:none;padding:9px 10px;line-height:1.45;display:block}.inline-inpaint-generator textarea::placeholder{color:var(--fg-tertiary)}.inline-inpaint-prototype-note{border:1px solid color-mix(in srgb, var(--border-default) 62%, transparent);background:color-mix(in srgb, var(--bg-app) 62%, transparent);border-radius:10px;gap:4px;min-width:0;margin-bottom:10px;padding:10px 12px;display:grid}.inline-inpaint-prototype-note strong{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.3}.inline-inpaint-prototype-note span{color:var(--fg-tertiary);font-size:var(--fs-xs);line-height:1.35}.inline-inpaint-error{color:var(--error);font-size:var(--fs-xs);margin:2px 2px 8px;line-height:1.35}.inline-inpaint-footer{align-items:center;gap:8px;min-width:0;display:flex}.inline-inpaint-popover-control{flex:0 104px;min-width:0;position:relative}.inline-inpaint-model-select{flex:0 132px;min-width:0}.inline-inpaint-model-select .processor-model-trigger{width:100%;max-width:none;min-height:30px;font-size:var(--fs-xs);border-radius:8px;padding:8px 10px}.inline-inpaint-popover-control.is-wide{flex:172px}.inline-inpaint-popover-trigger{background:color-mix(in srgb, var(--bg-app) 70%, transparent);width:100%;min-width:0;height:30px;color:var(--fg-secondary);cursor:pointer;font-size:var(--fs-xs);border:0;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:6px;padding:0 8px 0 10px;display:inline-flex}.inline-inpaint-popover-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inline-inpaint-popover-trigger:hover,.inline-inpaint-popover-trigger:focus-visible,.inline-inpaint-popover-trigger.active{background:var(--bg-hover);color:var(--fg-primary);outline:none}.inline-inpaint-popover-trigger:disabled{cursor:not-allowed;opacity:.48}.inline-inpaint-popover{z-index:4;border:1px solid color-mix(in srgb, var(--border-default) 70%, transparent);background:color-mix(in srgb, var(--bg-elevated) 96%, #06090f);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;min-width:max(100%,176px);max-width:min(320px,100vw - 32px);max-height:260px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 42px #0000005c}.inline-inpaint-popover-control.is-wide .inline-inpaint-popover{width:min(320px,100vw - 32px);left:auto;right:0}.inline-inpaint-popover>button{width:100%;min-height:30px;color:var(--fg-secondary);cursor:pointer;font-size:var(--fs-xs);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.inline-inpaint-popover>button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inline-inpaint-popover>button:hover,.inline-inpaint-popover>button:focus-visible,.inline-inpaint-popover>button.active{background:var(--accent-soft);color:var(--fg-primary);outline:none}.inline-inpaint-popover>button.active .svg-icon{color:var(--accent)}.inline-inpaint-popover-empty{color:var(--fg-tertiary);font-size:var(--fs-xs);padding:9px}.inline-inpaint-settings-btn{background:color-mix(in srgb, var(--bg-app) 70%, transparent);min-width:0;height:30px;color:var(--fg-secondary);cursor:pointer;font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:8px;flex:1;padding:0 9px;overflow:hidden}.inline-inpaint-settings-btn:hover,.inline-inpaint-settings-btn:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.inline-inpaint-credit-pill{background:color-mix(in srgb, var(--bg-app) 76%, transparent);height:30px;color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.inline-inpaint-credit-pill .svg-icon{color:var(--warning)}.inline-inpaint-run-btn{background:var(--fg-primary);width:36px;height:36px;color:var(--bg-app);cursor:pointer;border:0;border-radius:10px;flex:0 0 36px;place-items:center;display:inline-grid}.inline-inpaint-run-btn:hover,.inline-inpaint-run-btn:focus-visible{background:color-mix(in srgb, var(--fg-primary) 86%, var(--accent));outline:none}.inline-inpaint-run-btn:disabled{cursor:not-allowed;opacity:.45}.inline-inpaint-settings{border-top:1px solid color-mix(in srgb, var(--border-default) 64%, transparent);gap:10px;margin-top:12px;padding-top:12px;display:grid}.inline-inpaint-settings-popover{gap:11px;padding:3px;display:grid}.inline-inpaint-setting-section{gap:7px;display:grid}.inline-inpaint-setting-section>span{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.inline-inpaint-option-grid,.inline-inpaint-option-row{flex-wrap:wrap;gap:6px;display:flex}.inline-inpaint-option-grid button,.inline-inpaint-option-row button{background:color-mix(in srgb, var(--bg-app) 70%, transparent);height:28px;color:var(--fg-secondary);cursor:pointer;font-size:var(--fs-xs);border:0;border-radius:8px;padding:0 9px}.inline-inpaint-option-grid button:hover,.inline-inpaint-option-row button:hover,.inline-inpaint-option-grid button.active,.inline-inpaint-option-row button.active{background:var(--accent-soft);color:var(--accent)}.inline-image-perspective{z-index:38;pointer-events:none;position:absolute;inset:0}.inline-perspective-panel{z-index:var(--z-generator-panel);box-sizing:border-box;width:min(760px,100vw - 24px);max-height:calc(100vh - 24px);color:var(--fg-primary);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1d1ff7;border:1px solid #ffffff1f;border-radius:16px;gap:12px;padding:12px;display:grid;position:fixed;overflow:auto;box-shadow:0 24px 64px #0000005c}.inline-perspective-header,.inline-perspective-title,.inline-perspective-footer,.inline-perspective-generation-controls,.inline-perspective-reset{align-items:center;display:flex}.inline-perspective-header{justify-content:space-between;gap:12px}.inline-perspective-title{min-width:0;color:var(--fg-primary);font-size:14px;font-weight:var(--fw-semibold);gap:7px;line-height:1.2}.inline-perspective-title .svg-icon{color:#fff}.inline-perspective-close{color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:40px;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;display:inline-grid;position:relative}.inline-perspective-close:hover,.inline-perspective-close:focus-visible{color:#fff;background:#ffffff1a;outline:none}.inline-perspective-close:disabled{cursor:not-allowed;opacity:.45}.inline-perspective-presets{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.inline-perspective-presets::-webkit-scrollbar{display:none}.inline-perspective-presets button{color:#ffffffad;cursor:pointer;min-width:max-content;height:32px;font:inherit;white-space:nowrap;background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;flex:none;padding:0 10px;font-size:12px}.inline-perspective-presets button:hover,.inline-perspective-presets button:focus-visible,.inline-perspective-presets button.active{color:#fff;background:#ffffff1f;border-color:#fff3;outline:none}.inline-perspective-presets button.active{box-shadow:inset 0 0 0 1px #ffffff14}.inline-perspective-presets button:disabled{cursor:not-allowed;opacity:.45}.inline-perspective-workspace{grid-template-columns:minmax(270px,.92fr) minmax(320px,1.08fr);gap:18px;min-width:0;display:grid}.inline-perspective-preview-column{align-content:start;gap:10px;min-width:0;display:grid}.angle-camera-preview{touch-action:none;background:#161719;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:232px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #0000004d}.angle-camera-mount{cursor:grab;touch-action:none;position:absolute;inset:0}.angle-camera-mount:active{cursor:grabbing}.angle-camera-canvas{width:100%;height:100%;display:block}.angle-camera-view-toggle{z-index:3;color:#ffffff7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121315b8;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.angle-camera-view-toggle button{min-width:0;height:24px;color:inherit;cursor:pointer;font:inherit;font-size:13px;font-weight:var(--fw-bold);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 10px;line-height:24px}.angle-camera-view-toggle button:hover,.angle-camera-view-toggle button:focus-visible{color:#ffffffd1;outline:none}.angle-camera-view-toggle button.active{color:#ffffffeb;background:#ffffff29}.angle-camera-preview.is-disabled{opacity:.62}.angle-camera-loading{color:var(--fg-tertiary);font-size:var(--fs-sm);place-items:center;display:grid}.angle-camera-nudge{z-index:2;color:#ffffffc2;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111214b8;border:1px solid #ffffff1f;border-radius:40px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute}.angle-camera-nudge:hover,.angle-camera-nudge:focus-visible{color:#fff;background:#ffffff21;outline:none}.angle-camera-nudge:disabled{cursor:not-allowed}.angle-camera-nudge.is-left{top:50%;left:12px;transform:translateY(-50%)}.angle-camera-nudge.is-right{top:50%;right:12px;transform:translateY(-50%)}.angle-camera-nudge.is-right .svg-icon{transform:rotate(180deg)}.angle-camera-nudge.is-up{top:12px;left:50%;transform:translate(-50%)}.angle-camera-nudge.is-up .svg-icon{transform:rotate(90deg)}.angle-camera-nudge.is-down{bottom:12px;left:50%;transform:translate(-50%)}.angle-camera-nudge.is-down .svg-icon{transform:rotate(-90deg)}.angle-camera-hint{z-index:3;color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000006b;border-radius:999px;max-width:calc(100% - 24px);padding:5px 12px;font-size:12px;line-height:16px;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.inline-perspective-controls{align-content:start;gap:14px;min-width:0;padding-top:2px;display:grid}.inline-perspective-slider{color:var(--fg-secondary);grid-template-columns:70px minmax(0,1fr) 48px;align-items:center;gap:9px;font-size:13px;display:grid}.inline-perspective-slider span{color:var(--fg-tertiary);font-weight:var(--fw-semibold)}.inline-perspective-slider input{width:100%;accent-color:var(--accent);margin:0}.inline-perspective-slider em{color:var(--fg-secondary);font-style:normal;font-weight:var(--fw-bold);text-align:right;white-space:nowrap}.inline-perspective-prompt-field{gap:6px;min-width:0;display:grid}.inline-perspective-prompt-field>span{color:var(--fg-tertiary);font-size:13px;font-weight:var(--fw-semibold)}.inline-perspective-prompt{box-sizing:border-box;width:100%;min-height:88px;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);resize:none;background:#0a0b0c85;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 11px;line-height:1.45;display:block}.inline-perspective-prompt::placeholder{color:var(--fg-tertiary)}.inline-perspective-prompt:focus{border-color:color-mix(in srgb, var(--accent) 58%, #ffffff1a);box-shadow:0 0 0 2px var(--accent-soft)}.inline-perspective-footer{border-top:0;justify-content:space-between;gap:12px;min-width:0;padding-top:0}.inline-perspective-reset{min-width:max-content;height:34px;color:var(--fg-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:10px;gap:7px;padding:0 8px;font-size:13px}.inline-perspective-reset:hover,.inline-perspective-reset:focus-visible{color:#fff;background:#ffffff14;outline:none}.inline-perspective-generation-controls{justify-content:flex-end;gap:8px;min-width:0}.inline-perspective-generation-controls .inline-inpaint-popover-control{flex:0 116px}.inline-perspective-generation-controls .inline-inpaint-popover-control.is-wide{flex-basis:158px}.inline-perspective-generation-controls .inline-inpaint-popover-trigger{background:#0a0b0c94;border-radius:9px;height:34px}.inline-perspective-generation-controls .inline-inpaint-model-select .processor-model-trigger{background:#0a0b0c94;border-radius:9px;min-height:34px}.inline-perspective-generation-controls .inline-perspective-run{color:#151618;cursor:pointer;background:#fff;border:0;border-radius:10px;flex:0 0 36px;width:36px;height:36px}.inline-perspective-generation-controls .inline-perspective-run:hover,.inline-perspective-generation-controls .inline-perspective-run:focus-visible{background:#ffffffe6;outline:none}.inline-perspective-generation-controls .inline-perspective-run:disabled,.inline-perspective-reset:disabled{cursor:not-allowed;opacity:.45}.inline-perspective-error{margin:-6px 0 0}@media (width<=700px){.inline-perspective-panel{width:min(680px,100vw - 24px)}.inline-perspective-workspace{grid-template-columns:1fr}.angle-camera-preview{height:232px}.inline-perspective-footer{flex-direction:column;align-items:stretch}.inline-perspective-generation-controls{width:100%}}@media (width<=620px){.inline-perspective-panel{border-radius:16px;gap:14px;padding:12px}.inline-perspective-title{font-size:14px}.angle-camera-preview{height:220px}.inline-perspective-slider{grid-template-columns:72px minmax(0,1fr) 48px;gap:8px}.inline-perspective-generation-controls{flex-wrap:wrap;justify-content:stretch}.inline-perspective-generation-controls .inline-inpaint-popover-control,.inline-perspective-generation-controls .inline-inpaint-popover-control.is-wide{flex:130px}}@media (width<=760px){.inline-annotation-toolbar{max-width:calc(100vw - 20px);overflow-x:auto}.inline-annotation-title{display:none}.inline-annotation-size input{width:60px}}.image-marker-dot{z-index:7;border:3px solid var(--border-subtle);background:var(--accent);pointer-events:none;border-radius:999px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #4138be47}.image-marker-editor{z-index:8;border:1px solid var(--glass-border);background:var(--glass-bg);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;width:190px;padding:8px;position:absolute;box-shadow:0 18px 44px #141c2e38}.image-marker-editor textarea{resize:none;border:1px solid var(--accent-soft);width:100%;color:var(--fg-primary);font:inherit;font-size:var(--fs-xs);border-radius:7px;outline:none;padding:7px 8px;display:block}.image-marker-editor textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.image-marker-actions{justify-content:flex-end;gap:6px;margin-top:7px;display:flex}.image-marker-actions button{background:var(--bg-surface);min-width:28px;height:24px;color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.image-marker-actions button.primary{background:var(--accent);color:var(--fg-inverse)}.image-marker-actions button:disabled{opacity:.45;cursor:not-allowed}.mask-editor-overlay{z-index:var(--z-fullscreen);background:var(--glass-bg);color:var(--fg-primary);pointer-events:auto;position:fixed;inset:0}.mask-editor-shell{background:var(--bg-app);grid-template-rows:auto 1fr;width:100vw;height:100vh;display:grid}.mask-editor-header{border-bottom:1px solid var(--accent-soft);background:var(--glass-bg);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 22px;display:flex}.mask-editor-header h2{color:var(--fg-primary);font-size:var(--fs-lg);letter-spacing:0;margin:0;line-height:1.3}.mask-editor-header span{color:var(--fg-tertiary);font-size:var(--fs-xs);margin-top:3px;display:block}.mask-editor-close{border:1px solid var(--accent-soft);background:var(--bg-elevated);width:36px;height:36px;color:var(--fg-secondary);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.mask-editor-main{grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.mask-editor-stage{background-color:#0000;background-image:linear-gradient(90deg,#d2d8e46b 1px,#0000 1px),linear-gradient(#d2d8e46b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-width:0;min-height:0;padding:22px;display:grid;overflow:hidden}.mask-editor-canvas-wrap{border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:8px;place-items:center;max-width:100%;max-height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #19203833}.mask-editor-canvas-wrap img,.mask-editor-canvas-wrap canvas{object-fit:contain;-webkit-user-select:none;user-select:none;grid-area:1/1;width:auto;max-width:calc(100vw - 390px);height:auto;max-height:calc(100vh - 118px);display:block}.mask-editor-canvas{opacity:.72;touch-action:none;cursor:crosshair}.mask-editor-canvas.eraser{cursor:cell}.mask-editor-panel{border-left:1px solid var(--accent-soft);background:var(--bg-elevated);flex-direction:column;gap:16px;min-height:0;padding:20px;display:flex;overflow:auto}.mask-panel-label,.mask-slider-field span,.mask-text-field span{color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);margin-bottom:8px;display:block}.mask-tool-row{gap:8px;display:flex}.mask-tool-row button,.mask-submit-btn{border:1px solid var(--accent-soft);background:var(--bg-app);min-height:36px;color:var(--fg-secondary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.mask-tool-row button{flex:1}.mask-tool-row button:hover,.mask-tool-row button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.mask-tool-row button:disabled,.mask-submit-btn:disabled{opacity:.45;cursor:not-allowed}.mask-slider-field input{width:100%;accent-color:var(--accent)}.mask-text-field textarea,.mask-model-fields select{border:1px solid var(--accent-soft);background:var(--bg-app);width:100%;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);border-radius:8px;outline:none}.mask-text-field textarea{resize:vertical;min-height:156px;padding:12px;line-height:1.55}.mask-text-field textarea:focus,.mask-model-fields select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mask-model-fields{gap:8px;display:grid}.mask-model-fields select{min-height:36px;padding:0 10px}.mask-submit-btn{border-color:var(--accent);background:var(--accent);min-height:42px;color:var(--fg-inverse);margin-top:auto}@media (width<=860px){.mask-editor-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.mask-editor-panel{border-top:1px solid var(--accent-soft);border-left:0;max-height:42vh}.mask-editor-canvas-wrap img,.mask-editor-canvas-wrap canvas{max-width:calc(100vw - 28px);max-height:calc(58vh - 92px)}}.video-list{gap:8px;display:grid}.video-thumb{border:1px solid var(--accent-soft);background:var(--bg-elevated);aspect-ratio:16/9;border-radius:6px;position:relative;overflow:hidden}.video-thumb video{object-fit:cover;width:100%;height:100%;display:block}.thumb-remove{width:22px;height:22px;color:var(--fg-inverse);cursor:pointer;font-size:var(--fs-xs);background:#000000ad;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.image-actions{gap:8px;margin-top:10px;display:flex}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.reference-card-row{scrollbar-width:none;align-items:stretch;gap:8px;min-width:0;padding:4px 0 2px;display:flex;overflow-x:auto}.reference-card-row::-webkit-scrollbar{display:none}.reference-add-card,.reference-card{aspect-ratio:1;border:1px solid var(--accent-soft);background:var(--bg-app);border-radius:9px;flex:0 0 52px;width:52px;height:52px;position:relative;overflow:hidden}.reference-add-card{aspect-ratio:1;width:52px;height:52px;color:var(--accent);background:var(--accent-soft);border-color:var(--accent);cursor:pointer;align-content:center;align-self:flex-start;justify-items:center;gap:5px;display:grid}.processor-node .reference-add-card{border-color:#0000}.reference-add-count{color:var(--fg-secondary);font-size:10px;font-weight:720;line-height:1}.reference-add-card:hover{background:var(--accent-soft);border-color:var(--accent)}.reference-add-card:disabled{color:var(--fg-tertiary);background:var(--bg-surface);border-color:var(--accent);cursor:not-allowed}.processor-node .reference-add-card:disabled{border-color:#0000}.reference-add-card.reference-picker-add,.video-frame-slot.reference-picker-add{border:1px dashed var(--border-default);color:var(--fg-secondary);background:var(--bg-surface);border-radius:9px;transition:background-color .12s,border-color .12s,color .12s,transform .12s,opacity .12s}.reference-add-card.reference-picker-add:hover:not(:disabled),.video-frame-slot.reference-picker-add:hover:not(:disabled){border-color:var(--border-strong);color:var(--fg-primary);background:var(--bg-hover)}.reference-add-card.reference-picker-add:active:not(:disabled),.video-frame-slot.reference-picker-add:active:not(:disabled){background:var(--bg-app);transform:scale(.96)}.reference-add-card.reference-picker-add:focus-visible,.video-frame-slot.reference-picker-add:focus-visible{outline:2px solid var(--border-strong);outline-offset:2px}.reference-add-tooltip{z-index:10000;color:#fff;white-space:nowrap;pointer-events:none;background:#0f1218eb;border-radius:6px;padding:5px 8px;font-size:12px;line-height:1;animation:.12s ease-out reference-add-tooltip-in;position:fixed;transform:translate(-50%,-100%)}@keyframes reference-add-tooltip-in{0%{opacity:0}to{opacity:1}}.reference-add-card.reference-picker-add:disabled,.video-frame-slot.reference-picker-add:disabled{border-color:var(--border-default);color:var(--fg-secondary);background:var(--bg-surface);opacity:.45;cursor:not-allowed;transform:none}.reference-card img{object-fit:cover;width:100%;height:100%;display:block}.video-first-last-reference{align-items:center;gap:10px;min-width:0;height:52px;min-height:52px;padding:0;display:flex;overflow:visible}.video-frame-slot{box-sizing:border-box;aspect-ratio:1;width:52px;min-width:52px;height:52px;min-height:52px;color:var(--fg-secondary);background:var(--bg-surface);cursor:pointer;border:0;border-radius:12px;flex:0 0 52px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.video-frame-slot.has-frame{overflow:visible}.video-frame-slot:hover:not(:disabled){background:var(--bg-hover)}.video-frame-slot img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.video-avatar-reference-card{border:1px solid var(--accent-soft);background:var(--bg-surface);border-radius:12px;flex:0 0 52px;place-items:center;width:52px;min-width:52px;height:52px;padding:0;display:grid;position:relative;overflow:visible}.video-avatar-reference-card:hover,.video-avatar-reference-card:focus-within{z-index:20;border-color:var(--accent);background:var(--bg-hover)}.video-avatar-reference-preview{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.video-avatar-reference-card>.svg-icon{color:var(--accent);pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.video-avatar-reference-card .processor-model-dropdown{z-index:2;width:100%;min-width:0;height:100%;position:absolute;inset:0}.video-avatar-reference-card .processor-model-trigger{width:100%;min-width:0;max-width:none;height:100%;box-shadow:none;background:0 0;border:0;padding:0}.video-avatar-reference-card .processor-model-trigger span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.video-avatar-reference-card .processor-model-trigger svg{display:none}.video-avatar-reference-menu.processor-model-menu{min-width:220px;z-index:var(--z-generator-panel)}.video-avatar-reference-card .thumb-remove{z-index:3;visibility:hidden;opacity:0;width:16px;height:16px;transition:opacity .12s,visibility .12s;top:2px;right:2px}.video-avatar-reference-card:hover .thumb-remove,.video-avatar-reference-card:focus-within .thumb-remove{visibility:visible;opacity:.78}.video-reference-divider{background:var(--border-subtle);border-radius:999px;flex:0 0 2px;align-self:center;width:2px;height:28px}.video-frame-slot .thumb-remove{top:2px;right:2px}.video-frame-slot-label{color:#fff;background:#0000008f;border-radius:999px;padding:1px 5px;font-size:10px;line-height:14px;position:absolute;bottom:4px;right:4px}.video-frame-slot:not(.has-frame) .video-frame-slot-label{color:var(--fg-tertiary);background:0 0;padding:0;font-size:11px;position:static}.video-frame-swap{width:24px;height:24px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:14px;flex:0 0 28px;place-items:center;display:grid}.video-frame-swap:hover:not(:disabled){background:var(--bg-hover)}.video-frame-swap:disabled{opacity:.38;cursor:not-allowed}.processor-node .reference-image-card{overflow:visible}.processor-node .reference-image-card>img{border-radius:inherit}.processor-node .reference-image-card:focus-within,.processor-node .reference-image-card:hover{z-index:20}.processor-node .reference-image-preview{z-index:2;visibility:hidden;border:1px solid var(--border-default);background:var(--bg-elevated);opacity:0;pointer-events:none;border-radius:12px;width:max-content;max-width:220px;max-height:220px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;bottom:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%,4px);box-shadow:0 12px 28px #0000005c}.reference-image-preview-portal{z-index:var(--z-floating-panel);box-sizing:border-box;visibility:visible;border:1px solid var(--border-default);background:var(--bg-elevated);opacity:1;pointer-events:none;border-radius:12px;width:max-content;max-width:min(220px,100vw - 24px);max-height:min(220px,100vh - 24px);position:fixed;overflow:hidden;box-shadow:0 12px 28px #0000005c}.reference-image-preview-portal.above{transform:translate(-50%,-100%)}.reference-image-preview-portal.below{transform:translate(-50%)}.reference-image-preview-portal img{object-fit:contain;width:auto;max-width:min(220px,100vw - 24px);height:auto;max-height:min(220px,100vh - 24px);display:block}.processor-node .reference-image-preview img{object-fit:contain;width:auto;max-width:220px;height:auto;max-height:220px;display:block}.processor-node .reference-image-card:focus-within .reference-image-preview,.processor-node .reference-image-card:hover .reference-image-preview{visibility:visible;opacity:1;transform:translate(-50%)}.processor-node .reference-image-card .thumb-remove{z-index:3;visibility:hidden;width:20px;height:20px;color:var(--fg-primary);opacity:0;background:#080809e0;border:1px solid #ffffff52;padding:0;transition:opacity .12s,visibility .12s,background .12s,border-color .12s,transform .12s;top:3px;right:3px;box-shadow:0 2px 8px #00000061}.processor-node .reference-image-card:focus-within .thumb-remove,.processor-node .reference-image-card:hover .thumb-remove{visibility:visible;opacity:1}.processor-node .reference-image-card .thumb-remove:hover,.processor-node .reference-image-card .thumb-remove:focus-visible{border-color:var(--error);background:var(--error);color:var(--fg-primary);opacity:1;transform:scale(1.06)}.reference-thumb{aspect-ratio:1;border:1px solid var(--accent-soft);background:var(--bg-app);border-radius:4px;position:relative;overflow:hidden}.reference-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-thumb.uploading img,.reference-thumb.uploading img,.video-thumb.uploading video{filter:brightness(.68)}.upload-progress-overlay{color:var(--fg-inverse);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:#0a0e185c;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px;display:flex;position:absolute;inset:0}.reference-badge{color:var(--fg-inverse);font-size:var(--fs-xs);background:#0000009e;border-radius:3px;padding:2px 4px;position:absolute;bottom:4px;left:4px}.reference-index-badge{color:var(--fg-inverse);background:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:999px;padding:2px 5px;line-height:1.2;position:absolute;top:4px;left:4px}.empty-reference{color:var(--fg-tertiary);background:var(--bg-app);border:1px dashed var(--accent-soft);font-size:var(--fs-xs);text-align:center;border-radius:4px;padding:10px}.reference-upload-btn{width:100%;margin-top:8px}.reference-upload-btn:disabled{color:var(--fg-tertiary);background:var(--bg-hover);border-color:var(--accent);cursor:not-allowed}.result-image-wrap{border:1px solid var(--border-default);background:var(--glass-bg);width:100%;height:100%;min-height:100px;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.result-image-wrap img{border-radius:inherit;object-fit:contain;cursor:zoom-in;width:100%;height:100%;display:block}.result-media-replace-btn{z-index:34;color:#f3f3f4;cursor:pointer;height:28px;font:inherit;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1d1fdb;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;transition:opacity .14s,background .14s,transform .14s;display:inline-flex;position:absolute;top:12px;right:12px;transform:translateY(-2px)}.result-image-wrap:hover .result-media-replace-btn,.result-image-wrap:focus-within .result-media-replace-btn,.result-image-stack:hover .result-media-replace-btn,.result-image-stack:focus-within .result-media-replace-btn,.result-video-wrap:hover .result-media-replace-btn,.result-video-wrap:focus-within .result-media-replace-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.result-image-stack .result-media-replace-btn{right:70px}.result-media-replace-btn:hover:not(:disabled),.result-media-replace-btn:focus-visible:not(:disabled){background:#1c1d1ff5;outline:none}.result-media-replace-btn:disabled{cursor:not-allowed}.result-image-wrap.is-rotation-editing>img,.result-image-stack.is-rotation-editing>.result-image-stack-card,.result-image-expanded-card.is-rotation-editing>img{opacity:0}.result-image-upload-input{display:none}.result-image-upload-error{z-index:28;border:1px solid var(--border-default);background:var(--glass-bg);min-height:34px;color:var(--error);font-size:var(--fs-xs);font-weight:var(--fw-bold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:color-mix(in srgb, var(--error) 48%, var(--border-default));border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 10px 28px #141c2e2e}.result-image-upload-error>span{flex:1;min-width:0}.result-image-upload-error button{background:var(--accent);color:var(--fg-inverse);font:inherit;cursor:pointer;border:0;border-radius:999px;flex:none;padding:3px 8px}.result-image-empty{text-align:center;flex-direction:column;gap:10px;padding:22px}.result-image-empty>span{max-width:220px;color:var(--fg-tertiary);font-size:var(--fs-xs);line-height:1.5}.result-image-status-bar{z-index:6;border-radius:0 0 inherit inherit;text-align:center;pointer-events:none;background:#000000a6;padding:4px 10px;position:absolute;bottom:0;left:0;right:0}.result-image-status-text{color:#fff;font-size:11px;font-weight:500}.result-video-wrap{border:1px solid var(--border-default);background:var(--bg-elevated);width:100%;height:100%;min-height:100px;box-shadow:none;border-radius:16px;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.result-video-wrap video{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.result-video-placeholder{border:1px solid var(--border-default);background:var(--glass-bg);width:100%;height:100%;min-height:100px;box-shadow:none;color:var(--fg-tertiary);font-size:var(--fs-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;place-items:center;transition:border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.result-video-upload-error{color:#fecaca;font-size:var(--fs-xs);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ac7;border-radius:9px;padding:7px 10px;position:absolute;bottom:10px;left:10px;right:10px}.result-video-placeholder .result-video-upload-error{margin-top:8px;position:static}.result-audio-wrap,.result-audio-placeholder{border:1px solid var(--border-default);width:100%;height:100%;min-height:120px;color:var(--fg-primary);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c1c1eeb;border-radius:16px;align-content:stretch;gap:10px;padding:16px 18px 12px;transition:border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.result-audio-placeholder{text-align:center;color:var(--fg-tertiary);font-size:var(--fs-sm);place-items:center}.result-audio-player{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.result-audio-replace-btn{z-index:2;color:#f3f3f4;cursor:pointer;height:28px;font:inherit;opacity:0;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;transition:opacity .14s,background .14s,transform .14s;display:inline-flex;position:absolute;top:12px;right:12px;transform:translateY(-2px)}.result-audio-wrap:hover .result-audio-replace-btn,.result-audio-wrap:focus-within .result-audio-replace-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.result-audio-replace-btn:hover:not(:disabled),.result-audio-replace-btn:focus-visible:not(:disabled){background:#ffffff1f;outline:none}.result-audio-replace-btn:disabled{cursor:not-allowed}.result-audio-waveform{cursor:ew-resize;touch-action:none;min-height:74px;margin:8px 8px 0;position:relative}.result-audio-baseline{border-top:2px dashed #ffffff3d;height:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.result-audio-progress-line{background:#4db2ff57;width:32px;height:2px;position:absolute;top:50%;transform:translate(-100%,-50%)}.result-audio-playhead{background:#26a8ff;border-radius:999px;width:2px;position:absolute;top:16px;bottom:14px;transform:translate(-50%);box-shadow:0 0 0 1px #26a8ff29,0 0 18px #26a8ff47}.result-audio-playhead:before{content:"";border-top:5px solid #26a8ff;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.result-audio-wave-bars{align-items:center;gap:5px;height:58px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-audio-wave-bars>span{background:#ffffff9e;border-radius:999px;width:4px;min-height:6px;transition:opacity .12s,background .12s;display:block}.result-audio-waveform.is-scrubbing .result-audio-wave-bars>span{background:#ffffffc7}.result-audio-controls{justify-self:center;align-items:center;gap:22px;min-height:34px;display:inline-flex}.result-audio-controls button{color:#ffffffc2;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.result-audio-skip-btn{width:24px;height:24px;font-size:21px;line-height:1}.result-audio-play-btn{width:34px;height:34px;color:#1c1c1e!important;background:#f3f3f4!important;border-radius:999px!important}.result-audio-controls button:hover,.result-audio-controls button:focus-visible{color:#fff;outline:none}.result-audio-play-btn:hover,.result-audio-play-btn:focus-visible{background:#fff!important}.result-media-node.selected .result-image-wrap,.result-media-node.selected .result-video-wrap,.result-media-node.selected .result-audio-wrap,.result-media-node.selected .result-skeleton,.result-media-node.selected .result-video-placeholder,.result-media-node.selected .result-audio-placeholder{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0;box-shadow:none}.secondary-btn,.ghost-btn{font-size:var(--fs-xs);cursor:pointer;border-radius:4px;flex:1;padding:6px}.secondary-btn{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft)}.ghost-btn{color:var(--fg-secondary);border:1px solid var(--accent-soft);background:0 0}.secondary-btn:hover{background:var(--accent-soft)}.ghost-btn:hover{color:var(--fg-primary);border-color:var(--accent)}.modal-overlay{z-index:var(--z-modal);background:#00000073;place-items:center;animation:.15s overlayFadeIn;display:grid;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--bg-elevated);border-radius:14px;min-width:360px;max-width:420px;padding:28px 28px 22px;animation:.18s dialogSlideIn;box-shadow:0 16px 48px #0000002e}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-dialog h3{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--fg-primary);margin:0 0 12px}.modal-dialog p{font-size:var(--fs-base);color:var(--fg-secondary);margin:0 0 24px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-btn{font-size:var(--fs-base);font-weight:var(--fw-bold);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 20px;font-family:inherit;transition:background .15s}.modal-btn.cancel{background:var(--bg-surface);color:var(--fg-secondary);border-color:var(--border-subtle)}.modal-btn.cancel:hover{background:var(--bg-hover)}.modal-btn.confirm{background:var(--error);color:var(--fg-inverse)}.modal-btn.confirm:hover{background:var(--error)}.react-flow__node{font-size:var(--fs-xs)}.canvas-flow-shell .react-flow__node:not(.react-flow__node-group)>.custom-node{transform-origin:50%;scale:1}.canvas-flow-shell .react-flow__node.dragging{z-index:100!important}.react-flow__node:hover .custom-node{border-color:var(--node-hover-border);outline:2px solid var(--node-hover-outline);outline-offset:0;box-shadow:var(--node-hover-shadow)}.react-flow__node:hover .custom-node.running{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0;box-shadow:var(--node-running-shadow)}.react-flow__node:hover .custom-node.selected{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0;box-shadow:var(--node-selected-shadow)}.react-flow__node:hover .media-input-node .image-upload-zone,.react-flow__node:hover .media-input-node.has-media .image-thumb,.react-flow__node:hover .media-input-node.has-media .video-thumb,.react-flow__node:hover .result-text-node .result-text-output,.react-flow__node:hover .result-text-node .result-empty,.react-flow__node:hover .result-text-node .result-text-skeleton,.react-flow__node:hover .result-media-node .result-image-wrap,.react-flow__node:hover .result-media-node .result-video-wrap,.react-flow__node:hover .result-media-node .result-skeleton,.react-flow__node:hover .result-media-node .result-video-placeholder,.react-flow__node:hover .canvas-group-node{border-color:var(--node-hover-border);outline:2px solid var(--node-hover-outline);outline-offset:0;box-shadow:var(--node-hover-shadow)}.react-flow__node:hover .custom-node.selected,.react-flow__node:hover .media-input-node.selected .image-upload-zone,.react-flow__node:hover .media-input-node.selected.has-media .image-thumb,.react-flow__node:hover .media-input-node.selected.has-media .video-thumb,.react-flow__node:hover .result-text-node.selected .result-text-output,.react-flow__node:hover .result-text-node.selected .result-empty,.react-flow__node:hover .result-text-node.selected .result-text-skeleton,.react-flow__node:hover .result-media-node.selected .result-image-wrap,.react-flow__node:hover .result-media-node.selected .result-video-wrap,.react-flow__node:hover .result-media-node.selected .result-skeleton,.react-flow__node:hover .result-media-node.selected .result-video-placeholder{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0;box-shadow:var(--node-selected-shadow)}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{border-style:none;padding:0}.react-flow__node-group{z-index:0!important;background:0 0!important}.canvas-group-node{border:1px solid var(--group-border);background:var(--bg-group);-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:100%;box-shadow:none;border-radius:20px;transition:border-color .16s,box-shadow .16s,background .16s;position:relative}.canvas-group-node.has-custom-background{background:var(--group-custom-bg-color);-webkit-backdrop-filter:none;backdrop-filter:none}.canvas-group-node.selected{border-color:var(--group-border-active);outline:2px solid var(--group-outline);outline-offset:0}.canvas-stack-node{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border-color:#0000;place-items:center;display:grid;overflow:visible}.canvas-stack-node.is-drop-target{background:#60a5fa14;border-color:#60a5fac2;box-shadow:0 0 0 5px #60a5fa24}.canvas-stack-card{width:100%;height:100%;color:var(--fg-primary);cursor:pointer;outline:none;position:relative}.canvas-stack-sheet{transform:translate(-50%, -50%) var(--stack-sheet-transform,translateX(0));transform-origin:50%;background:#212122f5;border:1px solid #ffffff1c;border-radius:12px;place-items:center;transition:transform .19s,box-shadow .19s,border-color .19s,background .19s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 18px 40px #00000042}.canvas-stack-sheet.sheet-back{z-index:0;--stack-sheet-transform:translate(28px, -12px) rotate(4deg);--stack-sheet-hover-transform:translate(84px, -28px) rotate(8deg);background:#343436eb}.canvas-stack-sheet.sheet-mid{z-index:1;--stack-sheet-transform:translate(-28px, 12px) rotate(-4deg);--stack-sheet-hover-transform:translate(-84px, 28px) rotate(-8deg);background:#ebedf0e0}.canvas-stack-sheet.sheet-front{z-index:2;--stack-sheet-transform:translate(0, 0) rotate(0deg);--stack-sheet-hover-transform:translate(0, -6px) scale(1.03);background:#222}.canvas-stack-node:hover .canvas-stack-sheet,.canvas-stack-node.selected .canvas-stack-sheet,.canvas-stack-node.is-drop-target .canvas-stack-sheet{transform:translate(-50%, -50%) var(--stack-sheet-hover-transform,var(--stack-sheet-transform))}.canvas-stack-node:hover .canvas-stack-sheet.sheet-front,.canvas-stack-node.selected .canvas-stack-sheet.sheet-front,.canvas-stack-node.is-drop-target .canvas-stack-sheet.sheet-front{border-color:#ffffff2e;box-shadow:0 20px 44px #00000052}.canvas-stack-icon{border:2px solid #ffffff42;border-radius:5px;width:24px;height:20px}.canvas-stack-icon:before{content:"";border:2px solid #ffffff38;border-radius:50%;width:7px;height:7px;margin:4px 0 0 4px;display:block}.canvas-stack-count,.canvas-stack-label{z-index:3;white-space:nowrap;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.canvas-stack-count{color:#161616;text-align:center;background:#ffffffeb;border-radius:999px;min-width:26px;height:26px;padding:0 8px;font-size:13px;font-weight:700;line-height:26px;top:-2px;box-shadow:0 8px 18px #00000038}.canvas-stack-label{color:#ffffffd1;font-size:13px;font-weight:500;bottom:-14px}.canvas-stack-focus-overlay{z-index:var(--z-fullscreen);color:#f4f4f5;background:#000000eb;align-content:center;justify-items:center;padding:96px 8vw 128px;display:grid;position:fixed;inset:0;overflow:auto}.canvas-stack-focus-overlay.is-edge-active{box-shadow:inset 0 0 0 8px #60a5fa94}.canvas-stack-focus-close{color:#ffffffd1;cursor:pointer;background:#202022eb;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:fixed;top:24px;right:24px}.canvas-stack-focus-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px;width:min(1180px,100%);display:flex}.canvas-stack-focus-card{color:#ffffffd1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:300px;transition:transform .16s,opacity .16s;position:relative}.canvas-stack-focus-card.is-dragging{z-index:2;cursor:grabbing;opacity:.92;transition:none}.canvas-stack-focus-card-title{color:#ffffff75;align-items:center;gap:7px;min-width:0;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.canvas-stack-focus-card-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-stack-focus-preview{aspect-ratio:16/9;background:#1f1f21f5;border:1px solid #ffffff14;border-radius:12px;place-items:center;width:100%;display:grid;overflow:hidden}.canvas-stack-focus-preview img,.canvas-stack-focus-preview video{object-fit:cover;width:100%;height:100%}.canvas-stack-focus-preview.is-text,.canvas-stack-focus-preview.is-audio{aspect-ratio:4/3}.canvas-stack-focus-placeholder{color:#ffffff85;text-align:center;justify-items:center;gap:10px;max-width:85%;font-size:14px;line-height:1.5;display:grid}.canvas-stack-focus-placeholder span{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.canvas-stack-focus-toast,.canvas-stack-focus-edge-hint{background:#1c1c1ef0;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:10px;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000047}.canvas-stack-focus-toast{color:#ffffffd1;padding:14px 20px;font-size:15px;font-weight:600;bottom:34px}.canvas-stack-focus-edge-hint{color:#dbeafe;padding:10px 14px;font-size:14px;font-weight:600;top:28px}.copy-prompt-toast{z-index:calc(var(--z-fullscreen) + 1);color:#ffffffe6;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1c1ef0;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:9px;min-height:38px;padding:5px 14px 5px 5px;font-size:14px;font-weight:600;line-height:1;animation:.16s ease-out copyPromptToastIn;display:inline-flex;position:fixed;top:26px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #0000004d}.copy-prompt-toast-icon{background:var(--success);color:#07110b;border-radius:999px;place-items:center;width:24px;height:24px;display:inline-grid}.copy-prompt-toast-error .copy-prompt-toast-icon{background:var(--error);color:#1b0808}.canvas-share-toast.is-warning .copy-prompt-toast-icon{color:#1b0808;background:#ff8a91}@keyframes copyPromptToastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.canvas-image-prototype{z-index:40;color:#e8edf4;pointer-events:auto;background:#16191ffa;border:1px solid #a3b2c547;border-radius:14px;width:min(330px,100% - 24px);padding:12px;position:absolute;top:12px;left:12px;box-shadow:0 18px 42px #00000061}.canvas-enhance-prototype{box-sizing:border-box;width:min(560px,100vw - 32px);color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1d1ff7;border:1px solid #ffffff1f;border-radius:16px;gap:12px;padding:12px;display:grid;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 24px 64px #0000005c}.canvas-resize-prototype{box-sizing:border-box;width:min(360px,100vw - 32px);color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1d1ff7;border:1px solid #ffffff1f;border-radius:16px;gap:12px;padding:12px;display:grid;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 24px 64px #0000005c}.canvas-resize-prototype.is-floating{z-index:var(--z-generator-panel);max-height:calc(100vh - 24px);position:fixed;overflow:auto}.canvas-image-prototype-header,.canvas-image-prototype-actions,.canvas-image-prototype-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-image-prototype-header strong{font-size:13px;display:block}.canvas-enhance-prototype .canvas-image-prototype-header strong{font-size:15px}.canvas-image-prototype-header span{color:#8995a4;margin-top:3px;font-size:10px;display:block}.canvas-image-prototype-preview{background:#101318;border-radius:10px;place-items:center;min-height:150px;margin-top:10px;display:grid;position:relative;overflow:hidden}.canvas-image-prototype-preview img{object-fit:contain;width:100%;max-height:190px;display:block}.canvas-image-prototype-mask-editor{gap:7px;width:100%;display:grid}.canvas-image-prototype-mask-stage{place-items:center;min-height:150px;display:grid;position:relative}.canvas-image-prototype-mask-media{border-radius:8px;width:100%;max-height:190px;position:relative;overflow:hidden}.canvas-image-prototype-mask-media img{object-fit:contain;width:100%;height:100%;max-height:none;display:block}.canvas-image-prototype-mask-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.canvas-image-prototype-mask-editor.is-cutout .canvas-image-prototype-mask-canvas{cursor:crosshair}.canvas-image-prototype-mask-hint{color:#d9e4f2;pointer-events:none;white-space:nowrap;background:#101318d6;border-radius:6px;padding:4px 7px;font-size:10px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.canvas-image-prototype-mask-toolbar{color:#aab4c2;justify-content:space-between;align-items:center;gap:7px;font-size:10px;display:flex}.canvas-image-prototype-mask-tools,.canvas-image-prototype-mask-actions{align-items:center;gap:5px;display:flex}.canvas-image-prototype-mask-tools button,.canvas-image-prototype-mask-actions button{color:#aab4c2;cursor:pointer;background:0 0;border:1px solid #a3b2c533;border-radius:6px;align-items:center;gap:4px;min-height:24px;padding:3px 6px;font-size:10px;display:inline-flex}.canvas-image-prototype-mask-tools button.active,.canvas-image-prototype-mask-tools button:hover,.canvas-image-prototype-mask-actions button:hover{color:#f2f5fa;background:#78a6ff1f;border-color:#78a6ff99}.canvas-image-prototype-mask-tools button:disabled,.canvas-image-prototype-mask-actions button:disabled{cursor:default;opacity:.45}.canvas-image-prototype-mask-tools label{align-items:center;gap:4px;display:inline-flex}.canvas-image-prototype-mask-tools input[type=range]{width:54px;accent-color:var(--accent)}.canvas-image-prototype-mask-actions span{color:#88d7ae;white-space:nowrap}.canvas-image-prototype-empty{color:#697688;font-size:12px}.canvas-image-prototype-frame{border:1px dashed var(--accent);pointer-events:none;border-radius:5px;position:absolute;inset:12% 8%}.canvas-image-prototype-cutout-label{color:#9de6bb;background:#101318db;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:10px;display:flex;position:absolute;bottom:8px;right:8px}.canvas-image-prototype-grid{pointer-events:auto;display:grid;position:absolute;inset:0}.canvas-image-prototype-grid.grid-2-2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.canvas-image-prototype-grid.grid-3-3{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.canvas-image-prototype-grid.grid-4-4{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.canvas-image-prototype-grid button{color:#dcebff;cursor:pointer;background:#62b7ff1f;border:1px solid #62b7ffc7;place-items:center;padding:0;font-size:11px;font-weight:700;display:grid;position:absolute}.canvas-image-prototype-grid button:hover,.canvas-image-prototype-grid button:focus-visible{background:#62b7ff3d;outline:none}.canvas-image-prototype-grid button:not(.active){color:#e8edf47a;background:#10131838;border-color:#a3b2c557}.canvas-image-prototype-grid button span{border:0}.canvas-image-prototype-description{color:#9da8b7;margin:9px 0;font-size:11px;line-height:1.45}.canvas-image-prototype-controls{color:#aab4c2;justify-content:flex-start;min-height:26px;font-size:11px}.canvas-image-prototype-controls label{align-items:center;gap:6px;display:flex}.canvas-image-prototype-controls select{color:#e8edf4;background:#171b21;border:1px solid #a3b2c540;border-radius:6px;min-width:92px;padding:4px 6px;font-size:11px}.canvas-image-prototype-controls input[type=range]{width:100px;accent-color:var(--accent)}.canvas-image-prototype-inline-button{color:#aab4c2;cursor:pointer;background:0 0;border:1px solid #a3b2c533;border-radius:6px;padding:4px 6px;font-size:10px}.canvas-image-prototype-inline-button:hover{color:#f2f5fa;background:#78a6ff1f;border-color:#78a6ff99}.canvas-image-prototype-chip{color:#9de6bb;background:#5be09d1f;border-radius:6px;padding:5px 7px}.canvas-image-prototype-generator-row{align-items:end;gap:7px;margin-top:8px;display:flex}.canvas-image-prototype-generator-row label{color:#aab4c2;flex:1 1 0;gap:4px;min-width:0;font-size:10px;display:grid}.canvas-image-prototype-generator-row select{color:#e8edf4;background:#171b21;border:1px solid #a3b2c540;border-radius:6px;min-width:0;padding:5px 6px;font-size:10px}.canvas-image-prototype-model-field{flex:1.3 1 0!important}.canvas-image-prototype-error{color:#ff9ca9;margin-top:8px;font-size:10px}.canvas-image-prototype-actions{justify-content:flex-end;margin-top:12px}.canvas-image-prototype-actions button{cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;display:inline-flex}.canvas-image-prototype-secondary{color:#aab4c2;background:0 0;border:1px solid #a3b2c538}.canvas-image-prototype-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.canvas-image-prototype-actions button:disabled{opacity:.55;cursor:default}.canvas-image-prototype-cost{color:#f0d68b;font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:10px;display:inline-flex}.canvas-enhance-tabs{background:0 0;margin-top:0;padding:0}.canvas-enhance-tabs button{flex:none}.canvas-enhance-preview{background:#101318;border-radius:10px;place-items:center;min-height:138px;margin-top:12px;display:grid;position:relative;overflow:hidden}.canvas-enhance-preview img{object-fit:contain;width:100%;max-height:180px;display:block}.canvas-enhance-preview>span{color:#d5deea;background:#101318d1;border-radius:6px;padding:4px 7px;font-size:10px;position:absolute;bottom:8px;right:8px}.canvas-enhance-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:0;display:grid}.canvas-enhance-fields.is-skin-editor{grid-template-columns:1fr}.canvas-enhance-fields>label{gap:7px;min-width:0;display:grid}.canvas-enhance-fields>label>span{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.canvas-enhance-fields select{width:100%;min-width:0;height:34px;color:var(--fg-primary);font:inherit;background:#0a0b0c94;border:1px solid #ffffff1a;border-radius:9px;padding:0 10px;font-size:12px}.canvas-enhance-fields select:focus-visible{border-color:color-mix(in srgb, var(--accent) 58%, #ffffff1a);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.canvas-enhance-footer{margin-top:0}.canvas-enhance-footer .canvas-image-prototype-cost{min-height:34px;color:var(--fg-secondary);background:#0a0b0c94;border-radius:9px;padding:0 10px;font-size:13px}.canvas-enhance-generate{color:#151618;cursor:pointer;height:36px;font:inherit;background:#fff;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.canvas-enhance-generate:hover,.canvas-enhance-generate:focus-visible{background:#ffffffe6;outline:none}.canvas-enhance-generate:disabled{cursor:wait;opacity:.45}.canvas-resize-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0;display:grid}.canvas-resize-fields label{gap:7px;min-width:0;display:grid}.canvas-resize-fields label>span{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.canvas-resize-fields input{box-sizing:border-box;width:100%;height:34px;color:var(--fg-primary);font:inherit;background:#0a0b0c94;border:1px solid #ffffff1a;border-radius:9px;outline:none;padding:0 10px;font-size:12px}.canvas-resize-fields input:focus-visible{border-color:color-mix(in srgb, var(--accent) 58%, #ffffff1a);box-shadow:0 0 0 2px var(--accent-soft)}.canvas-resize-fields input::-webkit-inner-spin-button{margin:0}.canvas-resize-fields input::-webkit-outer-spin-button{margin:0}.canvas-resize-footer{margin-top:0}.canvas-resize-generate{color:#151618;cursor:pointer;height:36px;font:inherit;background:#fff;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.canvas-resize-generate:hover,.canvas-resize-generate:focus-visible{background:#ffffffe6;outline:none}.canvas-resize-generate:disabled{cursor:wait;opacity:.45}.canvas-outpaint-prototype{z-index:var(--z-generator-panel);color:#f7f8fb;pointer-events:none;position:absolute;inset:0;overflow:visible}.canvas-outpaint-stage{box-sizing:border-box;pointer-events:auto;background-color:#121418b8;background-image:linear-gradient(45deg,#ffffff0e 25%,#0000 25%),linear-gradient(-45deg,#ffffff0e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0e 75%),linear-gradient(-45deg,#0000 75%,#ffffff0e 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1.5px solid #78a6fff5;border-radius:10px;position:absolute;box-shadow:0 0 0 3px #4a90ff1f,0 18px 46px #00000052}.canvas-outpaint-empty-region{border-radius:inherit;pointer-events:none;background:radial-gradient(circle,#76aaff1a,#0000 55%),#0e0f1247;position:absolute;inset:0}.canvas-outpaint-close{z-index:4;color:#ffffffd1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101216b8;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:10px;right:10px}.canvas-outpaint-close:hover,.canvas-outpaint-close:focus-visible{color:#fff;background:#101216e6;border-color:#ffffff57;outline:none}.canvas-outpaint-close:disabled{cursor:not-allowed;opacity:.45}.canvas-outpaint-source-image{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:8px;display:block;position:absolute;overflow:hidden}.canvas-outpaint-original-frame{box-sizing:border-box;pointer-events:none;border:1px solid #ffffff8c;border-radius:8px;position:absolute;box-shadow:0 0 0 999px #00000014}.canvas-outpaint-handle{z-index:2;cursor:grab;background:#5f8dff;border:2px solid #fff;border-radius:999px;width:18px;height:18px;padding:0;position:absolute;box-shadow:0 4px 12px #0000004d}.canvas-outpaint-handle:active{cursor:grabbing}.canvas-outpaint-handle.is-n{cursor:ns-resize;top:0;left:50%;transform:translate(-50%,-50%)}.canvas-outpaint-handle.is-e{cursor:ew-resize;top:50%;right:0;transform:translate(50%,-50%)}.canvas-outpaint-handle.is-s{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.canvas-outpaint-handle.is-w{cursor:ew-resize;top:50%;left:0;transform:translate(-50%,-50%)}.canvas-outpaint-handle.is-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.canvas-outpaint-handle.is-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.canvas-outpaint-handle.is-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.canvas-outpaint-handle.is-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.canvas-outpaint-generator{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#191a1df2;border:1px solid #ffffff1a;border-radius:22px;gap:10px;width:min(600px,100vw - 64px);padding:12px;display:grid;position:absolute;top:calc(132% + 18px);left:50%;transform:translate(-50%);box-shadow:0 24px 58px #0000005c}.canvas-outpaint-generator-row{align-items:end;gap:10px;display:flex}.canvas-outpaint-generator label{flex:1 1 0;gap:6px;min-width:0;display:grid}.canvas-outpaint-generator label>span{color:#f7f8fb85;font-size:11px;font-weight:700;line-height:14px}.canvas-outpaint-generator select{color:#f7f8fb;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;outline:none;width:100%;height:36px;padding:0 28px 0 12px;font-size:13px;font-weight:700}.canvas-outpaint-generator select:focus-visible{box-shadow:0 0 0 2px #78a6ff73}.canvas-outpaint-model-field{flex:1.4 1 0}.canvas-outpaint-actions{flex:none;align-items:center;gap:0;margin-left:auto;display:inline-flex}.canvas-outpaint-cost,.canvas-outpaint-generate{color:#fff;background:#ffffff24;border:0;justify-content:center;align-items:center;height:40px;display:inline-flex}.canvas-outpaint-cost{gap:7px;min-width:78px;padding:0 14px;font-size:15px;font-weight:800}.canvas-outpaint-generate{color:#111318;cursor:pointer;background:#fff;border-radius:999px;width:42px;transform:translate(-2px)}.canvas-outpaint-generate:disabled{cursor:wait;opacity:.65}.playlist-node,.three-d-node{color:#e8edf4;background:#171b21;border:1px solid #a3b2c538;border-radius:14px;width:100%;min-width:320px;overflow:hidden}.playlist-node .node-header{border-bottom:1px solid #a3b2c524;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.playlist-node-badge{background:var(--accent-soft);color:color-mix(in srgb, var(--accent) 54%, white);border-radius:5px;padding:3px 6px;font-size:10px}.playlist-node-body{flex-direction:column;gap:6px;min-height:92px;padding:10px;display:flex}.playlist-node-empty{color:#718094;place-items:center;gap:6px;min-height:86px;font-size:11px;display:grid}.playlist-clip{background:#ffffff06;border:1px solid #a3b2c51f;border-radius:7px;grid-template-columns:28px 1fr auto 20px 20px;align-items:center;gap:5px;min-height:28px;padding:4px 5px;font-size:11px;display:grid}.playlist-clip-index{color:var(--accent);font-variant-numeric:tabular-nums}.playlist-clip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-clip-duration{color:#8995a4;font-variant-numeric:tabular-nums}.playlist-clip button{color:#9da8b7;cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.playlist-clip button:disabled{opacity:.25;cursor:default}.playlist-node-footer{color:#8995a4;justify-content:space-between;padding:8px 11px 10px;font-size:10px;display:flex}.three-d-node{box-sizing:border-box;background:#121317f0;width:100%;min-width:0;max-width:none;height:100%;position:relative;overflow:visible;box-shadow:0 18px 48px #00000038}.three-d-node .node-header{z-index:8;width:max-content;max-width:100%;color:var(--fg-primary);background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:0;display:inline-flex;position:absolute;bottom:calc(100% + 4px);left:0}.three-d-node-title-row{background:0 0;flex:0 auto;align-items:center;gap:6px;width:max-content;min-width:0;max-width:100%;display:inline-flex}.three-d-node .node-title{width:auto;font-size:var(--fs-sm);font-weight:var(--fw-bold);background:0 0;gap:5px}.three-d-node .node-title .svg-icon{color:#fff}.three-d-node-body{box-sizing:border-box;border-radius:inherit;height:100%;min-height:0;padding:0;overflow:hidden}.three-d-node-preview,.three-d-empty-state,.three-d-model-preview{box-sizing:border-box;height:100%}.three-d-node-preview{background:radial-gradient(circle at 50% 42%,#7c5eff3d,#0000 54%),linear-gradient(#ffffff0b,#ffffff03),#101116;min-height:210px;position:relative}.three-d-empty-state{color:#8e98aa;text-align:center;align-content:center;place-items:center;gap:8px;min-height:210px;display:grid}.three-d-empty-state .svg-icon{color:#a78bfab8}.three-d-empty-state strong{color:#e8edf4;font-size:14px}.three-d-empty-state span{color:#848da0;max-width:220px;font-size:11px;line-height:1.5}.three-d-replace-button{z-index:5;color:#f3f3f4;cursor:pointer;opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1d1fdb;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:12px;font-weight:650;transition:background .14s,border-color .14s,color .14s;display:inline-flex;position:absolute;top:10px;right:10px}.three-d-replace-button:hover{background:#1c1d1ff5}.three-d-model-preview{place-items:center;min-height:210px;display:grid;position:relative;overflow:hidden}.three-d-model-thumbnail{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:210px}.three-d-model-stage{width:156px;height:156px;transform-style:preserve-3d;position:relative}.three-d-orbit{border:1px solid #a78bfa59;border-radius:999px;position:absolute;inset:12px;transform:rotateX(62deg)rotate(-18deg)}.three-d-orbit.orbit-inner{border-color:#53b5ff47;inset:34px;transform:rotateX(68deg)rotate(28deg)}.three-d-object{background:linear-gradient(145deg,#a78bfaf2,#367ff5d1);border-radius:18px;place-items:center;display:grid;position:absolute;inset:42px;transform:rotateX(58deg)rotate(42deg);box-shadow:0 18px 46px #5b50ff5c}.three-d-object span{background:#ffffff40;border-radius:10px;width:42%;height:42%;box-shadow:inset 0 0 14px #fff3}.three-d-model-meta{color:#aeb8c8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0e129e;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.three-d-model-meta strong{color:#f3f4f7;white-space:nowrap;font-size:12px}.three-d-model-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.three-d-model-meta em{color:#a78bfa;white-space:nowrap;margin-left:auto;font-style:normal}.three-d-generator{z-index:var(--z-generator);width:600px;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)}.three-d-generator:before{content:"";z-index:1;background:var(--canvas-node-bg,#101115f0);border-top:1px solid #a3b2c529;border-left:1px solid #a3b2c529;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.three-d-generator>.processor-node{z-index:2;position:relative}.three-d-generator .processor-node .node-body{padding:12px 14px 0}.three-d-generator .processor-node .reference-materials-field{padding:0 0 12px}.three-d-generator .processor-node .node-field{margin:0}.three-d-generator .processor-node .image-mention-field{padding:0}.three-d-generator .processor-node .image-mention-editor,.three-d-generator .processor-node .image-mention-editor:hover,.three-d-generator .processor-node .image-mention-editor:focus{background:#090b10b8;border:1px solid #ffffff0f;border-radius:9px;min-height:118px;padding:14px 16px;box-shadow:inset 0 1px #ffffff06}.three-d-generator .processor-node .image-mention-editor:focus{border-color:#6ea8ff6b;box-shadow:inset 0 1px #ffffff06,0 0 0 2px #4e97ff29}.three-d-generator .processor-node .image-mention-editor[data-empty=true]:before{color:#7f8796}.three-d-generator-assets{min-width:0}.three-d-reference-card-row{padding:0 0 2px}.three-d-reference-add-card{color:#a78bfa;background:#a78bfa21;border-color:#8b5cf6}.three-d-reference-card{color:#aeb8c8;text-align:center;background:#ffffff0a;border-color:#a78bfa3d;align-content:center;place-items:center;gap:4px;padding:7px 6px 5px;display:grid}.three-d-reference-card>.svg-icon{color:#a78bfa}.three-d-reference-card>span{color:#d8deea;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;font-weight:650;line-height:1.15;overflow:hidden}.three-d-reference-card .thumb-remove{opacity:0;transition:opacity .14s,transform .14s,background .14s;transform:translateY(-2px)}.three-d-reference-card:hover .thumb-remove,.three-d-reference-card:focus-within .thumb-remove{opacity:1;transform:translateY(0)}.three-d-generator textarea{resize:vertical;color:#e8edf4;width:100%;min-height:76px;font:inherit;outline:none;font-size:12px;line-height:1.5}.three-d-generator-footer{align-items:center;gap:6px;min-width:0;display:flex}.three-d-parameter-control>button,.three-d-voice-button{color:#d9e0ec;background:#ffffff0b;border:1px solid #a3b2c529;border-radius:999px;height:32px;font-size:11px}.three-d-model-select .processor-model-trigger{max-width:136px;min-height:32px;font-size:11px}.three-d-parameter-control{position:relative}.three-d-parameter-control>button,.three-d-voice-button{cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.three-d-voice-button{width:32px;margin-left:auto;padding:0}.three-d-parameter-popover{z-index:var(--z-generator-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18191ef5;border:1px solid #a3b2c529;border-radius:12px;width:190px;padding:10px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 18px 44px #00000052}.three-d-parameter-title{color:#8f99aa;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.three-d-material-options{gap:6px;display:grid}.three-d-material-options button{color:#d8deea;cursor:pointer;background:#ffffff09;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;min-height:30px;padding:0 8px;font-size:12px;display:flex}.three-d-material-options button:hover,.three-d-material-options button.active{color:#f5f0ff;background:#a78bfa21;border-color:#a78bfa66}.three-d-pbr-help{color:#a78bfa;display:inline-flex;position:relative}.three-d-pbr-help:after{content:attr(data-tooltip);color:#e8edf4;opacity:0;pointer-events:none;background:#0e0f13f5;border:1px solid #a3b2c52e;border-radius:8px;width:214px;padding:7px 9px;font-size:11px;line-height:1.4;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);right:-8px;transform:translateY(4px);box-shadow:0 12px 30px #0000004d}.three-d-pbr-help:hover:after{opacity:1;transform:translateY(0)}.three-d-generate-button{flex:none;margin-left:0}.three-d-fullscreen-viewer{z-index:var(--z-fullscreen);color:#f5f5f6;background:#030303;grid-template-rows:1fr auto;min-width:0;min-height:0;display:grid;position:fixed;inset:0;overflow:hidden}.three-d-fullscreen-viewer.has-background{background:#070707}.three-d-fullscreen-back{z-index:5;color:#f7f7f8;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1d1d1fb8;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:56px;height:56px;display:grid;position:fixed;top:24px;left:24px}.three-d-viewer-tip{z-index:5;color:#f3f3f4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f1f21d1;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;height:48px;padding:0 8px 0 16px;font-size:17px;font-weight:750;display:inline-flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0f}.three-d-viewer-tip button{color:#fff;cursor:pointer;height:36px;font:inherit;background:#ffffff21;border:0;border-radius:999px;padding:0 18px}.three-d-viewer-stage{place-items:center;min-height:0;padding:96px 120px 150px;display:grid;position:relative;overflow:hidden}.three-d-viewer-background{opacity:0;transition:opacity .18s;position:absolute;inset:0;transform:scale(1.04)}.three-d-fullscreen-viewer.has-background .three-d-viewer-background{opacity:1}.three-d-fullscreen-viewer.env-soft-studio .three-d-viewer-background{background:radial-gradient(circle at 50% 42%,#ffffff2e,#0000 24%),linear-gradient(120deg,#121214,#050505 56%,#19181b)}.three-d-fullscreen-viewer.env-bright-room .three-d-viewer-background{background:linear-gradient(90deg,#ffffff1f 1px,#0000 1px) 0 0/180px 100%,linear-gradient(#d8c3a0,#9d7b58 58%,#4c3728)}.three-d-fullscreen-viewer.env-sunny-outdoor .three-d-viewer-background{background:linear-gradient(#8ec4ff 0 52%,#e6d7bd 52%),radial-gradient(circle at 20% 20%,#fff7bc,#0000 18%)}.three-d-fullscreen-viewer.env-soft-street .three-d-viewer-background{background:linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/220px 100%,linear-gradient(#3e4547,#252222 55%,#14110f)}.three-d-fullscreen-viewer.env-golden-hour .three-d-viewer-background{background:radial-gradient(circle at 22% 20%,#ffdc83c7,#0000 24%),linear-gradient(160deg,#f6b75d,#8a4b38 48%,#201219)}.three-d-fullscreen-viewer.env-night-street .three-d-viewer-background{background:radial-gradient(circle at 44% 34%,#ffd684b8,#0000 16%),linear-gradient(120deg,#0d1119,#5b422f 48%,#1b1514)}.three-d-viewer-subject-wrap{z-index:2;transform:rotateY(var(--three-d-rotation));transform-style:preserve-3d;transition:transform .18s;position:relative}.three-d-prototype-subject{filter:drop-shadow(0 52px 42px #0000005c);width:330px;height:330px;position:relative}.three-d-prototype-subject.compact{width:150px;height:150px}.three-d-apple-body,.three-d-apple-blush,.three-d-apple-highlight,.three-d-apple-stem,.three-d-apple-shadow{pointer-events:none;position:absolute}.three-d-apple-body{background:radial-gradient(circle at 45% 18%,#ffe98c 0 16%,#0000 30%),radial-gradient(circle at 68% 42%,#f02d33 0 28%,#0000 56%),radial-gradient(circle at 30% 74%,#ffd1a0 0 25%,#0000 48%),linear-gradient(155deg,#ff4d37 10%,#ef202e 54%,#f8bb78 100%);border-radius:45% 50% 48% 48%/42% 42% 56% 56%;inset:56px 36px 38px;box-shadow:inset -24px -34px 46px #861c163d,inset 18px 16px 28px #ffffff29}.three-d-apple-blush{filter:blur(1px);background:radial-gradient(circle,#ffe77bc7,#0000 68%);border-radius:50%;width:106px;height:70px;top:62px;left:112px}.three-d-apple-highlight{background:#ffffff29;border-radius:50%;width:44px;height:26px;top:82px;left:134px;transform:rotate(-18deg)}.three-d-apple-stem{background:linear-gradient(#a6612a,#6d3a1c);border-radius:999px;width:20px;height:70px;top:62px;left:164px;transform:rotate(-8deg);box-shadow:inset 4px 0 7px #ffffff2e}.three-d-apple-shadow{filter:blur(10px);background:#0000003d;border-radius:50%;height:22px;bottom:22px;left:66px;right:70px}.three-d-viewfinder-frame{z-index:4;aspect-ratio:16/9;pointer-events:none;border:2px solid #ffffffad;border-radius:18px;width:min(74vw,1480px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0000006b,0 0 42px #00000059}.three-d-viewfinder-frame.ratio-9-16{aspect-ratio:9/16;width:min(42vw,620px)}.three-d-viewfinder-frame.ratio-4-3{aspect-ratio:4/3;width:min(62vw,980px)}.three-d-viewfinder-frame.ratio-3-4{aspect-ratio:3/4;width:min(46vw,720px)}.three-d-viewfinder-frame.ratio-1-1{aspect-ratio:1;width:min(52vw,780px)}.three-d-viewfinder-frame.ratio-3-2{aspect-ratio:3/2;width:min(68vw,1120px)}.three-d-viewfinder-frame.ratio-2-3{aspect-ratio:2/3;width:min(46vw,700px)}.three-d-viewfinder-frame.ratio-4-5{aspect-ratio:4/5;width:min(46vw,720px)}.three-d-viewfinder-frame.ratio-9-21{aspect-ratio:9/21;width:min(34vw,520px)}.three-d-viewfinder-frame.ratio-1-85-1{aspect-ratio:1.85;width:min(76vw,1500px)}.three-d-viewfinder-grid{border-radius:inherit;background:linear-gradient(90deg,#0000 33.2%,#ffffff38 33.3%,#0000 33.6% 66.2%,#ffffff38 66.3%,#0000 66.6%),linear-gradient(#0000 33.2%,#ffffff38 33.3%,#0000 33.6% 66.2%,#ffffff38 66.3%,#0000 66.6%);position:absolute;inset:0}.three-d-viewer-bottom-bar,.three-d-viewfinder-toolbar{z-index:6;align-items:center;gap:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.three-d-viewer-bottom-bar{bottom:28px}.three-d-viewfinder-toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e1e20d1;border:1px solid #ffffff1f;border-radius:999px;padding:10px 12px;bottom:112px;box-shadow:inset 0 1px #ffffff0f,0 18px 48px #00000047}.three-d-viewer-pill,.three-d-viewer-tool,.three-d-viewer-rotation{color:#f4f4f5;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f1f21d6;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:0 22px;font-size:17px;font-weight:760;display:inline-flex}.three-d-viewer-pill.active,.three-d-viewer-tool.active,.three-d-viewer-pill.is-viewfinder.active{color:#f8df70;background:#2f2b1de6}.three-d-viewer-main-tools{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f1f21d6;border:1px solid #ffffff1f;border-radius:999px;align-items:center;min-height:54px;padding:0 16px;display:inline-flex;position:relative}.three-d-viewer-main-tools>*+*{border-left:1px solid #ffffff1f}.three-d-viewer-main-tools .three-d-viewer-tool,.three-d-viewer-rotation{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;min-height:52px;padding:0 18px}.three-d-viewer-tool-wrap,.three-d-viewfinder-ratio{position:relative}.three-d-viewer-rotation input,.three-d-focal-control input{accent-color:#f6c83f;width:106px}.three-d-viewer-rotation strong,.three-d-focal-control strong{text-align:right;min-width:44px}.three-d-focal-control{color:#e7e7ea;border-left:1px solid #ffffff1f;border-right:1px solid #ffffff1f;align-items:center;gap:10px;padding:0 12px 0 8px;font-size:17px;font-weight:760;display:inline-flex}.three-d-shutter-button{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff80;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.three-d-environment-menu,.three-d-ratio-menu{z-index:10;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#1f1f21e0;border:1px solid #ffffff1f;border-radius:20px;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 24px 60px #00000061}.three-d-environment-menu{grid-template-columns:repeat(2,224px);gap:10px;max-height:min(70vh,680px);padding:10px;display:grid;overflow-y:auto}.three-d-environment-menu button,.three-d-ratio-menu button{color:#eeeef0;cursor:pointer;font:inherit;border:0}.three-d-environment-menu button{text-align:center;background:#ffffff0d;border-radius:13px;gap:8px;min-width:0;padding:0 0 10px;display:grid;overflow:hidden}.three-d-environment-menu button.active{color:#ffe987;background:#f5d5691f;outline:2px solid #f5d569c2}.three-d-environment-thumb{background:#333;height:116px;display:block}.three-d-environment-thumb.is-soft-studio{background:radial-gradient(circle at 45% 40%,#f2f2f3,#33363a 42%,#111)}.three-d-environment-thumb.is-bright-room{background:linear-gradient(135deg,#d0a069,#f6ead5 48%,#674733)}.three-d-environment-thumb.is-sunny-outdoor{background:linear-gradient(#8bc8ff 0 54%,#cbc3a7 54%)}.three-d-environment-thumb.is-soft-street{background:linear-gradient(135deg,#52626c,#2c302f 52%,#171717)}.three-d-environment-thumb.is-golden-hour{background:radial-gradient(circle at 26% 28%,#ffd76a,#d48242 38%,#372025)}.three-d-environment-thumb.is-night-street{background:radial-gradient(circle at 52% 36%,#f5c26d,#443021 32%,#0c1119)}.three-d-environment-upload{grid-column:1/-1;justify-content:flex-start;align-items:center;height:46px;background:#ffffff0a!important;gap:10px!important;padding:0 14px!important;display:flex!important}.three-d-ratio-menu{grid-template-columns:repeat(5,74px);gap:12px;padding:14px;display:grid}.three-d-ratio-menu button{color:#bfc0c5;background:0 0;border-radius:12px;place-items:center;gap:5px;min-height:64px;font-size:13px;font-weight:760;display:grid}.three-d-ratio-menu button.active{color:#fff;background:#ffffff1f}.three-d-ratio-icon{opacity:.82;border:2px solid;border-radius:3px;width:22px;height:12px;display:inline-block}.three-d-ratio-icon.is-tall,.three-d-ratio-icon.is-phone{width:12px;height:24px}.three-d-ratio-icon.is-classic{width:20px;height:15px}.three-d-ratio-icon.is-portrait{width:15px;height:20px}.three-d-ratio-icon.is-square{width:17px;height:17px}.three-d-ratio-icon.is-cinema{width:27px;height:11px}.three-d-capture-toast{z-index:8;color:#f5f5f6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#222224e6;border:1px solid #ffffff24;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700;position:fixed;bottom:108px;right:32px;box-shadow:0 18px 46px #0000004d}.canvas-stack-count{border:1px solid var(--group-border-active);background:color-mix(in srgb, var(--accent) 16%, var(--bg-group));width:52px;height:52px;color:var(--accent);border-radius:16px;place-items:center;font-size:24px;font-weight:700;display:grid}.canvas-stack-label{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.canvas-stack-hint{color:var(--fg-muted);font-size:var(--fs-xs)}.canvas-group-name{z-index:2;width:180px;max-width:100%;height:26px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;padding:0 8px;line-height:26px;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden}.canvas-group-name-button{appearance:none;text-align:left;cursor:default;align-items:center;gap:6px;display:flex}.canvas-group-name-text{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.canvas-group-tag-indicator{flex:none;display:inline-flex}.canvas-group-name-input{cursor:text}.canvas-group-name-input:hover,.canvas-group-name-input:focus{border-color:var(--glass-bg);background:var(--glass-bg)}.canvas-group-actions{white-space:nowrap;align-items:center;gap:6px;display:none;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.canvas-group-action-btn{border:1px solid var(--border-default);background:var(--glass-bg);height:30px;color:var(--fg-secondary);cursor:pointer;font-family:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap;border-radius:999px;padding:0 12px;box-shadow:0 10px 28px #19203824}.canvas-group-node:hover .canvas-group-actions,.canvas-group-node.selected .canvas-group-actions{display:flex}.canvas-group-action-btn:hover{color:var(--fg-primary);border-color:var(--accent);background:var(--bg-elevated)}.workflow-template-dialog-overlay,.workflow-template-preview-overlay{z-index:var(--z-modal)}.workflow-template-dialog{border:1px solid var(--glass-border);background:var(--bg-elevated);border-radius:16px;width:min(520px,100vw - 32px);overflow:hidden;box-shadow:0 24px 80px #14182447}.workflow-template-dialog-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 16px;display:flex}.workflow-template-dialog-header h2{color:var(--fg-primary);margin:0;font-size:18px}.workflow-template-dialog-header p{color:var(--fg-tertiary);font-size:var(--fs-xs);margin:5px 0 0}.workflow-template-dialog-body{gap:16px;padding:20px 22px;display:grid}.workflow-template-dialog-body label{color:var(--fg-secondary);font-size:var(--fs-sm);font-weight:var(--fw-bold);gap:8px;display:grid}.workflow-template-dialog-body input,.workflow-template-dialog-body textarea{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;color:var(--fg-primary);font:inherit;resize:vertical;border-radius:10px;outline:none;padding:10px 12px}.workflow-template-dialog-body input:focus,.workflow-template-dialog-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.workflow-template-dialog-error{border:1px solid var(--error);background:var(--error-soft);color:var(--error);font-size:var(--fs-xs);border-radius:9px;padding:9px 11px}.workflow-template-saving{color:var(--fg-tertiary);font-size:var(--fs-xs)}.workflow-template-dialog .modal-actions{padding:0 22px 20px}.workflow-template-preview-dialog{border:1px solid var(--glass-border);background:var(--bg-elevated);border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1180px,100vw - 48px);height:min(820px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 100px #14182457}.workflow-template-preview-header,.workflow-template-preview-footer{background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.workflow-template-preview-header{border-bottom:1px solid var(--border-subtle)}.workflow-template-preview-header h2{color:var(--fg-primary);margin:0;font-size:18px}.workflow-template-preview-header p{max-width:780px;color:var(--fg-tertiary);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;overflow:hidden}.workflow-template-preview-canvas{background:var(--bg-app);min-height:0;position:relative;overflow:hidden}.workflow-template-preview-canvas .react-flow__node>*{pointer-events:none}.workflow-template-preview-group{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 42%, transparent);border-radius:12px;width:100%;height:100%}.workflow-template-preview-group span{color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);position:absolute;top:-24px;left:10px}.workflow-template-preview-footer{border-top:1px solid var(--border-subtle);color:var(--fg-tertiary);font-size:var(--fs-xs)}.workflow-template-preview-footer>div{gap:10px;display:flex}.workflow-template-processor-overlay{z-index:20;border-radius:14px;width:600px;max-height:440px;position:absolute;overflow:auto;box-shadow:0 18px 64px #1418243d}.workflow-template-processor-overlay fieldset{pointer-events:none;border:0;min-width:0;margin:0;padding:0}.workflow-template-processor-overlay .processor-node{box-shadow:none}.workflow-template-readonly-badge{z-index:3;border:1px solid var(--border-default);background:var(--glass-bg);width:max-content;color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:999px;margin:8px 10px -32px auto;padding:4px 8px;position:sticky;top:8px}@media (width<=760px){.workflow-template-preview-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px)}.workflow-template-preview-footer{flex-direction:column;align-items:flex-start}}.react-flow__pane,.react-flow__pane.selection{cursor:default!important}.react-flow__pane.selection.dragging{cursor:crosshair!important}.react-flow__pane.dragging:not(.selection){cursor:grabbing!important}.canvas-flow-shell .react-flow__nodesselection{z-index:3000}.canvas-flow-shell.single-node-selection .react-flow__nodesselection{display:none}.canvas-flow-shell .react-flow__nodesselection-rect{cursor:grab;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.canvas-flow-shell .react-flow__nodesselection-rect:before{inset:calc(-12px / var(--canvas-zoom,1));border:calc(1px / var(--canvas-zoom,1)) solid #fff6;border-radius:calc(28px / var(--canvas-zoom,1));content:"";pointer-events:none;background:#ffffff1a;position:absolute}.canvas-flow-shell .react-flow__nodesselection-rect:active{cursor:grabbing}.selection-interactive-handle{z-index:var(--z-node-toolbar);cursor:crosshair;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:fixed;transform:translate(-50%,-50%)}.selection-interactive-handle .node-interactive-handle-visual{--handle-pull-x:0px;--handle-pull-y:0px;--handle-scale:1}.selection-interactive-handle:hover .node-interactive-handle-visual,.selection-interactive-handle:active .node-interactive-handle-visual{border-color:var(--fg-primary);background:var(--bg-elevated);box-shadow:0 0 0 2px var(--bg-elevated), 0 1px 3px #00000047}.selection-interactive-handle:hover .node-interactive-handle-visual:before,.selection-interactive-handle:hover .node-interactive-handle-visual:after,.selection-interactive-handle:active .node-interactive-handle-visual:before,.selection-interactive-handle:active .node-interactive-handle-visual:after{background:var(--fg-primary)}.react-flow__edge-path{stroke:var(--edge-stroke);stroke-width:2px}.edge-hit-area{cursor:pointer}.edge-delete-btn{background:var(--bg-elevated);width:20px;height:20px;color:var(--fg-secondary);border:1.5px solid var(--border-default);cursor:pointer;opacity:0;pointer-events:none;transform:translate(calc(var(--edge-btn-x,0px) - 50%), calc(var(--edge-btn-y,0px) - 50%)) scale(calc(var(--edge-btn-scale,1) * .7));border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform .15s,opacity .15s;display:flex;box-shadow:0 2px 8px #0000002e}.edge-delete-btn.is-visible{opacity:1;pointer-events:all;transform:translate(calc(var(--edge-btn-x,0px) - 50%), calc(var(--edge-btn-y,0px) - 50%)) scale(var(--edge-btn-scale,1))}.edge-delete-btn.is-visible:hover{background:var(--error-soft);color:var(--error);border-color:var(--error);transform:translate(calc(var(--edge-btn-x,0px) - 50%), calc(var(--edge-btn-y,0px) - 50%)) scale(calc(var(--edge-btn-scale,1) * 1.08))}.edge-delete-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.react-flow__background{background:var(--rf-bg)}.react-flow__background pattern circle{fill:var(--rf-dots);r:1.5px}.canvas-minimap{border:1px solid var(--glass-border);background:var(--minimap-bg);border-radius:6px;overflow:hidden;box-shadow:0 14px 36px #19203829;background-color:var(--minimap-bg)!important;margin:0!important;bottom:60px!important;left:16px!important;right:auto!important}.react-flow__controls button{background:var(--bg-elevated);border-color:var(--accent);color:var(--fg-primary)}.react-flow__handle{width:6px!important;height:6px!important;box-shadow:none!important;opacity:0!important;pointer-events:none!important;border:none!important;border-radius:50%!important}.react-flow__handle-left{left:0!important}.react-flow__handle-right{right:0!important}.react-flow__handle:hover{box-shadow:0 0 0 2px #6c63ff80!important}.canvas-toolbar-wrap{pointer-events:none;z-index:var(--z-canvas-chrome);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.canvas-toolbar-bar{pointer-events:auto;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex;box-shadow:0 14px 36px #1920382e}.canvas-toolbar-btn{width:36px;height:36px;color:var(--fg-primary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .14s,transform .14s,color .14s;display:grid;position:relative}.canvas-toolbar-btn:hover{background:var(--accent-soft);transform:translateY(-1px)}.canvas-toolbar-text-btn{font-size:12px;font-weight:var(--fw-bold);letter-spacing:0}.canvas-toolbar-add{place-items:center;display:grid;position:relative}.canvas-toolbar-add:after{content:"";width:14px;height:356px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.canvas-toolbar-add-btn{background:var(--bg-elevated);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-default) 72%, transparent);border-radius:999px}.canvas-toolbar-add:hover .canvas-toolbar-add-btn,.canvas-toolbar-add:focus-within .canvas-toolbar-add-btn{background:var(--accent-soft);color:var(--accent)}.canvas-toolbar-add-menu{border:1px solid var(--glass-border);background:var(--glass-bg);opacity:0;pointer-events:none;transform-origin:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);visibility:hidden;border-radius:28px;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:opacity .14s,transform .14s,visibility 0s linear .14s;display:flex;position:absolute;top:50%;left:calc(100% + 12px);transform:translate(-4px,-50%)scale(.98);box-shadow:0 14px 36px #19203833}.canvas-toolbar-add:hover .canvas-toolbar-add-menu,.canvas-toolbar-add:focus-within .canvas-toolbar-add-menu{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(-50%)scale(1)}.canvas-toolbar-add-option{width:120px;height:40px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 14px;transition:background .14s,color .14s,transform .14s;display:flex}.canvas-toolbar-add-option .svg-icon{flex:none}.canvas-toolbar-add-option span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.canvas-toolbar-add-option:hover,.canvas-toolbar-add-option:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none;transform:translateY(-1px)}.canvas-toolbar-btn.active{background:var(--accent-soft);color:var(--accent)}.canvas-toolbar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.canvas-toolbar-btn.disabled{opacity:.32;pointer-events:none}.canvas-toolbar-btn.danger{color:var(--error)}.canvas-toolbar-btn.danger:hover{background:var(--error-soft)}.canvas-toolbar-tip{width:max-content;max-width:120px;padding:6px var(--space-2);border-radius:var(--radius-sm);background:var(--brand-bg);color:var(--fg-inverse);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none;line-height:1;animation:.12s both canvas-toolbar-tip-in;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}@keyframes canvas-toolbar-tip-in{0%{opacity:0;transform:translateY(-50%)translate(-3px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.canvas-toolbar-wrap{pointer-events:auto;align-items:flex-start;gap:8px;display:flex;top:50%;left:16px;overflow:visible;transform:translateY(-50%)}.canvas-toolbar-rail{align-items:center;gap:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--glass-bg);width:48px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;flex:0 0 48px;padding:3px;display:flex}.canvas-toolbar-toggle,.canvas-toolbar-rail-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--fg-secondary);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease, opacity var(--dur-fast) ease;background:0 0;border:0;place-items:center;padding:0;display:grid}.canvas-toolbar-toggle{background:var(--fg-primary);color:var(--fg-inverse);position:relative}.canvas-toolbar-toggle .svg-icon{transition:transform var(--dur-base) var(--ease-out)}.canvas-toolbar-rail-btn:hover,.canvas-toolbar-rail-btn:focus-visible{background:var(--overlay-hover);color:var(--fg-primary);outline:none}.canvas-toolbar-rail-btn.active{background:var(--bg-active);color:var(--fg-primary)}.canvas-toolbar-toggle:hover,.canvas-toolbar-toggle:focus-visible{opacity:.88;outline:none}.canvas-toolbar-toggle.active .svg-icon{transform:rotate(45deg)}.canvas-toolbar-rail-btn.canvas-toolbar-text-btn{font-size:var(--fs-2xs);font-weight:var(--fw-semibold)}@keyframes canvas-toolbar-panel-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.canvas-toolbar-selected-count{background:var(--accent);color:#fff;min-width:22px;height:22px;font-size:var(--fs-xs);font-weight:var(--fw-bold);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.canvas-zoom-controls{z-index:var(--z-canvas-chrome);border:1px solid var(--glass-border);background:var(--canvas-floating-bg);box-shadow:var(--canvas-floating-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:16px;left:16px;right:auto}.canvas-zoom-btn{width:28px;height:28px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .14s,color .14s;display:grid}.canvas-zoom-btn:hover{color:var(--fg-primary);background:#ffffff16}.canvas-zoom-btn.active{color:var(--fg-primary);background:#ffffff24}.canvas-zoom-btn:disabled{opacity:.32;pointer-events:none}.canvas-zoom-tooltip-trigger{flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.canvas-zoom-shortcut-tooltip{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--glass-border);background:var(--canvas-floating-bg);width:max-content;max-width:min(240px,100vw - 24px);min-height:34px;color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border-radius:7px;align-items:center;gap:8px;padding:6px 8px 6px 10px;line-height:1;transition:opacity .14s,transform .14s,visibility .14s;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 28px #0f172a33}.canvas-zoom-shortcut-tooltip:after{content:"";border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:var(--canvas-floating-bg);width:7px;height:7px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.canvas-zoom-shortcut-label{letter-spacing:0}.canvas-zoom-tooltip-trigger:hover .canvas-zoom-shortcut-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}@media (hover:none),(pointer:coarse){.canvas-zoom-shortcut-tooltip{display:none}}@media (prefers-reduced-motion:reduce){.canvas-zoom-shortcut-tooltip{transition:none}}.canvas-zoom-divider{background:var(--border-default);border-radius:999px;flex:none;width:1px;height:16px;margin:0 3px}.canvas-zoom-pct{min-width:58px;height:28px;font-size:var(--fs-xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;color:var(--fg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 7px 0 10px;transition:background .14s,color .14s;display:inline-flex}.canvas-zoom-pct:hover{color:var(--fg-primary);background:#ffffff16}.canvas-zoom-pct.active{color:var(--fg-primary);background:#ffffff24}.canvas-zoom-pct svg{opacity:.72;flex:none}.canvas-zoom-menu-wrap{position:relative}.canvas-zoom-menu{z-index:var(--z-canvas-chrome-menu);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:bottom;border-radius:14px;width:180px;padding:6px;animation:.15s ease-out canvasZoomMenuIn;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000073,0 1px 3px #0000004d}@keyframes canvasZoomMenuIn{0%{opacity:0;translate:0 6px;scale:.97}to{opacity:1;translate:0;scale:1}}.canvas-zoom-menu-item{width:100%;height:32px;color:var(--fg-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;padding:0 10px 0 12px;transition:background .14s,color .14s;display:flex}.canvas-zoom-menu-item:hover{color:var(--fg-primary);background:#ffffff16}.canvas-zoom-menu-item.active{color:var(--fg-primary);background:#ffffff24}.canvas-zoom-menu-action{justify-content:space-between}.canvas-zoom-menu-action kbd{height:18px;color:var(--fg-tertiary);font:inherit;background:#ffffff16;border-radius:4px;align-items:center;padding:0 5px;font-size:11px;line-height:1;display:inline-flex}.canvas-zoom-menu-action:hover kbd,.canvas-zoom-menu-action:focus-visible kbd{color:var(--fg-secondary)}.canvas-zoom-menu-divider{background:var(--border-default);height:1px;margin:5px 6px;display:block}@media (prefers-reduced-motion:reduce){.canvas-zoom-menu{animation:none}}.image-preview,.video-preview{border-radius:4px;max-width:200px;margin-top:6px}.context-menu{background:var(--bg-elevated);border:1px solid var(--accent-soft);border-radius:10px;min-width:180px;padding:6px 0;animation:.15s menuFadeIn;box-shadow:0 10px 28px #19203824}.pane-context-upload-icon{object-fit:contain;width:16px;height:16px;display:block}.pane-context-upload-input{display:none}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-title{font-size:var(--fs-xs);color:var(--fg-tertiary);border-bottom:1px solid var(--accent-soft);margin-bottom:4px;padding:6px 14px}.context-menu-item{cursor:pointer;font-size:var(--fs-sm);color:var(--fg-primary);align-items:center;padding:8px 14px;transition:background .15s;display:flex}.context-menu-item:hover{background:var(--bg-surface)}.context-menu-item.active{background:var(--accent-soft)}.context-menu-divider{background:color-mix(in srgb, var(--border-subtle) 82%, transparent);height:1px;margin:4px 10px}.context-menu.submenu{margin-left:4px}.menu-icon{width:16px;color:var(--fg-secondary);justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.menu-label{flex:1}.menu-shortcut{color:var(--fg-tertiary);font-size:var(--fs-sm);white-space:nowrap;margin-left:16px}.context-menu-item:hover .menu-shortcut,.context-menu-item.active .menu-shortcut{color:currentColor;opacity:.72}.menu-arrow{color:var(--fg-secondary);font-size:var(--fs-md);margin-left:8px}.result-skeleton{background:var(--bg-hover);border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:120px;display:flex;position:relative;overflow:hidden}.result-media-node .result-skeleton{border:1px solid var(--border-default);background:var(--glass-bg);height:100%;min-height:100px;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;transition:border-color .16s,box-shadow .16s}.skeleton-icon{font-size:var(--fs-2xl);opacity:.5}.result-skeleton.shimmer{background:var(--bg-hover)}.result-media-node .result-skeleton.shimmer{background:var(--glass-bg)}.result-skeleton.shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;animation:1.5s infinite shimmer-slide;position:absolute;top:0;left:-100%}@keyframes shimmer-slide{0%{left:-100%}to{left:100%}}@keyframes text-skeleton-flow{0%{background-position:0 28%,100% 18%,0%}to{background-position:44% 72%,58% 38%,100%}}@keyframes text-skeleton-sheen{0%{opacity:.42;transform:translate(-42%)}52%{opacity:.72}to{opacity:.46;transform:translate(42%)}}@keyframes text-skeleton-line-flow{0%{background-position:0%}to{background-position:100%}}.chat-page{background:var(--bg-surface);height:100vh;color:var(--fg-primary);flex:1;grid-template-columns:320px minmax(0,1fr);display:grid}.chat-history-pane{border-right:1px solid var(--accent-soft);background:var(--bg-elevated);min-width:0;height:100vh;padding:24px 16px;overflow:auto}.chat-history-header,.chat-group-toolbar,.chat-conversation-header,.chat-model-controls,.chat-session-actions,.chat-composer-attachments,.chat-attachment-list{align-items:center;display:flex}.chat-history-header{justify-content:space-between;margin-bottom:18px}.chat-history-header h1{font-size:var(--fs-2xl);line-height:1}.chat-favorite-entry,.chat-group-title,.chat-session-item{text-align:left;cursor:pointer;border:0;width:100%;font-family:inherit}.chat-favorite-entry{background:var(--bg-surface);color:var(--fg-primary);border-radius:8px;justify-content:space-between;margin-bottom:18px;padding:12px 14px;display:flex}.chat-favorite-entry.active,.chat-group-title.active,.chat-session-item.active{background:var(--accent-soft);color:var(--accent)}.chat-group-title.active{background:var(--bg-surface);color:var(--fg-primary)}.chat-group-toolbar{color:var(--fg-tertiary);font-size:var(--fs-xs);justify-content:space-between;margin:18px 0 10px}.chat-group-toolbar button,.small-action-btn{background:var(--brand-bg);color:var(--fg-inverse);cursor:pointer;font-family:inherit;font-size:var(--fs-xs);border:0;border-radius:8px;padding:7px 10px}.chat-group-title{color:var(--fg-primary);font-weight:var(--fw-bold);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-session-list{margin:6px 0 12px}.chat-session-item{min-height:58px;color:var(--fg-primary);background:0 0;border-radius:8px;margin-bottom:6px;padding:10px 64px 10px 12px;display:block;position:relative}.chat-session-item:hover{background:var(--bg-surface)}.chat-session-item span:first-child{font-size:var(--fs-base);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-session-item small{color:var(--fg-tertiary);font-size:var(--fs-xs);margin-top:5px;display:block}.chat-session-actions{opacity:0;z-index:20;gap:4px;transition:opacity .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.chat-session-item:hover .chat-session-actions,.chat-session-item:focus-within .chat-session-actions{opacity:1}.chat-session-actions:has(.chat-session-dropdown){opacity:1}.chat-session-actions button,.chat-attach-btn,.chat-send-btn{cursor:pointer;border:0;border-radius:8px;place-items:center;font-family:inherit;display:grid}.chat-session-actions button{width:24px;height:24px;color:var(--fg-tertiary);background:0 0}.chat-session-actions button:hover{background:var(--overlay-hover);color:var(--fg-primary)}.chat-session-dropdown{z-index:50;border:1px solid var(--accent-soft);background:var(--bg-elevated);border-radius:9px;min-width:72px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #19203829}.chat-empty-row,.chat-empty-state{color:var(--fg-tertiary);font-size:var(--fs-sm);text-align:center;padding:18px}.chat-main-pane{background:var(--bg-elevated);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100vh;display:grid}.chat-conversation-header{border-bottom:1px solid var(--accent-soft);justify-content:space-between;gap:18px;min-height:76px;padding:18px 28px}.chat-conversation-header h2{font-size:var(--fs-xl);margin:0;line-height:1.2}.chat-conversation-header p{color:var(--fg-tertiary);font-size:var(--fs-sm);margin-top:5px}.chat-model-controls{gap:8px}.chat-model-controls select{border:1px solid var(--accent-soft);background:var(--bg-elevated);min-width:150px;height:36px;color:var(--fg-primary);border-radius:8px;padding:0 10px;font-family:inherit}.chat-message-list{background:var(--bg-elevated);min-height:0;padding:28px;overflow:auto}.chat-message{justify-content:flex-start;width:720px;max-width:100%;margin:0 auto 20px;display:flex}.chat-message.user{justify-content:flex-end}.chat-message-stack{justify-items:start;gap:6px;max-width:min(720px,100%);display:grid}.chat-message.user .chat-message-stack{justify-items:end}.chat-message.user .chat-message-bubble{background:var(--accent-soft)}.chat-message-bubble{background:var(--bg-surface);width:fit-content;max-width:100%;color:var(--fg-primary);font-size:var(--fs-base);white-space:pre-wrap;border-radius:10px;padding:13px 15px;line-height:1.6}.chat-message-tools{opacity:0;align-items:center;gap:6px;transition:opacity .15s,transform .15s;display:inline-flex;transform:translateY(-2px)}.chat-message:hover .chat-message-tools,.chat-message:focus-within .chat-message-tools{opacity:1;transform:translateY(0)}.chat-message-tools button,.chat-favorite-message-actions button{border:1px solid var(--accent-soft);background:var(--bg-elevated);min-width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;font-family:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:8px;place-items:center;padding:0 8px;display:inline-grid}.chat-message-tools button:hover,.chat-message-tools button.active,.chat-favorite-message-actions button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chat-thinking{color:var(--fg-tertiary)}.chat-attachment-list{flex-wrap:wrap;gap:8px;margin-top:10px}.chat-attachment-chip{border:1px solid var(--accent-soft);background:var(--bg-elevated);max-width:240px;font-size:var(--fs-xs);border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.chat-attachment-chip img{object-fit:cover;border-radius:5px;width:28px;height:28px}.chat-composer{background:var(--bg-elevated);padding:16px 28px 22px}.chat-composer-box{border:1px solid var(--accent-soft);background:var(--bg-elevated);border-radius:16px;width:720px;max-width:100%;margin:0 auto;overflow:hidden;box-shadow:0 10px 30px #19203814}.chat-composer-box textarea{resize:vertical;width:100%;min-height:100px;max-height:200px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-base);background:0 0;border:none;outline:none;padding:16px;line-height:1.5}.chat-composer-toolbar{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.chat-composer-left{align-items:center;gap:8px;display:flex}.chat-composer-left input[type=file]{display:none}.chat-composer-models{gap:6px;display:flex}.chat-composer-models select{border:1px solid var(--accent-soft);background:var(--bg-surface);min-width:120px;height:32px;color:var(--fg-secondary);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;border-radius:8px;padding:0 10px}.chat-composer-models select:hover{border-color:var(--accent)}.chat-attach-btn{border:1px solid var(--accent-soft);background:var(--bg-elevated);height:32px;color:var(--fg-secondary);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);border-radius:8px;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.chat-attach-btn:hover{background:var(--bg-surface);border-color:var(--accent)}.chat-send-btn{background:var(--brand-bg);width:36px;height:36px;color:var(--fg-inverse);border-radius:10px;flex:0 0 36px}.chat-send-btn:disabled{cursor:not-allowed;opacity:.45}.chat-composer-attachments{flex-wrap:wrap;gap:8px;max-width:900px;margin:0 auto 10px}.chat-composer-attachments button{border:1px solid var(--accent-soft);background:var(--bg-surface);max-width:220px;color:var(--fg-primary);cursor:pointer;font-family:inherit;font-size:var(--fs-xs);border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.chat-composer-attachments img{object-fit:cover;border-radius:5px;width:30px;height:30px}.chat-composer-attachments span,.chat-attachment-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-error{max-width:900px;color:var(--error);font-size:var(--fs-sm);margin:0 auto 10px}.chat-favorites-view{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.chat-favorite-list{padding:24px 28px;overflow:auto}.chat-favorite-message{border:1px solid var(--accent-soft);background:var(--bg-elevated);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;max-width:900px;margin:0 auto 12px;padding:12px;display:grid}.chat-favorite-message-body{min-width:0;color:var(--fg-primary);cursor:pointer;text-align:left;background:0 0;border:0;gap:8px;font-family:inherit;display:grid}.chat-favorite-message-body span{font-size:var(--fs-base);white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.chat-favorite-message-body small{color:var(--fg-tertiary);font-size:var(--fs-xs)}.chat-favorite-message-actions{align-items:center;gap:6px;display:inline-flex}@media (width<=900px){.chat-page{grid-template-columns:260px minmax(0,1fr)}.chat-conversation-header{flex-direction:column;align-items:flex-start}.chat-model-controls{width:100%}.chat-model-controls select{flex:1;min-width:0}.chat-composer-left{flex-wrap:wrap}.chat-composer-models{width:100%}.chat-composer-models select{flex:1;min-width:0}}.materials-page{padding:42px 72px}.materials-page-header>div,.settings-page-header>div{gap:5px;display:grid}.materials-page-header p,.settings-page-header p{color:var(--fg-tertiary);font-size:var(--fs-sm);margin:0}.materials-search{border:1px solid var(--accent-soft);background:var(--bg-elevated);width:280px;height:38px;color:var(--fg-primary);font-size:var(--fs-sm);border-radius:10px;outline:none;margin-left:auto;padding:0 14px;font-family:inherit}.materials-search:focus{border-color:var(--accent)}.materials-category-tabs{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);border-radius:14px;align-items:center;gap:6px;margin:-8px 0 22px;padding:4px;display:inline-flex}.materials-category-tabs button{min-width:104px;height:36px;color:var(--fg-secondary);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 12px;transition:background .15s,color .15s;display:inline-flex}.materials-category-tabs button:hover{background:var(--overlay-hover);color:var(--fg-primary)}.materials-category-tabs button.active{background:var(--bg-hover);color:var(--fg-primary)}.materials-category-tabs button strong{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold);margin-left:auto}.materials-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:28px;display:grid}.materials-layout.without-groups{grid-template-columns:minmax(0,1fr)}.materials-groups-pane,.materials-content-pane{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:12px;min-height:480px}.materials-layout.without-groups .materials-content-pane{box-shadow:none;background:0 0;border:0;border-radius:0}.materials-page.templates-mode .materials-content-pane{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0}.materials-page.templates-mode .materials-grid{padding:0}.materials-groups-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.materials-groups-header h2{font-size:var(--fs-md);font-weight:var(--fw-bold)}.materials-group-list{padding:10px}.materials-group-item-wrap{margin-bottom:4px;position:relative}.materials-group-item{width:100%;color:var(--fg-primary);cursor:pointer;font-family:inherit;font-size:var(--fs-base);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex}.materials-group-item:hover{background:var(--bg-hover)}.materials-group-item.active{background:var(--accent-soft);color:var(--accent)}.materials-group-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.materials-group-item strong{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.material-group-menu-trigger{width:22px;height:22px;color:var(--fg-tertiary);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.materials-group-item-wrap:hover .material-group-menu-trigger,.material-group-menu-trigger:focus{opacity:1}.materials-group-menu-trigger:hover{background:var(--overlay-hover)}.materials-group-menu{top:36px;left:auto;right:4px}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:18px;display:grid}.materials-layout.without-groups .materials-grid{padding:0}.material-card{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:10px;transition:box-shadow .15s,transform .15s;position:relative;overflow:hidden}.material-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #1920381a}.material-card-preview{aspect-ratio:1;background:var(--bg-surface);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.material-card-preview img,.material-card-preview video{object-fit:cover;width:100%;height:100%;display:block}.material-card-text-preview{height:100%;color:var(--fg-secondary);font-size:var(--fs-base);text-align:left;white-space:pre-wrap;-webkit-line-clamp:7;-webkit-box-orient:vertical;padding:34px 22px 22px;line-height:1.7;display:-webkit-box;overflow:hidden}.material-card-type{width:22px;height:22px;color:var(--fg-inverse);background:#0009;border-radius:5px;place-items:center;display:grid;position:absolute;top:6px;left:6px}.material-card-info{padding:10px 12px 12px}.material-card-title-row{align-items:center;gap:6px;margin-bottom:4px;display:flex;position:relative}.material-card-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--fg-primary);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-family:inherit;overflow:hidden}.material-card-menu-trigger{width:22px;height:22px;color:var(--fg-tertiary);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;place-items:center;transition:opacity .15s,background .15s;display:grid}.material-card:hover .material-card-menu-trigger{opacity:1}.material-card-menu-trigger:hover{background:var(--bg-hover)}.material-card-prompt{color:var(--fg-secondary);font-size:var(--fs-xs);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0 0 6px;line-height:1.45;display:-webkit-box;overflow:hidden}.material-card-meta{color:var(--fg-tertiary);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:8px;display:flex}.material-use-button{border:1px solid var(--accent);background:var(--accent);width:100%;height:34px;color:var(--fg-inverse);font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;border-radius:8px;margin-top:10px}.material-use-button:hover{filter:brightness(1.05)}.materials-template-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.material-template-preview{background:radial-gradient(circle at 20% 20%, var(--accent-soft), transparent 34%), var(--bg-surface);width:100%;min-height:190px;color:var(--fg-secondary);cursor:pointer;border:0;align-content:center;place-items:center;gap:10px;padding:28px;display:grid}.material-template-preview strong{color:var(--fg-primary);font-size:var(--fs-md)}.material-template-preview span{color:var(--fg-tertiary);font-size:var(--fs-xs)}.material-text-detail{max-width:620px;color:var(--fg-primary);font-size:var(--fs-base);white-space:pre-wrap;padding:32px;line-height:1.8}.material-card-menu{top:28px;left:auto;right:4px}.materials-empty{min-height:360px;color:var(--fg-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.materials-empty p{font-size:var(--fs-base);color:var(--fg-secondary);margin:0}.materials-empty span{font-size:var(--fs-sm)}.material-preview-dialog{background:var(--bg-elevated);border-radius:14px;grid-template-rows:auto 1fr;width:min(900px,100vw - 40px);max-height:calc(100vh - 80px);animation:.18s dialogSlideIn;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000040}.material-preview-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.material-preview-header h3{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--fg-primary);margin:0}.material-preview-body{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:0;min-height:0;max-height:calc(100vh - 200px);display:grid}.material-preview-media{background:var(--bg-surface);place-items:center;display:grid;overflow:hidden}.material-preview-media img,.material-preview-media video{object-fit:contain;max-width:100%;max-height:calc(100vh - 200px);display:block}.material-preview-info{border-left:1px solid var(--border-subtle);align-content:start;gap:16px;padding:18px 20px;display:grid;overflow-y:auto}.material-preview-section{gap:6px;display:grid}.material-preview-section label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--fg-secondary)}.material-preview-prompt{border:1px solid var(--border-subtle);background:var(--bg-surface);max-height:200px;color:var(--fg-primary);font-size:var(--fs-sm);white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:10px 12px;line-height:1.6;overflow-y:auto}.material-preview-section select{border:1px solid var(--border-default);background:var(--bg-elevated);height:36px;font-family:inherit;font-size:var(--fs-sm);border-radius:8px;padding:0 10px}.material-edit-dialog{background:var(--bg-elevated);border-radius:14px;width:min(480px,100vw - 40px);animation:.18s dialogSlideIn;overflow:hidden;box-shadow:0 20px 60px #00000040}.material-edit-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.material-edit-header h3{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--fg-primary);margin:0}.material-edit-body{gap:16px;padding:20px;display:grid}.material-edit-body label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--fg-secondary);gap:6px;display:grid}.material-edit-body input,.material-edit-body textarea,.material-edit-body select{border:1px solid var(--border-default);background:var(--bg-elevated);width:100%;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-base);font-weight:var(--fw-regular);border-radius:8px;outline:none;padding:9px 12px}.material-edit-body input:focus,.material-edit-body textarea:focus,.material-edit-body select:focus{border-color:var(--border-strong)}.material-edit-body textarea{resize:vertical;min-height:100px;line-height:1.5}.material-save-dialog{color:#f5f5f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#242424fa;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:min(460px,100vw - 40px);max-height:min(560px,100vh - 48px);animation:.18s dialogSlideIn;display:flex;overflow:visible;box-shadow:0 22px 56px #0006}.material-save-header{align-items:center;gap:10px;padding:18px 20px 12px;display:flex;position:relative}.material-save-header h3{color:#fff;flex:1;align-items:center;gap:8px;min-width:0;margin:0;font-size:16px;font-weight:800;line-height:1.25;display:inline-flex}.material-save-header h3 .svg-icon{width:20px;height:20px}.material-save-new-folder{color:#ffffffb8;cursor:pointer;height:30px;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.material-save-new-folder:hover,.material-save-new-folder:focus-visible{color:#fff;background:#ffffff14;outline:none}.material-save-close{color:#ffffff8f;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.material-save-close:hover,.material-save-close:focus-visible{color:#fff;background:#ffffff14;outline:none}.material-save-body{gap:12px;min-height:0;padding:0 20px 14px;display:grid}.material-save-tabs{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:4px;display:grid}.material-save-tabs button{color:#ffffff94;cursor:pointer;height:36px;font:inherit;background:0 0;border:0;border-radius:10px;font-size:14px;font-weight:800}.material-save-tabs button.active{color:#fff;background:#ffffff2e}.material-save-tabs button:hover,.material-save-tabs button:focus-visible{color:#fff;outline:none}.material-save-folder-list{gap:2px;min-height:156px;max-height:min(292px,100vh - 270px);padding:2px 0;display:grid;position:relative;overflow:auto}.material-save-folder-block{gap:2px;display:grid}.material-save-folder-row{min-height:40px;padding:0 6px 0 calc(2px + var(--folder-depth,0) * 18px);color:#fff;background:0 0;border-radius:10px;grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;display:grid;position:relative}.material-save-folder-row:hover,.material-save-folder-row:focus-within,.material-save-folder-row.is-selected{background:#ffffff14}.material-save-folder-toggle,.material-save-folder-more{color:#ffffff9e;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.material-save-folder-toggle:disabled{cursor:default;opacity:.28}.material-save-folder-toggle:not(:disabled):hover,.material-save-folder-more:hover,.material-save-folder-more:focus-visible{color:#fff;background:#ffffff14;outline:none}.material-save-folder-main{min-width:0;height:38px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:800;display:inline-flex}.material-save-folder-main .svg-icon{width:20px;height:20px}.material-save-folder-main>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.material-save-folder-main .svg-icon{color:#fffc;flex:none}.material-save-folder-input{color:#fff;width:100%;min-width:0;height:30px;font:inherit;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;outline:none;padding:0 8px;font-size:14px;font-weight:700}.material-save-folder-menu-wrap{position:relative}.material-save-folder-menu{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2e2e2efa;border:1px solid #ffffff1a;border-radius:11px;width:164px;padding:5px 0;position:absolute;top:30px;right:0;overflow:hidden;box-shadow:0 18px 44px #00000061}.material-save-folder-menu.is-floating{z-index:10020;position:fixed;top:auto;right:auto}.material-save-folder-menu button{color:#ffffffe6;cursor:pointer;width:100%;height:34px;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.material-save-folder-menu button:hover,.material-save-folder-menu button:focus-visible{background:#ffffff14;outline:none}.material-save-folder-menu button.danger{color:#ff5f66}.material-save-folder-menu button.danger:hover,.material-save-folder-menu button.danger:focus-visible{background:#ff5f661f}.material-save-empty{color:#ffffff80;text-align:center;border:1px dashed #ffffff1f;border-radius:12px;align-content:center;place-items:center;gap:8px;min-height:146px;display:grid}.material-save-empty strong{color:#ffffffc7;font-size:14px}.material-save-empty span{font-size:13px}.material-save-target{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:0 2px;font-size:13px;line-height:1.4;overflow:hidden}.material-save-target strong{color:#ffffffdb;font-weight:700}.material-save-actions{justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px 18px;display:flex}.material-save-action-buttons{flex:none;align-items:center;gap:10px;display:inline-flex}.material-save-cancel,.material-save-confirm{cursor:pointer;min-width:76px;height:36px;font:inherit;border:0;border-radius:10px;padding:0 16px;font-size:14px;font-weight:800}.material-save-cancel{color:#ffffffd1;background:#ffffff14}.material-save-cancel:hover,.material-save-cancel:focus-visible{color:#fff;background:#ffffff1f;outline:none}.material-save-confirm{color:#161616;background:#ffffffd1}.material-save-confirm:hover,.material-save-confirm:focus-visible{background:#fff;outline:none}.material-save-confirm:disabled{cursor:not-allowed;opacity:.42}@media (width<=980px){.materials-page{padding:28px 24px}.materials-layout{grid-template-columns:1fr}.material-preview-body{grid-template-columns:1fr;max-height:calc(100vh - 200px);overflow-y:auto}.material-preview-info{border-left:0;border-top:1px solid var(--border-subtle)}.materials-search{width:200px}.materials-tabs{width:100%}.materials-tabs button{flex:1;justify-content:center}}@media (width<=560px){.material-save-actions{flex-direction:column;align-items:stretch}.material-save-action-buttons{justify-content:flex-end}}.material-save-preview{background:var(--bg-surface);border-radius:8px;place-items:center;width:100%;max-height:200px;display:grid;overflow:hidden}.material-save-preview img,.material-save-preview video{object-fit:contain;max-width:100%;max-height:200px;display:block}.node-hover-toolbar{z-index:var(--z-node-toolbar);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-elevated);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:2px;padding:3px;transition:opacity .15s,transform .15s,visibility 0s linear .15s;display:inline-flex;position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%)translateY(4px)}.node-hover-toolbar:before{content:"";height:22px;position:absolute;top:100%;left:0;right:0}.custom-node:hover>.node-hover-toolbar,.canvas-group-node:hover>.node-hover-toolbar,.node-hover-toolbar:hover,.node-hover-toolbar:focus-within{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)translateY(0)}.node-hover-toolbar-portal{z-index:var(--z-node-toolbar);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-elevated);box-shadow:var(--shadow-md);white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:2px;padding:3px;transition:opacity .15s;display:inline-flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}body:has(.material-save-modal-overlay) .node-hover-toolbar-portal{display:none}.node-hover-toolbar-btn{border-radius:var(--radius-full);height:32px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative}.node-hover-toolbar-item{align-items:center;height:32px;display:inline-flex;position:relative}.node-hover-toolbar-icon{object-fit:contain;flex:0 0 16px;width:16px;height:16px;display:block}.node-hover-toolbar-label{white-space:nowrap}.node-hover-toolbar-btn.is-compact{width:32px;padding:0}.node-hover-toolbar-btn.is-compact>.node-hover-toolbar-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.node-hover-toolbar-tooltip,.text-format-toolbar-tooltip{z-index:8;background:var(--brand-bg);width:max-content;max-width:180px;color:var(--fg-inverse);font-size:var(--fs-xs);font-weight:var(--fw-medium);pointer-events:none;opacity:0;white-space:nowrap;border-radius:8px;padding:6px 10px;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 16px #19203833}.node-hover-toolbar-btn:hover .node-hover-toolbar-tooltip,.node-hover-toolbar-btn:focus-visible .node-hover-toolbar-tooltip,.text-format-icon-btn:hover .text-format-toolbar-tooltip,.text-format-icon-btn:focus-visible .text-format-toolbar-tooltip,.text-format-type-btn:hover .text-format-toolbar-tooltip,.text-format-type-btn:focus-visible .text-format-toolbar-tooltip{opacity:1;transform:translate(-50%)}.node-hover-toolbar-item:has(>.node-hover-toolbar-menu) .node-hover-toolbar-tooltip{opacity:0}.node-hover-toolbar-tag-dots{pointer-events:none;gap:2px;display:inline-flex;position:absolute;top:7px;right:7px}.node-hover-toolbar-tag-dots span{background:var(--node-tag-color);border:1px solid #232323e6;border-radius:999px;width:6px;height:6px}.node-hover-toolbar-btn.has-separator{margin-left:9px;position:relative}.node-hover-toolbar-btn.has-separator:before{background:var(--border-default);content:"";border-radius:999px;width:1px;height:16px;position:absolute;top:8px;right:calc(100% + 5px)}.node-hover-toolbar-menu{transform:translateX(calc(-50% + var(--menu-shift,0px)));z-index:var(--z-toolbar-menu);min-width:132px;padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-md);gap:2px;display:grid;position:absolute;top:calc(100% + 8px);left:50%}.node-hover-toolbar-menu[data-placement=above]{top:auto;bottom:calc(100% + 8px)}.node-hover-toolbar-menu button{height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--fg-secondary);font:inherit;font-size:var(--fs-sm);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;display:flex}.node-hover-toolbar-menu button .svg-icon{color:var(--fg-secondary);flex:none}.node-hover-toolbar-menu-color{background:var(--node-tag-color);color:#171717;border-radius:999px;flex:none;place-items:center;width:18px;height:18px;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff47}.node-hover-toolbar-menu-color .svg-icon{color:#171717}.node-hover-toolbar-menu button:hover,.node-hover-toolbar-menu button:focus-visible{background:var(--overlay-hover);color:var(--fg-primary);outline:none}.node-hover-toolbar-menu button.is-active{background:var(--bg-active);color:var(--fg-primary)}.node-hover-toolbar-menu button:hover .svg-icon,.node-hover-toolbar-menu button:focus-visible .svg-icon,.node-hover-toolbar-menu button.is-active .svg-icon{color:var(--fg-primary)}.node-hover-toolbar-menu.is-group-background-color-menu{transform:translateX(var(--menu-shift,0px));grid-auto-columns:28px;grid-auto-flow:column;min-width:0;padding:6px;left:0;right:auto}.node-hover-toolbar-menu.is-group-background-color-menu button{justify-content:center;gap:0;width:28px;height:28px;padding:0}.node-hover-toolbar-menu.is-group-background-color-menu button>span:last-child{display:none}.node-hover-toolbar-menu.is-group-background-color-menu .node-hover-toolbar-menu-color{width:18px;height:18px;position:relative}.node-hover-toolbar-menu.is-group-background-color-menu button:first-child .node-hover-toolbar-menu-color:after{content:"";background:#c94a4a;border-radius:999px;width:14px;height:1.5px;position:absolute;top:50%;left:2px;transform:rotate(-45deg)}.node-hover-toolbar-btn:hover,.node-hover-toolbar-btn:focus-visible{background:var(--overlay-hover);color:var(--fg-primary);outline:none}.node-hover-toolbar-btn.is-active{background:var(--bg-active);color:var(--fg-primary)}.video-enhancement-prototype-panel{z-index:var(--z-generator-panel);max-width:calc(100vw - 24px);color:var(--fg-primary);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1d1ff5;border:1px solid #ffffff1c;border-radius:14px;padding:12px;position:fixed;transform:translate(-50%);box-shadow:0 22px 56px #00000061}.video-enhancement-prototype-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.video-enhancement-prototype-header strong{font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:20px}.video-enhancement-prototype-close{width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.video-enhancement-prototype-close:hover,.video-enhancement-prototype-close:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.video-enhancement-prototype-body{gap:10px;display:grid}.video-enhancement-prototype-field{gap:7px;display:grid}.video-enhancement-prototype-field>span{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:16px}.video-enhancement-prototype-options{flex-wrap:wrap;gap:6px;display:flex}.video-enhancement-prototype-options button{min-height:32px;color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-xs);background:#ffffff0e;border:1px solid #ffffff12;border-radius:8px;padding:0 11px;line-height:18px}.video-enhancement-prototype-options button:hover,.video-enhancement-prototype-options button:focus-visible{color:var(--fg-primary);background:#ffffff17;border-color:#ffffff1f;outline:none}.video-enhancement-prototype-options button.active{border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 20%, #ffffff0f);color:color-mix(in srgb, var(--accent) 72%, white);font-weight:var(--fw-bold)}.video-enhancement-prototype-footer{border-top:1px solid color-mix(in srgb, var(--border-default) 64%, transparent);justify-content:flex-end;align-items:center;gap:0;min-width:0;margin-top:12px;padding-top:10px;display:flex}.video-enhancement-prototype-status{min-width:0;color:var(--fg-tertiary);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;line-height:16px;overflow:hidden}.video-enhancement-prototype-action-pill{color:#1a1b1e;background:#f4f4f5e6;border:1px solid #ffffffa8;border-radius:999px;flex:none;align-items:center;gap:4px;min-width:76px;height:40px;padding:0 42px 0 12px;display:inline-flex;box-shadow:0 8px 18px #00000029,inset 0 1px #ffffff9e}.video-enhancement-prototype-credit-icon{width:16px;height:16px;color:color-mix(in srgb, var(--accent) 74%, #2563eb);place-items:center;display:inline-grid}.video-enhancement-prototype-action-pill strong{color:#1a1b1e;font-size:14px;font-weight:var(--fw-regular);line-height:20px}.video-enhancement-prototype-generate{color:#fff;cursor:pointer;width:34px;height:34px;font:inherit;background:#1a1b1e;border:0;border-radius:999px;flex:0 0 34px;place-items:center;margin-left:-37px;padding:0;display:inline-grid;box-shadow:0 8px 18px #00000038}.video-enhancement-prototype-generate:hover,.video-enhancement-prototype-generate:focus-visible{background:#27272a;outline:none}.video-extension-prototype-panel{z-index:var(--z-generator-panel);max-width:calc(100vw - 24px);color:var(--fg-primary);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#131416f7;border:1px solid #ffffff1a;border-radius:16px;padding:14px;position:fixed;transform:translate(-50%);box-shadow:0 24px 64px #0000006b}.video-extension-prototype-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.video-extension-prototype-header strong{font-size:16px;font-weight:var(--fw-bold);line-height:22px}.video-extension-prototype-body{gap:12px;display:grid}.video-extension-reference-section,.video-extension-prompt-section,.video-extension-settings-section{gap:7px;min-width:0;display:grid}.video-extension-section-title{color:var(--fg-tertiary);font-size:12px;font-weight:var(--fw-bold);justify-content:space-between;align-items:center;gap:10px;line-height:16px;display:flex}.video-extension-section-title small{color:#ffffff61;font-size:11px;font-weight:var(--fw-regular)}.video-extension-reference-row{padding-block:0}.video-extension-reference-card{background:#ffffff0e;border-color:#ffffff1a;overflow:visible}.video-extension-reference-card img,.video-extension-reference-card video{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.video-extension-reference-card:hover,.video-extension-reference-card:focus-within{z-index:20;border-color:#ffffff3d;outline:none}.video-extension-reference-card .thumb-remove{z-index:3;visibility:hidden;color:#fff;opacity:0;background:#080809e0;border:1px solid #ffffff52;width:20px;height:20px;padding:0;transition:opacity .12s,visibility .12s,background .12s,border-color .12s,transform .12s;top:3px;right:3px}.video-extension-reference-card:hover .thumb-remove,.video-extension-reference-card:focus-within .thumb-remove{visibility:visible;opacity:1}.video-extension-reference-card .thumb-remove:hover,.video-extension-reference-card .thumb-remove:focus-visible{border-color:var(--error);background:var(--error);outline:none;transform:scale(1.06)}.video-extension-reference-type{color:#fff;background:#00000094;border-radius:999px;padding:1px 5px;font-size:10px;line-height:14px;position:absolute;bottom:4px;right:4px}.video-extension-add-card{color:#ffffffc7;background:#ffffff13;border-color:#ffffff26}.video-extension-add-card:hover:not(:disabled),.video-extension-add-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 54%, #fff3);background:color-mix(in srgb, var(--accent) 18%, #ffffff14);color:color-mix(in srgb, var(--accent) 70%, #fff);outline:none}.video-extension-prompt-wrap{position:relative}.video-extension-prompt-input{box-sizing:border-box;resize:vertical;width:100%;min-height:84px;color:var(--fg-primary);font:inherit;background:#ffffff0e;border:1px solid #ffffff17;border-radius:12px;padding:10px 12px;font-size:13px;line-height:20px;display:block}.video-extension-prompt-input::placeholder{color:#ffffff5c}.video-extension-prompt-input:focus{border-color:color-mix(in srgb, var(--accent) 48%, #ffffff2e);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.video-extension-mention-menu{z-index:6;background:#1c1d1ffa;border:1px solid #ffffff1a;border-radius:12px;gap:4px;width:min(260px,100% - 16px);max-height:210px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);left:8px;overflow:auto;box-shadow:0 16px 36px #00000052}.video-extension-mention-menu button{color:#ffffffdb;cursor:pointer;min-width:0;min-height:34px;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.video-extension-mention-menu button:hover,.video-extension-mention-menu button:focus-visible{background:#ffffff14;outline:none}.video-extension-mention-menu img,.video-extension-mention-menu video{object-fit:cover;border-radius:6px;flex:0 0 26px;width:26px;height:26px}.video-extension-mention-menu button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-extension-empty-choice{color:var(--fg-tertiary);text-align:center;padding:8px;font-size:12px;line-height:16px}.video-extension-settings-section{position:relative}.video-extension-footer-left{align-items:center;gap:10px;min-width:0;margin-right:auto;display:flex}.video-extension-footer-left .video-extension-settings-section{width:min(460px,42vw);min-width:320px}.video-extension-settings-trigger{color:#ffffffdb;cursor:pointer;width:100%;min-height:38px;font:inherit;background:#ffffff0e;border:1px solid #ffffff17;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 11px;font-size:13px;display:flex}.video-extension-settings-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.video-extension-settings-trigger:hover,.video-extension-settings-trigger:focus-visible{background:#ffffff16;border-color:#ffffff29;outline:none}.video-extension-settings-popover{z-index:5;background:#1c1d1ffa;border:1px solid #ffffff1a;border-radius:14px;gap:12px;width:min(430px,100%);padding:12px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0000005c}.video-extension-setting-group{gap:7px;display:grid}.video-extension-setting-group>span{color:var(--fg-tertiary);font-size:12px;font-weight:var(--fw-bold);line-height:16px}.video-extension-option-row,.video-extension-duration-grid{flex-wrap:wrap;gap:6px;display:flex}.video-extension-duration-grid{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.video-extension-option-row button,.video-extension-duration-grid button{color:#ffffffb3;cursor:pointer;min-height:30px;font:inherit;background:#ffffff0e;border:1px solid #ffffff14;border-radius:8px;padding:0 10px;font-size:12px;line-height:16px}.video-extension-duration-grid button{padding-inline:0}.video-extension-option-row button:hover,.video-extension-option-row button:focus-visible,.video-extension-duration-grid button:hover,.video-extension-duration-grid button:focus-visible{color:#fff;background:#ffffff17;border-color:#ffffff26;outline:none}.video-extension-option-row button.active,.video-extension-duration-grid button.active{border-color:color-mix(in srgb, var(--accent) 44%, transparent);background:color-mix(in srgb, var(--accent) 20%, #ffffff0f);color:color-mix(in srgb, var(--accent) 70%, white);font-weight:var(--fw-bold)}.video-extension-prototype-footer{margin-top:12px}.video-extension-prototype-footer .video-enhancement-prototype-status{margin-right:0}.video-retake-prototype-panel{z-index:var(--z-generator-panel);box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);color:var(--fg-primary);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121315fa;border:1px solid #ffffff1a;border-radius:16px;padding:10px;position:fixed;overflow:auto;transform:translate(-50%);box-shadow:0 24px 64px #0000006b}.video-retake-prototype-topbar,.video-retake-prototype-tools,.video-retake-prototype-shot-title{align-items:center;display:flex}.video-retake-prototype-topbar{justify-content:space-between;gap:12px;margin-bottom:8px}.video-retake-prototype-shot-title{gap:8px;min-width:0}.video-retake-prototype-shot-title strong{color:#ffffffeb;font-size:14px;font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.video-retake-prototype-shot-title span{color:#ffffff6b;flex:none;font-size:12px;line-height:16px}.video-retake-prototype-tools{flex:none;gap:4px}.video-retake-prototype-tools button{color:#ffffffb8;cursor:pointer;background:#ffffff0e;border:0;border-radius:8px;place-items:center;width:26px;height:26px;display:inline-grid}.video-retake-prototype-tools button:hover,.video-retake-prototype-tools button:focus-visible{color:#fff;background:#ffffff1c;outline:none}.video-retake-prototype-tools .video-enhancement-prototype-close{background:0 0}.video-retake-prototype-timeline{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;gap:6px;padding:7px;display:grid}.video-retake-prototype-filmstrip{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;height:48px;display:grid;position:relative;overflow:hidden}.video-retake-prototype-filmstrip:hover,.video-retake-prototype-filmstrip:focus-visible,.video-retake-prototype-filmstrip.is-dragging{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 34%, transparent);outline:none}.video-retake-prototype-filmstrip.is-dragging{cursor:grabbing}.video-retake-prototype-frame{pointer-events:none;background:#ffffff0f;min-width:0;overflow:hidden}.video-retake-prototype-frame video{object-fit:cover;opacity:.82;width:100%;height:100%;display:block}.video-retake-prototype-cursor{background:color-mix(in srgb, var(--accent) 78%, #fff);cursor:grab;pointer-events:none;border-radius:999px;width:2px;position:absolute;top:3px;bottom:3px;transform:translate(-50%);box-shadow:0 0 0 2px #00000047}.video-retake-prototype-cursor:before{content:"";background:color-mix(in srgb, var(--accent) 78%, #fff);border:2px solid #121315eb;border-radius:999px;width:12px;height:12px;position:absolute;top:-3px;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px #00000047}.video-retake-prototype-cursor span{color:#ffffffe0;white-space:nowrap;background:#121315c2;border-radius:999px;padding:2px 5px;font-size:10px;line-height:14px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.video-retake-prototype-segments{gap:6px;min-width:0;display:flex}.video-retake-prototype-segments button{color:#ffffffb8;cursor:pointer;min-width:72px;min-height:32px;font:inherit;text-align:left;background:#ffffff0e;border:1px solid #ffffff17;border-radius:9px;gap:1px;padding:3px 8px;display:grid}.video-retake-prototype-segments button:hover,.video-retake-prototype-segments button:focus-visible{color:#fff;background:#ffffff17;border-color:#ffffff2e;outline:none}.video-retake-prototype-segments button.active{border-color:color-mix(in srgb, var(--accent) 52%, #ffffff1a);background:color-mix(in srgb, var(--accent) 20%, #ffffff12);color:#fff}.video-retake-prototype-segments span{font-size:12px;font-weight:var(--fw-bold);line-height:16px}.video-retake-prototype-segments small{color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:14px;overflow:hidden}.video-retake-prototype-mode-row{grid-template-columns:124px repeat(4,minmax(0,1fr));align-items:center;gap:6px;margin-top:8px;display:grid}.video-retake-prototype-mode-row>span{color:#ffffff80;font-size:13px;font-weight:var(--fw-bold);line-height:18px}.video-retake-prototype-mode-row button{color:#ffffffad;cursor:pointer;min-height:30px;font:inherit;background:#ffffff0e;border:1px solid #ffffff14;border-radius:10px;padding:0 8px;font-size:12px}.video-retake-prototype-mode-row button:hover,.video-retake-prototype-mode-row button:focus-visible{color:#fff;background:#ffffff17;outline:none}.video-retake-prototype-mode-row button.active{border-color:color-mix(in srgb, var(--accent) 44%, transparent);background:color-mix(in srgb, var(--accent) 18%, #ffffff12);color:color-mix(in srgb, var(--accent) 70%, #fff);font-weight:var(--fw-bold)}.video-retake-view-tabs{grid-template-columns:124px repeat(2,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.video-retake-view-tabs:before{content:""}.video-retake-view-tabs button{color:#ffffff8f;cursor:pointer;min-height:30px;font:inherit;font-size:12px;font-weight:var(--fw-bold);background:#ffffff0b;border:1px solid #ffffff12;border-radius:10px}.video-retake-view-tabs button:hover,.video-retake-view-tabs button:focus-visible{color:#fff;background:#ffffff14;outline:none}.video-retake-view-tabs button.active{color:#fff;background:#ffffff24;border-color:#ffffff24}.video-retake-prototype-body{grid-template-columns:210px minmax(0,1fr);gap:10px;margin-top:8px;display:grid}.video-retake-camera-control,.video-retake-settings{min-width:0}.video-retake-camera-control{display:block}.video-retake-camera-control .angle-camera-preview{background:radial-gradient(circle at 50% 45%,#ffffff14,#0000 62%),#ffffff0b;border-color:#ffffff14;border-radius:14px;height:196px}.video-retake-camera-control .angle-camera-nudge{display:none}.video-retake-camera-dial{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#ffffff17 0 2px,#0000 3px),radial-gradient(circle,#ffffff0f,#ffffff06 58%,#00000014);border:1px solid #ffffff17;border-radius:999px;place-items:center;display:grid;position:relative;overflow:hidden}.video-retake-camera-dial:active{cursor:grabbing}.video-retake-camera-dial.is-disabled{cursor:not-allowed;opacity:.52}.video-retake-camera-perspective{z-index:4;color:#ffffff8f;pointer-events:none;background:#12131594;border-radius:999px;align-items:center;gap:4px;padding:3px 5px;font-size:11px;line-height:14px;display:inline-flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.video-retake-camera-perspective strong{color:#ffffffe6;background:#ffffff24;border-radius:999px;padding:2px 6px;font-size:11px;line-height:14px}.video-retake-camera-subject{z-index:2;pointer-events:none;background:linear-gradient(90deg,#ffffff47 0 26%,#ffffff14 26%),#ffffff1f;border-radius:5px;width:58px;height:38px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 26px #00000042,inset 0 0 0 1px #ffffff29}.video-retake-camera-axis{background:#ffffff14;position:absolute}.video-retake-camera-axis.is-horizontal{height:1px;left:16px;right:16px}.video-retake-camera-axis.is-vertical{width:1px;top:16px;bottom:16px}.video-retake-camera-dot{z-index:5;background:color-mix(in srgb, var(--accent) 72%, #fff);pointer-events:none;border:2px solid #121315eb;border-radius:999px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #00000052}.video-retake-camera-dot.is-ghost{z-index:3;opacity:.68;background:#ffffff4d;width:12px;height:12px}.video-retake-camera-cone{z-index:1;clip-path:polygon(0 42%,100% 16%,100% 84%,0 58%);transform-origin:0;pointer-events:none;opacity:.58;background:linear-gradient(90deg,#ffffff2e,#fff0);width:86px;height:86px;position:absolute;transform:translate(-8px,-50%)}.video-retake-camera-options,.video-retake-shot-options{gap:5px;display:grid}.video-retake-camera-options{grid-template-columns:repeat(3,minmax(0,1fr))}.video-retake-camera-options button:last-child{grid-column:1/-1}.video-retake-shot-options{grid-template-columns:repeat(4,minmax(0,1fr))}.video-retake-camera-options button,.video-retake-shot-options button{color:#ffffffa8;cursor:pointer;min-height:28px;font:inherit;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:0 8px;font-size:12px}.video-retake-camera-options button:hover:not(:disabled),.video-retake-camera-options button:focus-visible:not(:disabled),.video-retake-shot-options button:hover:not(:disabled),.video-retake-shot-options button:focus-visible:not(:disabled){color:#fff;background:#ffffff17;border-color:#ffffff29;outline:none}.video-retake-camera-options button.active,.video-retake-shot-options button.active{border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 18%, #ffffff0f);color:color-mix(in srgb, var(--accent) 72%, #fff);font-weight:var(--fw-bold)}.video-retake-camera-options button:disabled,.video-retake-shot-options button:disabled,.video-retake-settings textarea:disabled{cursor:not-allowed;opacity:.42}.video-retake-settings{gap:8px;display:grid}.video-retake-setting-group{gap:6px;display:grid}.video-retake-setting-group>span{color:#ffffff7a;font-size:12px;font-weight:var(--fw-bold);line-height:16px}.video-retake-settings textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:66px;color:var(--fg-primary);font:inherit;background:#ffffff0e;border:1px solid #ffffff17;border-radius:12px;padding:8px 10px;font-size:13px;line-height:20px;display:block}.video-retake-settings textarea::placeholder{color:#ffffff57}.video-retake-settings textarea:focus{border-color:color-mix(in srgb, var(--accent) 48%, #ffffff2e);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.video-retake-mode-hint{color:#ffffff7a;background:#ffffff0b;border-radius:10px;min-height:28px;padding:7px 10px;font-size:12px;line-height:16px}.video-retake-prototype-footer{margin-top:9px}.subject-replacement-mask-layer{z-index:8;cursor:crosshair;touch-action:none;position:absolute;inset:0}.subject-replacement-mask-dim{pointer-events:none;background:0 0;position:absolute;inset:0}.subject-replacement-mask-hint{color:#ffffffe0;white-space:nowrap;pointer-events:none;background:#1a1b1eb8;border-radius:999px;padding:5px 10px;font-size:12px;line-height:16px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.subject-replacement-mask-box{pointer-events:none;border:2px solid #fffffff2;border-radius:14px;position:absolute;box-shadow:0 0 0 999px #0000007a,0 12px 30px #00000038}.subject-replacement-mask-handle{background:#fffffffa;border:1.5px solid #1a1b1e9e;border-radius:999px;width:9px;height:9px;display:block;position:absolute;box-shadow:0 2px 7px #0000003d}.subject-replacement-mask-handle.is-nw{top:-5px;left:-5px}.subject-replacement-mask-handle.is-n{top:-5px;left:calc(50% - 4.5px)}.subject-replacement-mask-handle.is-ne{top:-5px;right:-5px}.subject-replacement-mask-handle.is-e{top:calc(50% - 4.5px);right:-5px}.subject-replacement-mask-handle.is-se{bottom:-5px;right:-5px}.subject-replacement-mask-handle.is-s{bottom:-5px;left:calc(50% - 4.5px)}.subject-replacement-mask-handle.is-sw{bottom:-5px;left:-5px}.subject-replacement-mask-handle.is-w{top:calc(50% - 4.5px);left:-5px}.subject-replacement-mask-actions{background:#f4f4f5f0;border-radius:18px;gap:12px;padding:8px 12px;display:inline-flex;position:absolute;transform:translate(-50%,12px);box-shadow:0 12px 28px #00000047}.subject-replacement-mask-actions.is-above{transform:translate(-50%,calc(-100% - 12px))}.subject-replacement-mask-actions button{color:#3f3f46;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:34px;height:34px;display:inline-grid}.subject-replacement-mask-actions button:hover,.subject-replacement-mask-actions button:focus-visible{color:#111;background:#00000014;outline:none}.subject-replacement-prototype-panel{z-index:var(--z-generator-panel);max-width:calc(100vw - 24px);color:var(--fg-primary);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121315f7;border:1px solid #ffffff1c;border-radius:16px;padding:14px;position:fixed;transform:translate(-50%);box-shadow:0 24px 64px #0000006b}.subject-replacement-prototype-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.subject-replacement-prototype-header strong{font-size:16px;font-weight:var(--fw-bold);line-height:22px}.subject-replacement-prototype-body{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:12px;display:grid}.subject-replacement-slot{justify-items:center;gap:8px;min-width:0;display:grid}.subject-replacement-slot>span{color:var(--fg-tertiary);font-size:12px;font-weight:var(--fw-bold);line-height:16px}.subject-replacement-preview{aspect-ratio:1.58;background:radial-gradient(circle,#ffffff1a,#0000 54%),#ffffff0b;border:1px solid #ffffff14;border-radius:14px;place-items:center;width:100%;min-height:112px;display:grid;position:relative;overflow:hidden}.subject-replacement-preview:before{content:"";opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:8px 8px;position:absolute;inset:0}.subject-replacement-preview.has-media{background:#ffffff12}.subject-replacement-preview img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.subject-replacement-empty,.subject-replacement-fallback-subject{z-index:1;color:#ffffff8a;place-items:center;gap:8px;font-size:12px;line-height:16px;display:grid;position:relative}.subject-replacement-fallback-subject span{background:radial-gradient(circle at 50% 28%,#ffffff8f 0 17%,#0000 18%),linear-gradient(#ffffff42,#ffffff14);border:1.5px solid #ffffff61;border-radius:24px 24px 18px 18px;width:44px;height:58px}.subject-replacement-fallback-subject strong{color:#ffffffc7;font-size:12px;line-height:16px}.subject-replacement-remove{z-index:2;color:#ffffffdb;cursor:pointer;opacity:0;background:#101113c7;border:0;border-radius:999px;place-items:center;width:26px;height:26px;transition:opacity .14s,transform .14s,background .14s;display:inline-grid;position:absolute;top:8px;right:8px;transform:translateY(-2px)}.subject-replacement-preview:hover .subject-replacement-remove,.subject-replacement-remove:focus-visible{opacity:1;transform:translateY(0)}.subject-replacement-remove:hover,.subject-replacement-remove:focus-visible{background:#ef4444e6;outline:none}.subject-replacement-recognizing{z-index:3;color:#ffffffe6;text-align:center;background:#1a1b1ec7;border-radius:999px;padding:5px 8px;font-size:12px;line-height:16px;position:absolute;inset:auto 10px 10px}.subject-replacement-slot-action{color:#ffffffe6;cursor:pointer;min-height:30px;font:inherit;font-size:12px;font-weight:var(--fw-bold);background:#ffffff13;border:1px solid #ffffff1a;border-radius:999px;padding:0 13px}.subject-replacement-slot-action:hover,.subject-replacement-slot-action:focus-visible{background:#ffffff1f;border-color:#ffffff2e;outline:none}.subject-replacement-arrow{color:#ffffff7a;place-items:center;font-size:24px;line-height:1;display:grid}.subject-replacement-source{position:relative}.subject-replacement-source-menu{z-index:5;background:#1c1d1ffa;border:1px solid #ffffff1a;border-radius:12px;gap:4px;width:190px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 8px);right:50%;transform:translate(50%);box-shadow:0 16px 36px #00000052}.subject-replacement-source-menu button{color:#ffffffdb;cursor:pointer;min-width:0;min-height:32px;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.subject-replacement-source-menu button:hover,.subject-replacement-source-menu button:focus-visible{background:#ffffff14;outline:none}.subject-replacement-source-menu img{object-fit:cover;border-radius:5px;flex:0 0 24px;width:24px;height:24px}.subject-replacement-source-menu button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subject-replacement-source-menu-divider{background:#ffffff14;height:1px;margin:2px 4px}.subject-replacement-source-empty{color:var(--fg-tertiary);text-align:center;padding:8px;font-size:12px;line-height:16px}.subject-replacement-prototype-footer{margin-top:14px}.subject-removal-prototype-panel{padding-inline:16px}.subject-removal-prototype-body{place-items:center;display:grid}.subject-removal-slot{width:min(220px,100%)}.subject-removal-preview{aspect-ratio:1;border-radius:999px;width:168px;min-height:168px}.subject-removal-preview img{border-radius:inherit}.node-hover-toolbar-btn.danger{color:var(--error)}.node-hover-toolbar-btn.danger:hover,.node-hover-toolbar-btn.danger:focus-visible{background:color-mix(in srgb, var(--error) 12%, transparent)}.material-picker-dialog{background:var(--bg-elevated);border-radius:14px;grid-template-rows:auto auto 1fr auto;width:min(720px,100vw - 40px);max-height:calc(100vh - 80px);animation:.18s dialogSlideIn;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000040}.material-picker-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.material-picker-header h3{font-size:var(--fs-md);font-weight:var(--fw-bold);margin:0}.material-picker-search{border-bottom:1px solid var(--accent-soft);padding:10px 18px}.material-picker-search input{border:1px solid var(--accent-soft);width:100%;height:34px;font-size:var(--fs-sm);border-radius:8px;outline:none;padding:0 12px;font-family:inherit}.material-picker-search input:focus{border-color:var(--border-strong)}.material-picker-body{grid-template-columns:160px minmax(0,1fr);min-height:320px;max-height:calc(100vh - 280px);display:grid}.material-picker-groups{border-right:1px solid var(--accent-soft);padding:10px;overflow-y:auto}.material-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:12px;padding:14px;display:grid;overflow-y:auto}.material-picker-empty{color:var(--fg-tertiary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.material-picker-empty p{font-size:var(--fs-sm);margin:0}.material-picker-item{cursor:pointer;border:2px solid #0000;border-radius:8px;padding:2px;transition:border-color .15s,background .15s}.material-picker-item:hover{background:var(--bg-surface)}.material-picker-item.selected{border-color:var(--accent)}.material-picker-item-preview{aspect-ratio:1;background:var(--bg-surface);border-radius:6px;position:relative;overflow:hidden}.material-picker-item-preview img,.material-picker-item-preview video{object-fit:cover;width:100%;height:100%;display:block}.material-picker-item-check{background:var(--accent);width:20px;height:20px;color:var(--fg-inverse);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.material-picker-item-name{font-size:var(--fs-xs);color:var(--fg-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;padding:0 4px;display:block;overflow:hidden}.material-picker-footer{border-top:1px solid var(--accent-soft);font-size:var(--fs-sm);color:var(--fg-secondary);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.chat-group{margin-bottom:4px}.chat-group-title{cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:6px 4px 6px 8px;transition:background .15s;display:flex;position:relative}.chat-group-title:hover{background:var(--bg-surface)}.chat-group-title.drag-over{background:var(--accent-soft);outline:1.5px dashed var(--accent);outline-offset:-2px}.chat-group-title-btn{min-width:0;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0;display:flex}.chat-group-title-btn span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-group-count{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:var(--overlay-hover);border-radius:10px;padding:1px 6px}.chat-group-title.active .chat-group-count{background:var(--overlay-hover);color:var(--fg-tertiary)}.chat-group-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.chat-group-title:hover .chat-group-actions,.chat-group-title.active .chat-group-actions{opacity:1}.chat-group-action-btn{width:22px;height:22px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;transition:background .15s,color .15s;display:grid}.chat-group-action-btn:hover{background:var(--overlay-hover);color:var(--fg-primary)}.chat-group-dropdown{z-index:50;min-width:140px;position:absolute;top:32px;right:4px}.chat-group-toolbar button{align-items:center;gap:3px;display:inline-flex}.chat-history-section{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:12px}.chat-session-item[draggable=true]{cursor:grab}.chat-session-item[draggable=true]:active{cursor:grabbing}.canvas-node-resize-line{border-color:#0000!important}.canvas-node-resize-handle{z-index:24!important;width:22px!important;height:22px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;position:absolute!important}.canvas-node-resize-handle.bottom.right{width:36px!important;height:36px!important}.canvas-node-resize-handle:before,.canvas-node-resize-handle:after{content:"";pointer-events:none;background:color-mix(in srgb, var(--fg-tertiary) 72%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:999px;transition:background .14s,box-shadow .14s,opacity .14s;display:none;position:absolute}.canvas-node-resize-handle.top:not(.left):not(.right),.canvas-node-resize-handle.right:not(.top):not(.bottom),.canvas-node-resize-handle.bottom:not(.left):not(.right),.canvas-node-resize-handle.left:not(.top):not(.bottom){display:none!important}.canvas-node-resize-handle:before{width:14px;height:2px}.canvas-node-resize-handle:after{width:2px;height:14px}.canvas-node-resize-handle.top.left:before,.canvas-node-resize-handle.top.left:after{display:block;top:2px;left:2px}.canvas-node-resize-handle.top.right:before,.canvas-node-resize-handle.top.right:after{display:block;top:2px;right:2px}.canvas-node-resize-handle.bottom.left:before,.canvas-node-resize-handle.bottom.left:after{display:block;bottom:2px;left:2px}.canvas-node-resize-handle.bottom.right:before,.canvas-node-resize-handle.bottom.right:after{display:block;bottom:2px;right:2px}.canvas-node-resize-handle:before,.canvas-node-resize-handle:after{display:none!important}.canvas-node-resize-handle.bottom.right:before{border-right:2px solid color-mix(in srgb, var(--fg-tertiary) 72%, transparent);border-bottom:2px solid color-mix(in srgb, var(--fg-tertiary) 72%, transparent);width:18px;height:18px;box-shadow:none;opacity:.5;transform-origin:100% 100%;background:0 0;border-radius:0 0 18px;transition:border-color .14s,box-shadow .14s,opacity .14s,transform .14s;bottom:9px;right:9px;transform:scale(1);display:block!important}.canvas-node-resize-handle.bottom.right:after{display:none!important}.canvas-node-resize-handle.bottom.right:hover:before{opacity:1;box-shadow:4px 4px 12px color-mix(in srgb, var(--accent) 18%, transparent);border-bottom-color:#fff;border-right-color:#fff;transform:scale(1.12)}.canvas-node-resize-handle.bottom.right:active:before{transform:scale(1)}.chat-group-toggle{width:18px;height:18px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 18px;place-items:center;margin-right:2px;transition:background .15s,color .15s;display:grid}.chat-group-toggle:hover{background:var(--overlay-hover);color:var(--fg-primary)}.chat-history-header{color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);align-items:center;gap:4px;margin:0 0 8px;padding:0 4px;display:flex}.chat-history-header.drag-over{outline:1.5px dashed var(--border-default);outline-offset:-2px}.chat-history-toggle{display:none}.chat-history-header span{flex:1;margin-left:2px}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{background:0 0!important;border-style:none!important;padding:0!important}.image-processor-config-summary{font-size:var(--fs-xs);color:var(--fg-tertiary);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;padding-left:8px;display:inline-flex}.image-processor-config-summary span{line-height:1}.form-field{font-size:var(--fs-sm);color:var(--fg-secondary);flex-direction:column;gap:6px;display:flex}.form-field>span:first-child{font-weight:var(--fw-bold);color:var(--fg-secondary);font-size:var(--fs-sm)}.form-field input[type=text],.form-field input:not([type]),.form-field textarea{box-sizing:border-box;background:var(--bg-elevated);border:1px solid var(--border-default);width:100%;color:var(--fg-primary);font-size:var(--fs-sm);border-radius:8px;padding:9px 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.form-field textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55}.form-row{gap:12px;display:flex}.form-field-grow{flex:1;min-width:0}.form-input-inline{background:var(--bg-elevated);border:1px solid var(--border-default);min-width:0;color:var(--fg-primary);font-size:var(--fs-sm);border-radius:8px;flex:1;padding:9px 12px}.form-input-inline:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.result-image-stack{cursor:pointer;border:1px solid var(--border-default);background:var(--glass-bg);border-radius:16px;width:100%;height:100%;min-height:156px;transition:box-shadow .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:0 18px 44px #1920381f}.result-image-stack:hover{border-color:var(--accent);box-shadow:0 22px 56px #6c63ff2e}.result-image-stack:before,.result-image-stack:after{content:"";z-index:1;border:1px solid var(--border-default);background:var(--bg-elevated);pointer-events:none;transform-origin:50%;border-radius:14px;transition:transform .18s,opacity .18s;position:absolute;inset:0;box-shadow:0 8px 20px #00000024}.result-image-stack:before{opacity:.72;transform:translate(12px,12px)}.result-image-stack:after{opacity:.5;transform:translate(20px,20px)}.result-image-stack:hover:before{transform:translate(16px,16px)}.result-image-stack:hover:after{transform:translate(24px,24px)}.result-image-stack.is-rotation-editing:before,.result-image-stack.is-rotation-editing:after{opacity:0}.result-image-stack-card{object-fit:contain;background:var(--bg-elevated);transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:14px;width:100%;height:100%;transition:transform .18s,box-shadow .18s,opacity .18s;position:absolute;top:0;left:0;box-shadow:0 8px 20px #0000002e}.result-image-stack-card.is-cover{z-index:10;box-shadow:0 14px 36px #0000003d}.result-image-stack-toggle{color:#ffffffeb;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;pointer-events:auto;background:#00000073;border:0;border-radius:999px;align-items:center;gap:3px;height:22px;padding:0 4px 0 7px;font-size:12px;font-weight:500;line-height:1;transition:background .12s;display:inline-flex;position:absolute;top:8px;right:8px}.result-image-stack-toggle:hover{background:#000000a6}.result-image-stack-toggle:active{background:#000000bf}.result-image-stack-toggle .count{text-align:center;min-width:7px}.result-image-stack-toggle .chevron{opacity:.7}.result-image-stack-upload{z-index:20;color:#fff;min-height:28px;font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);opacity:0;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f12188c;border:1px solid #fff9;border-radius:999px;align-items:center;gap:5px;padding:0 9px;transition:opacity .14s,transform .14s,background .14s;display:inline-flex;position:absolute;top:10px;left:10px;transform:translateY(-4px)}.result-image-stack:hover .result-image-stack-upload,.result-image-stack:focus-within .result-image-stack-upload{opacity:1;transform:translateY(0)}.result-image-stack-upload:hover{background:#0f1218cc}.result-image-expanded{z-index:60;grid-template-columns:repeat(var(--result-expanded-columns,2), minmax(128px, var(--result-expanded-card-width,220px)));width:max-content;max-width:calc(100vw - 48px);max-height:var(--result-expanded-max-height,calc(100vh - 96px));background:color-mix(in srgb, var(--bg-elevated) 45%, transparent);border:1px solid color-mix(in srgb, var(--border-default) 35%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;transform-origin:50%;border-radius:18px;place-content:start center;gap:12px;padding:14px;display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 16px 40px #00000029}.result-image-expanded.is-grid-two,.result-image-expanded.is-grid-four{--result-expanded-columns:2}.result-image-expanded.is-grid-many{--result-expanded-columns:3;overflow:auto}.result-image-expanded.is-closing{animation:.18s ease-in both result-image-expanded-out}.result-image-expanded-card{width:var(--result-expanded-card-width,220px);max-width:calc(100vw - 80px);aspect-ratio:var(--result-expanded-aspect,1 / 1);background:var(--bg-elevated);cursor:zoom-in;-webkit-user-select:none;user-select:none;border-radius:10px;align-self:start;transition:box-shadow .14s;position:relative;overflow:hidden;box-shadow:0 6px 18px #0000001f}.result-image-expanded-card.is-cover{z-index:2}.result-image-expanded-card:nth-of-type(n){justify-self:center}.result-image-expanded-card:hover{box-shadow:0 10px 26px #0003}.result-image-expanded-card:active{cursor:grabbing}.result-image-expanded-card img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.result-image-expanded-card.is-cover{outline:2px solid var(--accent);outline-offset:-2px}.image-thumb.is-image-action-editing,.result-image-wrap.is-image-action-editing,.result-image-stack.is-image-action-editing,.result-image-expanded-card.is-image-action-editing{overflow:visible}.result-image-cover-badge{background:var(--accent);color:#fff;letter-spacing:.5px;pointer-events:none;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.result-image-group-actions{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.result-image-group-actions>button:not(.result-image-set-cover-btn){color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1218c7;border:none;border-radius:999px;place-items:center;width:32px;height:32px;padding:0;display:grid}.result-image-group-actions>button:not(.result-image-set-cover-btn):hover{background:#0f1218f2}.result-image-group-actions>button[data-tooltip]{position:relative}.result-image-group-actions>button[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0f1218eb;border-radius:6px;padding:5px 8px;font-size:12px;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:0;transform:translateY(2px)}.result-image-group-actions>button[data-tooltip]:hover:after,.result-image-group-actions>button[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.result-image-group-actions .result-image-set-cover-btn{margin-left:auto;padding:7px 14px;font-size:13px;position:static;transform:none}.result-image-group-actions .result-image-set-cover-btn:hover{transform:translateY(-1px)}.result-image-set-cover-btn{color:#fff;letter-spacing:.5px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;z-index:5;background:#0f1218c7;border:none;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .14s,transform .14s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.result-image-set-cover-btn:hover{background:var(--accent);transform:translate(-50%)translateY(-1px)}@keyframes result-image-expanded-out{0%{opacity:1}to{opacity:0}}[data-theme=dark] body{text-rendering:optimizelegibility}[data-theme=dark] .app-sidebar,[data-theme=dark] .page,[data-theme=dark] .canvas-page{background:var(--bg-app)}[data-theme=dark] .canvas-flow-shell,[data-theme=dark] .canvas-flow-shell .react-flow__background{background:#000}[data-theme=dark] .canvas-page:not(.official-template-editor)>.canvas-topbar,[data-theme=dark] .canvas-account-pill,[data-theme=dark] .canvas-toolbar-bar,[data-theme=dark] .canvas-toolbar-add-menu,[data-theme=dark] .canvas-material-drawer,[data-theme=dark] .canvas-template-runner-drawer,[data-theme=dark] .canvas-zoom-menu,[data-theme=dark] .canvas-minimap{border-color:var(--glass-border);background:var(--canvas-floating-bg);box-shadow:var(--canvas-floating-shadow)}[data-theme=dark] .canvas-account-wallet{background:#292f38}[data-theme=dark] .canvas-minimap{background-color:var(--minimap-bg)!important}[data-theme=dark] .canvas-material-drawer,[data-theme=dark] .canvas-template-runner-drawer{border-radius:var(--canvas-drawer-radius)}[data-theme=dark] .canvas-toolbar-add-btn,[data-theme=dark] .canvas-toolbar-btn:hover,[data-theme=dark] .canvas-toolbar-btn.active,[data-theme=dark] .canvas-toolbar-add-option:hover,[data-theme=dark] .canvas-toolbar-add-option:focus-visible,[data-theme=dark] .canvas-material-toggle:hover,[data-theme=dark] .canvas-material-toggle.active{background:var(--bg-selected);color:var(--fg-primary)}[data-theme=dark] .project-card:hover,[data-theme=dark] .new-project-card:hover,[data-theme=dark] .sidebar-button:hover,[data-theme=dark] .sidebar-button.active,[data-theme=dark] .icon-button:hover{background:var(--bg-hover)}[data-theme=dark] .project-more-btn:hover,[data-theme=dark] .project-more-btn:focus-visible,[data-theme=dark] .project-more-btn.active{background:color-mix(in srgb, var(--accent) 24%, #ffffff14);color:#dbeafe}[data-theme=dark] .project-card.selected,[data-theme=dark] .icon-button.active,[data-theme=dark] .materials-group-item.active,[data-theme=dark] .chat-group-title.drag-over{background:var(--bg-selected);color:var(--fg-primary)}[data-theme=dark] .project-thumb,[data-theme=dark] .new-project-card:before,[data-theme=dark] .project-thumb.empty,[data-theme=dark] .project-thumb.has-cover,[data-theme=dark] .material-card-preview,[data-theme=dark] .material-picker-item-preview,[data-theme=dark] .material-save-preview{background:var(--bg-surface);border-color:var(--border-default)}[data-theme=dark] .custom-node{border-color:var(--border-default);border-radius:var(--canvas-panel-radius);background:var(--canvas-panel-bg);color:var(--fg-primary);box-shadow:none}[data-theme=dark] .media-input-node{background:0 0;border-color:#0000}[data-theme=dark] .api-list-pane,[data-theme=dark] .api-config-pane,[data-theme=dark] .materials-groups-pane,[data-theme=dark] .materials-content-pane,[data-theme=dark] .material-card,[data-theme=dark] .modal-dialog,[data-theme=dark] .material-preview-dialog,[data-theme=dark] .material-edit-dialog,[data-theme=dark] .material-picker-dialog,[data-theme=dark] .project-dropdown,[data-theme=dark] .searchable-select-menu{border-color:var(--border-default);background:var(--canvas-panel-bg);box-shadow:var(--canvas-floating-shadow)}[data-theme=dark] .materials-page.templates-mode .materials-content-pane{box-shadow:none;background:0 0;border-color:#0000}[data-theme=dark] .node-header,[data-theme=dark] .processor-node .node-header,[data-theme=dark] .settings-pane-header,[data-theme=dark] .materials-groups-header,[data-theme=dark] .material-preview-header,[data-theme=dark] .material-edit-header,[data-theme=dark] .material-picker-header,[data-theme=dark] .material-picker-footer{border-color:var(--border-subtle);background:color-mix(in srgb, var(--canvas-panel-bg) 86%, #000)}[data-theme=dark] .image-node .node-header,[data-theme=dark] .media-input-node .node-header,[data-theme=dark] .result-node .node-header,[data-theme=dark] .video-editor-node .node-header{background:0 0!important}[data-theme=dark] .node-field input,[data-theme=dark] .node-field textarea,[data-theme=dark] .node-field select,[data-theme=dark] .materials-search,[data-theme=dark] .material-edit-body input,[data-theme=dark] .material-edit-body textarea,[data-theme=dark] .material-edit-body select,[data-theme=dark] .material-picker-search input,[data-theme=dark] .image-mention-editor,[data-theme=dark] .processor-node .node-field textarea,[data-theme=dark] .material-preview-prompt,[data-theme=dark] .canvas-material-detail-section p,[data-theme=dark] .node-output,[data-theme=dark] .text-reference-item,[data-theme=dark] .video-reference-item{border-color:var(--border-default);background:var(--canvas-field-bg);color:var(--fg-primary)}[data-theme=dark] .node-field select,[data-theme=dark] .processor-model-select,[data-theme=dark] .mask-model-fields select,[data-theme=dark] .chat-model-controls select,[data-theme=dark] .chat-composer-models select,[data-theme=dark] .video-editor-select-label select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--canvas-field-bg);color:var(--fg-primary)}[data-theme=dark] .processor-model-select{background-color:var(--canvas-inner-bg);color:var(--fg-secondary)}[data-theme=dark] .node-field select option,[data-theme=dark] .processor-model-select option,[data-theme=dark] .mask-model-fields select option,[data-theme=dark] .chat-model-controls select option,[data-theme=dark] .chat-composer-models select option,[data-theme=dark] .video-editor-select-label select option{background:var(--bg-elevated);color:var(--fg-primary)}[data-theme=dark] .node-field select option:checked,[data-theme=dark] .processor-model-select option:checked,[data-theme=dark] .mask-model-fields select option:checked,[data-theme=dark] .chat-model-controls select option:checked,[data-theme=dark] .chat-composer-models select option:checked,[data-theme=dark] .video-editor-select-label select option:checked{background:color-mix(in srgb, var(--accent) 38%, var(--bg-elevated));color:var(--fg-primary)}[data-theme=dark] .node-field input:focus,[data-theme=dark] .node-field textarea:focus,[data-theme=dark] .node-field select:focus,[data-theme=dark] .image-mention-editor:focus,[data-theme=dark] .materials-search:focus,[data-theme=dark] .material-edit-body input:focus,[data-theme=dark] .material-edit-body textarea:focus,[data-theme=dark] .material-edit-body select:focus,[data-theme=dark] .material-picker-search input:focus{border-color:var(--accent);background:var(--canvas-inner-bg);box-shadow:0 0 0 2px var(--accent-soft)}[data-theme=dark] .result-text-output,[data-theme=dark] .result-text-node .result-empty,[data-theme=dark] .result-text-node .result-text-skeleton,[data-theme=dark] .media-input-node .image-upload-zone,[data-theme=dark] .media-input-node.has-media .image-thumb,[data-theme=dark] .media-input-node.has-media .video-thumb{border-color:var(--border-default);background:var(--canvas-inner-bg);color:var(--fg-primary);box-shadow:none}[data-theme=dark] .result-text-node.selected .result-text-output,[data-theme=dark] .result-text-node.selected .result-empty,[data-theme=dark] .result-text-node.selected .result-text-skeleton,[data-theme=dark] .media-input-node.selected.has-media .image-thumb,[data-theme=dark] .media-input-node.selected.has-media .video-thumb,[data-theme=dark] .media-input-node.selected .image-upload-zone,[data-theme=dark] .custom-node.running{border-color:var(--accent);outline:1px solid var(--accent-soft);outline-offset:0;box-shadow:none}[data-theme=dark] .result-text-node .result-text-skeleton{background:linear-gradient(120deg,#121213f2,#212123f2,#121213f2)}[data-theme=dark] .result-task-timing{background:color-mix(in srgb, var(--canvas-panel-bg) 78%, transparent);color:var(--fg-tertiary);box-shadow:none}[data-theme=dark] .canvas-group-name{color:#fff}[data-theme=dark] .text-skeleton-line{box-shadow:none;background:linear-gradient(90deg,#ffffff14,#ffffff2e,#ffffff14)}[data-theme=dark] .result-text-node .result-text-skeleton:after{background:linear-gradient(105deg,#0000 0%,#ffffff0a 28%,#ffffff1f 50%,#ffffff0a 70%,#0000 100%)}[data-theme=dark] .small-action-btn,[data-theme=dark] .run-btn,[data-theme=dark] .canvas-material-detail-add{background:var(--accent);color:var(--fg-inverse)}[data-theme=dark] .small-action-btn:hover,[data-theme=dark] .run-btn:hover,[data-theme=dark] .canvas-material-detail-add:hover{background:var(--accent)}[data-theme=dark] .project-card-title,[data-theme=dark] .page-header h1,[data-theme=dark] .settings-pane-header h2,[data-theme=dark] .materials-groups-header h2,[data-theme=dark] .material-card-title,[data-theme=dark] .product-info strong{color:var(--fg-primary)}[data-theme=dark] .project-card-meta,[data-theme=dark] .node-header .category,[data-theme=dark] .field-counter,[data-theme=dark] .material-card-meta,[data-theme=dark] .material-picker-footer,[data-theme=dark] .canvas-material-detail-meta,[data-theme=dark] .image-mention-editor[data-empty=true]:before{color:var(--fg-tertiary)}[data-theme=dark] .node-field label,[data-theme=dark] .material-card-prompt,[data-theme=dark] .material-picker-item-name,[data-theme=dark] .product-info p,[data-theme=dark] .bulk-selected-count,[data-theme=dark] .dropdown-item,[data-theme=dark] .video-reference-item span{color:var(--fg-secondary)}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .searchable-select-menu button:hover,[data-theme=dark] .searchable-select-menu button.active,[data-theme=dark] .material-picker-item:hover,[data-theme=dark] .bulk-action-btn:hover:not(:disabled),[data-theme=dark] .chat-group-title:hover,[data-theme=dark] .chat-group-action-btn:hover{background:var(--bg-hover);color:var(--fg-primary)}@media (width<=720px){.result-image-expanded{--result-expanded-columns:2;width:min(360px,100vw - 28px);max-height:min(var(--result-expanded-max-height,calc(100vh - 72px)), calc(100vh - 72px));grid-template-columns:repeat(2,minmax(112px,1fr));padding:12px}}.canvas-flow-shell .custom-node,.canvas-flow-shell .result-text-output,.canvas-flow-shell .result-empty,.canvas-flow-shell .result-text-skeleton,.canvas-flow-shell .image-upload-zone,.canvas-flow-shell .image-thumb,.canvas-flow-shell .video-thumb,.canvas-flow-shell .result-image-wrap,.canvas-flow-shell .result-image-stack,.canvas-flow-shell .result-video-wrap,.canvas-flow-shell .result-video-placeholder,.canvas-flow-shell .result-skeleton,.canvas-flow-shell .canvas-group-node{transition:scale .18s cubic-bezier(.2,.8,.2,1),border-color .16s,box-shadow .16s,background .16s;box-shadow:none!important}.canvas-flow-shell .react-flow__node:hover .custom-node,.canvas-flow-shell .custom-node:hover,.canvas-flow-shell .react-flow__node.selected .custom-node,.canvas-flow-shell .custom-node.selected{box-shadow:none!important;border-color:#0000!important;outline:none!important}.canvas-flow-shell .canvas-group-node{box-sizing:border-box;border:1px solid var(--group-border)}.canvas-flow-shell .media-input-node,.canvas-flow-shell .result-media-node,.canvas-flow-shell .result-text-node{box-shadow:none!important;background:0 0!important;border-color:#0000!important;outline:none!important}.canvas-flow-shell .react-flow__node:hover .result-text-output,.canvas-flow-shell .react-flow__node:hover .result-empty,.canvas-flow-shell .react-flow__node:hover .result-text-skeleton,.canvas-flow-shell .react-flow__node:hover .image-upload-zone,.canvas-flow-shell .image-upload-zone:hover,.canvas-flow-shell .react-flow__node:hover .image-thumb,.canvas-flow-shell .image-thumb:hover,.canvas-flow-shell .react-flow__node:hover .video-thumb,.canvas-flow-shell .video-thumb:hover,.canvas-flow-shell .react-flow__node:hover .result-image-wrap,.canvas-flow-shell .react-flow__node:hover .result-image-stack,.canvas-flow-shell .react-flow__node:hover .result-video-wrap,.canvas-flow-shell .react-flow__node:hover .result-video-placeholder,.canvas-flow-shell .react-flow__node:hover .result-skeleton,.canvas-flow-shell .react-flow__node:hover .canvas-group-node{border-color:var(--group-border-active)!important;box-shadow:none!important;outline:none!important}.canvas-flow-shell .react-flow__node.selected .result-text-output,.canvas-flow-shell .react-flow__node.selected .result-empty,.canvas-flow-shell .react-flow__node.selected .result-text-skeleton,.canvas-flow-shell .react-flow__node.selected .image-upload-zone,.canvas-flow-shell .react-flow__node.selected .image-thumb,.canvas-flow-shell .react-flow__node.selected .video-thumb,.canvas-flow-shell .react-flow__node.selected .result-image-wrap,.canvas-flow-shell .react-flow__node.selected .result-image-stack,.canvas-flow-shell .react-flow__node.selected .result-video-wrap,.canvas-flow-shell .react-flow__node.selected .result-video-placeholder,.canvas-flow-shell .react-flow__node.selected .result-skeleton,.canvas-flow-shell .react-flow__node.selected .canvas-group-node{border-color:var(--group-border-active)!important;outline:2px solid var(--group-outline)!important;box-shadow:none!important}.canvas-flow-shell .canvas-stack-node:not(.is-drop-target),.canvas-flow-shell .react-flow__node:hover .canvas-stack-node:not(.is-drop-target),.canvas-flow-shell .react-flow__node.selected .canvas-stack-node:not(.is-drop-target),.canvas-flow-shell .canvas-stack-node.selected:not(.is-drop-target){box-shadow:none!important;background:0 0!important;border-color:#0000!important;outline:none!important}.canvas-flow-shell .canvas-stack-node:not(.is-drop-target):after{display:none}.canvas-flow-shell .canvas-stack-node.is-drop-target{background:#60a5fa14!important;border-color:#60a5fac2!important;box-shadow:0 0 0 5px #60a5fa24!important}.canvas-flow-shell .media-input-node.selected .image-upload-zone,.canvas-flow-shell .media-input-node.selected.has-media .image-thumb,.canvas-flow-shell .media-input-node.selected.has-media .video-thumb,.canvas-flow-shell .result-text-node.selected .result-text-output,.canvas-flow-shell .result-text-node.selected .result-empty,.canvas-flow-shell .result-text-node.selected .result-text-skeleton{border-color:var(--accent)!important;box-shadow:var(--node-selected-shadow)!important;outline:none!important}.canvas-flow-shell .result-media-node.generation-failure-flash .result-image-wrap,.canvas-flow-shell .result-media-node.generation-failure-flash .result-image-stack,.canvas-flow-shell .result-media-node.generation-failure-flash .result-video-wrap,.canvas-flow-shell .result-media-node.generation-failure-flash .result-video-placeholder,.canvas-flow-shell .result-media-node.generation-failure-flash .result-skeleton,.canvas-flow-shell .react-flow__node:hover .result-media-node.generation-failure-flash .result-image-wrap,.canvas-flow-shell .react-flow__node:hover .result-media-node.generation-failure-flash .result-image-stack,.canvas-flow-shell .react-flow__node:hover .result-media-node.generation-failure-flash .result-video-wrap,.canvas-flow-shell .react-flow__node:hover .result-media-node.generation-failure-flash .result-video-placeholder,.canvas-flow-shell .react-flow__node:hover .result-media-node.generation-failure-flash .result-skeleton,.canvas-flow-shell .react-flow__node.selected .result-media-node.generation-failure-flash .result-image-wrap,.canvas-flow-shell .react-flow__node.selected .result-media-node.generation-failure-flash .result-image-stack,.canvas-flow-shell .react-flow__node.selected .result-media-node.generation-failure-flash .result-video-wrap,.canvas-flow-shell .react-flow__node.selected .result-media-node.generation-failure-flash .result-video-placeholder,.canvas-flow-shell .react-flow__node.selected .result-media-node.generation-failure-flash .result-skeleton{border-color:var(--error)!important;outline:2px solid color-mix(in srgb, var(--error) 32%, transparent)!important;outline-offset:0!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--error) 16%, transparent), 0 18px 42px color-mix(in srgb, var(--error) 16%, transparent)!important}.canvas-flow-shell .react-flow__node.selected .image-upload-zone,.canvas-flow-shell .react-flow__node.selected .image-thumb,.canvas-flow-shell .react-flow__node.selected .result-image-wrap,.canvas-flow-shell .react-flow__node.selected .result-image-stack{border-color:var(--accent)!important;outline:2px solid var(--accent-soft)!important;outline-offset:0!important;box-shadow:var(--node-selected-shadow)!important}.canvas-flow-shell .react-flow__node:hover .media-input-node,.canvas-flow-shell .media-input-node:hover,.canvas-flow-shell .react-flow__node.selected .media-input-node,.canvas-flow-shell .media-input-node.selected{box-shadow:none!important;background:0 0!important;border-color:#0000!important;outline:none!important}.character-node{min-width:320px;max-width:360px;border-color:var(--border-subtle)!important;background:var(--bg-elevated)!important}[data-theme=dark] .character-node{background:var(--canvas-panel-bg)!important}.character-node .node-header{border-bottom:1px solid var(--accent-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 86%, var(--accent)), var(--bg-surface))}[data-theme=dark] .character-node .node-header{border-bottom-color:var(--border-subtle);background:0 0}.character-node-body{flex-direction:column;gap:10px;display:flex}.character-field{font-size:var(--fs-xs);color:var(--fg-secondary);flex-direction:column;gap:5px;display:flex}.character-field input,.character-field textarea,.character-slot-prompt{border:1px solid var(--accent-soft);background:var(--bg-elevated);width:100%;color:var(--fg-primary);font:inherit;border-radius:6px;line-height:1.45}[data-theme=dark] .character-field input,[data-theme=dark] .character-field textarea,[data-theme=dark] .character-slot-prompt{border-color:var(--border-default);background:var(--canvas-field-bg)}.character-field input{height:32px;padding:6px 8px}.character-field textarea,.character-slot-prompt{resize:vertical;min-height:58px;max-height:180px;padding:7px 8px}.character-field input:focus,.character-field textarea:focus,.character-slot-prompt:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.character-image-slot{min-width:0}.character-slot-header{min-height:22px;color:var(--fg-secondary);font-size:var(--fs-xs);justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.character-mini-action{color:var(--fg-tertiary);cursor:pointer;font:inherit;font-size:var(--fs-xs);background:0 0;border:0}.character-mini-action:hover{color:var(--accent)}.character-image-drop{aspect-ratio:1;border:1px dashed var(--border-default);background:var(--bg-surface);width:100%;min-height:128px;color:var(--fg-tertiary);cursor:pointer;font:inherit;text-align:center;border-radius:8px;place-items:center;margin:0 0 6px;display:grid;overflow:hidden}.character-image-drop:hover{border-color:var(--accent);color:var(--accent)}.character-image-drop span{flex-direction:column;align-items:center;gap:6px;padding:10px;display:inline-flex}.character-image-drop img{object-fit:cover;width:100%;height:100%}.canvas-flow-shell .react-flow__node:hover .character-node,.canvas-flow-shell .character-node:hover{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-subtle))!important;box-shadow:var(--node-hover-shadow)!important}.canvas-flow-shell .react-flow__node.selected .character-node,.canvas-flow-shell .character-node.selected{border-color:var(--accent)!important;outline:2px solid var(--accent-soft)!important;outline-offset:0!important;box-shadow:var(--node-selected-shadow)!important}.canvas-character-node{--character-main-visual-width:220px;--character-main-visual-height:calc(var(--character-main-visual-width) * 4 / 3);min-width:1040px;overflow:visible;background:0 0!important;border-color:#0000!important}.canvas-character-node .node-header{z-index:8;color:var(--fg-primary);background:0 0;border:0;border-radius:0;gap:10px;padding:0;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.canvas-character-node .node-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);gap:5px;position:relative}.canvas-character-node .character-node-fixed-title>.svg-icon{z-index:1;pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.canvas-character-node .node-title .svg-icon{color:#fff}.canvas-character-node .node-header .category{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.canvas-character-node .character-card{cursor:pointer;border-radius:10px;grid-template-columns:minmax(300px,.78fr) minmax(0,660px);gap:14px;width:100%;padding:14px;display:grid}.canvas-character-node .character-field,.canvas-character-node .character-visual-card,.canvas-character-node .character-visual-toolbar,.canvas-character-node .node-header{cursor:auto}.canvas-character-node .character-field{color:var(--fg-secondary);font-size:var(--fs-xs);flex-direction:column;gap:5px;display:flex}.canvas-character-node .character-field>span{font-weight:var(--fw-bold)}.canvas-character-node .character-field input,.canvas-character-node .character-field textarea{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;color:var(--fg-primary);font:inherit;border-radius:8px;line-height:1.45}.canvas-character-node .character-field input{height:32px;padding:6px 8px}.canvas-character-node .character-field textarea{resize:vertical;min-height:58px;max-height:160px;padding:8px 9px}.canvas-character-node .character-field input:focus,.canvas-character-node .character-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.character-name-field input{font-size:var(--fs-md);font-weight:720}.character-certification{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:8px;gap:8px;padding:9px 10px;display:flex}.character-certification>div{gap:3px;min-width:0;display:grid}.character-certification-label{color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.character-certification-processing .character-certification-label{color:var(--warning)}.character-certification-verified .character-certification-label{color:var(--success)}.character-certification-failed .character-certification-label{color:var(--danger)}.character-certification small{color:var(--fg-tertiary);font-size:var(--fs-xs);line-height:1.4}.character-actions{gap:8px;display:flex}.character-asset-btn{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;min-height:34px;color:var(--fg-primary);font-size:var(--fs-sm);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.character-asset-btn.primary{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-default));background:var(--accent);color:var(--accent-contrast)}.character-asset-btn:disabled{cursor:not-allowed;opacity:1;border-color:color-mix(in srgb, var(--border-default) 72%, transparent);background:color-mix(in srgb, var(--bg-surface) 88%, var(--bg-elevated));color:var(--fg-secondary)}.character-visual-panel{grid-template-columns:var(--character-main-visual-width) minmax(0, 1fr);align-items:start;gap:12px;display:grid}.character-main-visual-stack{gap:12px;min-width:0;display:grid}.character-visual-card{border:1px dashed var(--border-default);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 52%), var(--bg-surface);width:100%;color:var(--fg-secondary);cursor:pointer;border-radius:8px;place-items:center;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:visible}.character-main-visual-card{height:var(--character-main-visual-height);aspect-ratio:3/4}.character-three-view-card{width:min(100%, calc(var(--character-main-visual-height) * 16 / 9));height:var(--character-main-visual-height);aspect-ratio:16/9;justify-self:start}.character-visual-card.is-disabled{cursor:not-allowed;opacity:.56}.character-visual-badge{z-index:2;color:#fff;min-height:24px;font-size:11px;font-weight:var(--fw-bold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0eb8;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:4px 8px;display:inline-flex;position:absolute;top:10px;left:10px}.character-visual-toolbar{z-index:30;border:1px solid color-mix(in srgb, var(--border-default) 82%, transparent);background:var(--bg-elevated);opacity:0;pointer-events:none;white-space:nowrap;border-radius:8px;gap:2px;padding:6px;transition:opacity .15s,transform .15s;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 14px 38px #141c2e2e}.character-visual-card:hover .character-visual-toolbar,.character-visual-card:focus-within .character-visual-toolbar,.character-visual-toolbar:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.character-visual-toolbar button{min-height:30px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.character-visual-toolbar button:hover,.character-visual-toolbar button:focus-visible{background:var(--bg-hover);color:var(--accent);outline:none}.character-visual-generation-status,.character-visual-upload-status{z-index:8;border-radius:inherit;background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);color:var(--fg-primary);font-size:var(--fs-xs);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;gap:6px;padding:14px;display:grid;position:absolute;inset:0}.character-visual-generation-status strong{font-size:var(--fs-sm)}.character-visual-generation-status span{color:var(--fg-tertiary)}.canvas-composer-overlay.canvas-composer-anchored{min-width:min(560px,100vw - 32px);max-height:min(360px,100vh - 120px);position:fixed;bottom:auto;right:auto;transform:none}.canvas-composer-overlay{--processor-editor-bg:color-mix(in srgb, var(--bg-surface) 88%, var(--bg-elevated));--processor-editor-bg-hover:color-mix(in srgb, var(--bg-surface) 96%, var(--bg-elevated));--processor-editor-focus:color-mix(in srgb, var(--accent) 18%, transparent)}[data-theme=dark] .canvas-composer-overlay{--processor-editor-bg:color-mix(in srgb, var(--bg-surface) 78%, var(--bg-elevated));--processor-editor-bg-hover:color-mix(in srgb, var(--bg-surface) 88%, var(--bg-elevated));--processor-editor-focus:color-mix(in srgb, var(--accent) 26%, transparent)}.canvas-composer-overlay .processor-node{max-height:inherit;flex-direction:column;border-color:color-mix(in srgb, var(--border-subtle) 62%, transparent)!important;background:linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 96%, var(--bg-surface)) 0%, var(--bg-elevated) 100%)!important;border-radius:22px!important;display:flex!important;box-shadow:0 24px 72px #0f172a29!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node:hover{box-shadow:0 24px 72px #0f172a29!important}[data-theme=dark] .canvas-composer-overlay .processor-node{border-color:color-mix(in srgb, var(--border-subtle) 76%, transparent)!important;box-shadow:0 26px 78px #00000052!important}[data-theme=dark] :is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node:hover{box-shadow:0 26px 78px #00000052!important}.canvas-composer-overlay .processor-node .node-header{border-bottom-color:color-mix(in srgb, var(--border-subtle) 70%, transparent)!important;background:color-mix(in srgb, var(--bg-elevated) 92%, transparent)!important;border-radius:22px 22px 0 0!important}.canvas-composer-overlay .processor-node .node-body{scrollbar-width:thin;min-height:0;max-height:250px;overflow-y:auto;padding:14px 16px 12px!important}.canvas-composer-overlay .node-field{margin-bottom:12px}.canvas-composer-overlay .node-field label{color:var(--fg-secondary);font-weight:var(--fw-bold);margin-bottom:6px}.canvas-composer-overlay .node-field input,.canvas-composer-overlay .node-field textarea,.canvas-composer-overlay .node-field select,.canvas-composer-overlay .image-mention-editor{background:var(--processor-editor-bg)!important;color:var(--fg-primary)!important;box-shadow:none!important;border:0!important;border-radius:16px!important}.canvas-composer-overlay .node-field textarea,.canvas-composer-overlay .image-mention-editor{min-height:92px;line-height:1.62;max-height:150px!important;padding:14px 16px!important}.canvas-composer-overlay .node-field input:hover,.canvas-composer-overlay .node-field textarea:hover,.canvas-composer-overlay .node-field select:hover,.canvas-composer-overlay .image-mention-editor:hover{background:var(--processor-editor-bg-hover)!important}.canvas-composer-overlay .node-field input:focus,.canvas-composer-overlay .node-field textarea:focus,.canvas-composer-overlay .node-field select:focus,.canvas-composer-overlay .image-mention-editor:focus{background:var(--processor-editor-bg-hover)!important;box-shadow:0 0 0 3px var(--processor-editor-focus)!important;border-color:#0000!important;outline:none!important}.canvas-composer-overlay .processor-node .image-mention-field,.canvas-composer-overlay .processor-node .image-mention-editor{background:0 0!important}.canvas-composer-overlay .processor-node .image-mention-field.has-leading-token,.canvas-composer-overlay .processor-node .image-mention-field.has-leading-token:focus-within,.canvas-processor-expanded-body .image-mention-field.has-leading-token,.canvas-processor-expanded-body .image-mention-field.has-leading-token:focus-within{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.canvas-composer-overlay .processor-node .image-mention-editor,.canvas-composer-overlay .processor-node .image-mention-editor:hover,.canvas-composer-overlay .processor-node .image-mention-editor:focus{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;padding:0!important}.canvas-composer-overlay .node-field input::placeholder,.canvas-composer-overlay .node-field textarea::placeholder{color:var(--fg-tertiary)}.canvas-composer-overlay .audio-processor-node .audio-lyrics-custom-field{border-top-color:color-mix(in srgb, var(--border-subtle) 64%, transparent);margin-top:12px;padding-top:12px}.canvas-composer-overlay .audio-processor-node .audio-lyrics-composer textarea,.canvas-composer-overlay .audio-processor-node .audio-lyrics-composer textarea:hover,.canvas-composer-overlay .audio-processor-node .audio-lyrics-composer textarea:focus{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;padding:0!important}.canvas-composer-overlay .audio-processor-node .audio-lyrics-custom-field textarea{min-height:92px}.canvas-composer-overlay .image-mention-editor[data-empty=true]:before{color:var(--fg-tertiary)}.canvas-composer-overlay .video-processor-node .image-mention-field,.canvas-composer-overlay .video-processor-node .image-mention-editor{background:0 0!important}.canvas-composer-overlay .video-processor-node .image-mention-editor,.canvas-composer-overlay .video-processor-node .image-mention-editor:hover,.canvas-composer-overlay .video-processor-node .image-mention-editor:focus{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;padding:0!important}.canvas-composer-overlay .processor-footer-wrap,.canvas-composer-overlay .processor-footer{flex:none;border-top-color:color-mix(in srgb, var(--border-subtle) 62%, transparent)!important;background:color-mix(in srgb, var(--bg-elevated) 92%, transparent)!important;border-radius:0 0 22px 22px!important}.canvas-composer-overlay .text-processor-node .node-body{scrollbar-width:none;max-height:168px;overflow:visible;padding:10px 12px 8px!important}.canvas-composer-overlay .text-processor-node .node-body::-webkit-scrollbar{display:none}.canvas-composer-overlay .text-processor-composer{min-height:112px;padding:0}.canvas-composer-overlay .text-processor-composer .image-mention-editor{font-size:14px;line-height:1.55;overflow-y:auto;min-height:96px!important;max-height:120px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;outline:none!important;padding:6px 0 0!important}.canvas-composer-overlay .text-processor-composer .image-mention-editor:hover,.canvas-composer-overlay .text-processor-composer .image-mention-editor:focus{box-shadow:none!important;background:0 0!important;border-color:#0000!important;outline:none!important}.canvas-composer-overlay .text-processor-composer .image-mention-editor[data-empty=true]:before{min-height:22px;line-height:1.55;display:block}.canvas-composer-overlay .text-processor-composer .image-mention-editor[data-empty=true]{overflow-y:hidden}.canvas-composer-overlay .text-processor-node .processor-footer{gap:8px;min-height:42px;padding:6px 12px 10px 16px}@media (width<=1180px){.canvas-composer-overlay{width:min(720px,100vw - 260px);min-width:min(560px,100vw - 260px)}}@media (width<=820px){.canvas-composer-overlay{width:auto;min-width:0;bottom:92px;left:16px;right:16px;transform:none}}.canvas-processor-expanded-backdrop{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg-primary);background:#080a0e9e;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.canvas-processor-expanded-dialog{border:1px solid color-mix(in srgb, var(--border-default) 76%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 96%, var(--bg-surface)) 0%, var(--bg-elevated) 100%);border-radius:24px;grid-template-rows:minmax(0,1fr);width:min(1120px,100vw - 160px);min-height:min(620px,100vh - 140px);max-height:min(720px,100vh - 140px);animation:.18s dialogSlideIn;display:grid;position:relative;overflow:hidden;box-shadow:0 36px 110px #0000006b}.canvas-processor-expanded-dialog--text{box-shadow:none!important;border:0!important;outline:0!important}.canvas-processor-expanded-header{z-index:12;pointer-events:none;background:0 0;justify-content:flex-end;align-items:center;padding:0;display:flex;position:absolute;top:14px;right:14px}.canvas-processor-expanded-close{border:1px solid color-mix(in srgb, var(--border-subtle) 76%, transparent);background:color-mix(in srgb, var(--bg-elevated) 86%, transparent);width:36px;height:36px;color:var(--fg-secondary);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;place-items:center;padding:0;display:inline-grid;box-shadow:0 10px 26px #00000024}.canvas-processor-expanded-close:hover{border-color:var(--border-subtle);background:var(--bg-surface);color:var(--accent)}.canvas-processor-expanded-body{scrollbar-width:thin;min-height:0;padding:0;overflow:hidden}.canvas-processor-expanded-body .processor-node{flex-direction:column;height:100%;min-height:0;width:100%!important;min-width:0!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;display:flex!important}.canvas-processor-expanded-dialog--text .text-processor-node,.canvas-processor-expanded-dialog--text .text-processor-node:hover,.canvas-processor-expanded-dialog--text .text-processor-node.selected,.canvas-processor-expanded-dialog--text .text-processor-node.running{box-shadow:none!important;border:0!important;outline:0!important}.canvas-processor-expanded-body .processor-node .node-header{padding-right:68px}.canvas-flow-shell .canvas-processor-expanded-body .processor-node:hover{box-shadow:none!important}.canvas-processor-expanded-body .processor-node .node-body{scrollbar-width:thin;flex:auto;min-height:0;max-height:none!important;padding:22px 24px 18px!important;overflow:auto!important}.canvas-processor-expanded-body .text-processor-node .node-body{flex-direction:column;display:flex;box-shadow:none!important;border:0!important;outline:0!important;padding:20px 20px 0!important;overflow:hidden!important}.canvas-processor-expanded-body .text-processor-node .reference-materials-field{margin-bottom:0}.canvas-processor-expanded-body .node-field{margin-bottom:16px}.canvas-processor-expanded-body .text-processor-node .text-processor-composer{height:100%;min-height:0;margin-bottom:0;padding:0;display:flex}.canvas-processor-expanded-body .text-processor-node .image-mention-field{flex:auto;width:100%;min-height:0;display:flex;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.canvas-processor-expanded-body .node-field textarea,.canvas-processor-expanded-body .image-mention-editor{min-height:220px;font-size:var(--fs-sm);line-height:1.7;max-height:min(420px,48vh)!important}.canvas-processor-expanded-body .image-mention-editor{min-height:min(340px,52vh)!important;max-height:min(500px,58vh)!important}.canvas-processor-expanded-body .text-processor-node .image-mention-editor,.canvas-processor-expanded-body .text-processor-node .image-mention-editor:hover,.canvas-processor-expanded-body .text-processor-node .image-mention-editor:focus{flex:auto;width:100%;overflow-y:auto;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;padding:20px 0!important}.canvas-processor-expanded-body .processor-footer-wrap,.canvas-processor-expanded-body .processor-footer{z-index:4;flex:none;position:relative;bottom:0;border-top-color:color-mix(in srgb, var(--border-subtle) 72%, transparent)!important;background:color-mix(in srgb, var(--bg-elevated) 92%, transparent)!important;border-radius:0!important}.canvas-processor-expanded-body .processor-footer{padding:14px 24px 18px}@media (width<=860px){.canvas-processor-expanded-backdrop{padding:16px}.canvas-processor-expanded-dialog{border-radius:18px;width:calc(100vw - 32px);min-height:calc(100vh - 32px);max-height:calc(100vh - 32px)}.canvas-processor-expanded-body{padding:0}}.prompt-style-picker{display:inline-flex;position:relative}.prompt-style-trigger{gap:6px}.prompt-style-popover{z-index:var(--z-generator-panel);border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:12px;width:min(420px,100vw - 32px);max-height:520px;position:absolute;bottom:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 70px #0f172a3d}.prompt-style-popover header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.prompt-style-popover header strong{color:var(--fg-primary);font-size:14px}.prompt-style-popover header button{width:26px;height:26px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.prompt-style-popover header button:hover{background:var(--bg-hover);color:var(--fg-primary)}.prompt-style-groups{max-height:460px;padding:10px;overflow-y:auto}.prompt-style-group+.prompt-style-group{margin-top:12px}.prompt-style-group h4{color:var(--fg-secondary);margin:0 0 8px;font-size:12px;font-weight:700}.prompt-style-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.prompt-style-card{border:1px solid var(--border-default);background:var(--bg-surface);min-height:68px;color:inherit;text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:54px minmax(0,1fr);gap:10px;padding:8px;display:grid}.prompt-style-card:hover{border-color:var(--accent);box-shadow:0 10px 28px #6366f129}.prompt-style-thumb{width:54px;height:54px;color:var(--accent);background:radial-gradient(circle at 30% 25%,#818cf852,#0000 38%),linear-gradient(135deg,#ecfeffcc,#f5f3ffe6);border-radius:8px;place-items:center;display:grid;overflow:hidden}.prompt-style-thumb img{object-fit:cover;width:100%;height:100%}.prompt-style-info{flex-direction:column;gap:4px;min-width:0;display:flex}.prompt-style-info strong{color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.prompt-style-info small{color:var(--fg-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.prompt-style-empty{color:var(--fg-secondary);text-align:center;padding:32px 16px}.video-editor-node{border:1px solid var(--border-strong);background:var(--bg-elevated);width:300px;min-height:128px;overflow:visible}.video-editor-node .node-header{z-index:8;color:var(--fg-primary);background:0 0;border:0;border-radius:0;gap:10px;padding:0;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.video-editor-node .node-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);gap:5px}.video-editor-node .node-title .svg-icon{color:#fff}.video-editor-node .node-header .category{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);flex:none}.video-editor-node-body{border:1px solid var(--border-subtle);border-radius:var(--canvas-inner-radius);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 46%), var(--bg-surface);width:100%;height:128px;color:var(--fg-secondary);cursor:pointer;padding:0;transition:border-color .16s,box-shadow .16s,background .16s;overflow:hidden}.canvas-flow-shell .react-flow__node:hover .video-editor-node-body,.canvas-flow-shell .video-editor-node:hover .video-editor-node-body{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-subtle));box-shadow:var(--node-hover-shadow)}.canvas-flow-shell .react-flow__node.selected .video-editor-node-body,.canvas-flow-shell .video-editor-node.selected .video-editor-node-body{border-color:var(--accent);box-shadow:var(--node-selected-shadow)}.video-editor-node-body video{object-fit:cover;width:100%;height:100%;display:block}.video-editor-node-empty{width:100%;height:100%;font-size:var(--fs-xs);align-content:center;place-items:center;gap:8px;display:grid}.image-editor-node{border:1px solid var(--border-strong);background:var(--bg-elevated);width:100%;height:100%;min-height:184px;overflow:visible}.image-editor-node.has-saved-content{min-height:0}.image-editor-node .node-header{z-index:8;color:var(--fg-primary);background:0 0;border:0;gap:10px;padding:0;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.image-editor-node .node-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);gap:5px}.image-editor-node .node-title .svg-icon{color:#fff}.image-editor-node-body{border:1px solid var(--border-subtle);border-radius:var(--canvas-inner-radius);background:var(--bg-surface);width:100%;height:100%;min-height:184px;color:var(--fg-primary);text-align:center;gap:12px;padding:14px;transition:border-color .16s,box-shadow .16s;display:grid}.image-editor-node.has-saved-content .image-editor-node-body{gap:0;min-height:0;padding:0;overflow:hidden}.canvas-flow-shell .react-flow__node:hover .image-editor-node-body,.canvas-flow-shell .image-editor-node:hover .image-editor-node-body{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-subtle));box-shadow:var(--node-hover-shadow)}.canvas-flow-shell .react-flow__node.selected .image-editor-node-body,.canvas-flow-shell .image-editor-node.selected .image-editor-node-body{border-color:var(--accent);box-shadow:var(--node-selected-shadow)}.image-editor-node-preview{border:1px dashed color-mix(in srgb, var(--border-default) 70%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--border-default) 24%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--border-default) 24%, transparent) 1px, transparent 1px), var(--bg-subtle);width:100%;height:100%;min-height:126px;color:var(--fg-tertiary);background-size:18px 18px;border-radius:14px;place-items:center;font-size:13px;display:grid;position:relative;overflow:hidden}.image-editor-node.has-saved-content .image-editor-node-preview{border-radius:calc(var(--canvas-inner-radius) - 1px);background:#fff;border:0;min-height:0}.image-editor-node-artboard{color:#111827;background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.image-editor-node-grid{pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#1118270f 1px,#0000 1px),linear-gradient(#1118270f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.image-editor-node-layer{place-items:center;display:grid;position:absolute;overflow:hidden}.image-editor-node-layer.rect>span{background:var(--layer-color);border-radius:8px;width:100%;height:100%}.image-editor-node-layer.text{color:var(--layer-color);font-size:var(--layer-font-size);font-weight:var(--fw-semibold);justify-items:start;overflow:visible}.image-editor-node-layer.image{background:var(--layer-color,#dbeafe);border-radius:8px}.image-editor-node-layer.image img{object-fit:cover;width:100%;height:100%}.image-editor-node-generated{color:#1f2937;background:linear-gradient(135deg,#dbeafe,#fef3c7);place-items:center;width:100%;height:100%;display:grid}.image-editor-node-layer.brush svg,.image-editor-node-layer.pen svg,.image-editor-node-layer.arrow svg{width:100%;height:100%;overflow:visible}.image-editor-node-layer.brush path,.image-editor-node-layer.pen path,.image-editor-node-layer.arrow path{fill:none;stroke:var(--layer-color);stroke-width:max(2px, var(--layer-stroke-size,4px));stroke-linecap:round;stroke-linejoin:round}.image-editor-node-shape{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;position:absolute;inset:28px 46px 34px 42px;box-shadow:inset 0 0 0 1px #3b82f647}.image-editor-node-text{z-index:1;color:#1f2937;font-size:12px;font-weight:var(--fw-medium);background:#ffffffdb;border-radius:999px;padding:5px 9px;position:relative}.image-editor-node-open{background:var(--accent-soft);width:100%;height:34px;color:var(--accent);cursor:pointer;font:inherit;font-size:14px;font-weight:var(--fw-medium);border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.image-editor-node-open:hover,.image-editor-node-open:focus-visible{background:var(--accent);color:#fff;outline:none}.image-editor-workbench-overlay{z-index:var(--z-fullscreen);--image-editor-panel-bg:#1c1d1ff7;--image-editor-panel-bg-soft:#1c1d1feb;--image-editor-control-bg:#111214b8;--image-editor-control-bg-hover:#ffffff21;--image-editor-border:#ffffff1f;--image-editor-border-hover:#fff3;--image-editor-text:#ffffffc2;--image-editor-text-muted:#ffffffad;color:#f6f7f9;background:#000;position:fixed;inset:0}.image-editor-workbench{background:#000;grid-template-rows:1fr;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.image-editor-topbar{z-index:var(--z-modal-panel);pointer-events:none;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:16px;min-height:64px;padding:0 20px;display:grid;position:absolute;top:0;left:0;right:0}.image-editor-titlebar,.image-editor-actions{pointer-events:auto;align-items:center;gap:10px;display:flex}.image-editor-actions{justify-content:flex-end}.image-editor-titlebar strong{font-size:15px;font-weight:var(--fw-semibold)}.image-editor-ghost-btn,.image-editor-primary-btn{border:1px solid var(--image-editor-border);background:var(--image-editor-control-bg);color:#f6f7f9;cursor:pointer;height:34px;font:inherit;font-size:13px;font-weight:var(--fw-medium);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.image-editor-ghost-btn:hover,.image-editor-ghost-btn:focus-visible{background:var(--image-editor-control-bg-hover);outline:none}.image-editor-primary-btn{color:#111827;background:#f6f7f9;border-color:#0000}.image-editor-primary-btn:hover,.image-editor-primary-btn:focus-visible{background:#fff;outline:none}.image-editor-top-center{pointer-events:auto;justify-content:center;align-items:center;gap:10px;display:inline-flex;position:relative}.image-editor-background-control{position:relative}.image-editor-background-btn{border:1px solid var(--image-editor-border);background:var(--image-editor-panel-bg-soft);color:#f6f7f9;cursor:pointer;height:40px;font:inherit;font-size:13px;font-weight:var(--fw-medium);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;box-shadow:0 18px 48px #0000004d}.image-editor-background-btn:hover,.image-editor-background-btn.active,.image-editor-background-btn:focus-visible{background:var(--image-editor-control-bg-hover);outline:none}.image-editor-background-swatch{background:linear-gradient(45deg, #ffffff59 25%, transparent 25% 75%, #ffffff59 75%), linear-gradient(45deg, #ffffff59 25%, transparent 25% 75%, #ffffff59 75%), var(--background-color);background-position:0 0,4px 4px,0 0;background-size:8px 8px,8px 8px,auto;border:1px solid #ffffff61;border-radius:999px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000029}.image-editor-aspect-tabs{border:1px solid var(--image-editor-border);background:var(--image-editor-panel-bg-soft);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 18px 48px #0000004d}.image-editor-aspect-tabs button{height:30px;color:var(--image-editor-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:10px;padding:0 10px;font-size:13px}.image-editor-aspect-tabs button:hover,.image-editor-aspect-tabs button.active{background:var(--image-editor-control-bg-hover);color:#fff}.image-editor-color-picker{z-index:var(--z-modal-panel);border:1px solid var(--image-editor-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1d1ffa;border-radius:16px;gap:10px;width:242px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 24px 64px #00000070}.image-editor-color-area{background:linear-gradient(180deg, transparent, #000), linear-gradient(90deg, #fff, transparent), var(--picker-hue-color);cursor:crosshair;border-radius:5px;height:176px;position:relative;overflow:hidden}.image-editor-color-area-thumb{pointer-events:none;border:2px solid #fff;border-radius:999px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000006b,0 2px 6px #0000005c}.image-editor-color-slider-row{display:block}.image-editor-color-hue-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#ff2b2b,#fffb00,#29ff2f,#19f7ff,#2c4cff,#ff36ff,#ff2b2b);border-radius:999px;width:100%;height:14px;margin:0}.image-editor-color-hue-slider::-webkit-slider-thumb{appearance:none;background:0 0;border:3px solid #fff;border-radius:999px;width:16px;height:16px;box-shadow:0 0 0 1px #00000047,0 2px 6px #00000059}.image-editor-color-input-row{grid-template-columns:62px repeat(3,minmax(0,1fr)) auto;align-items:center;gap:6px;display:grid;position:relative}.image-editor-color-format{position:relative}.image-editor-color-format>button,.image-editor-color-input-row input{border:1px solid var(--image-editor-border);color:#f6f7f9;min-width:0;height:30px;font:inherit;background:#0a0b0c85;border-radius:8px;font-size:12px}.image-editor-color-format>button{cursor:pointer;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:0 7px;display:inline-flex}.image-editor-color-format>button:hover,.image-editor-color-format>button:focus-visible,.image-editor-color-input-row input:focus{border-color:#b9a5ff;outline:none}.image-editor-color-input-row input{text-align:center;width:100%;padding:0 7px}.image-editor-color-hex-input{grid-column:span 3;text-align:left!important}.image-editor-color-percent{color:#9f9fa9;font-size:12px}.image-editor-color-format-menu{z-index:var(--z-modal-panel);border:1px solid var(--image-editor-border);background:#1f1f23;border-radius:10px;min-width:112px;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 18px 42px #0000006b}.image-editor-color-format-menu button{color:#f0f0f2;cursor:pointer;height:28px;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px;padding:0 9px;font-size:12px;display:grid}.image-editor-color-format-menu button:hover,.image-editor-color-format-menu button.active{color:#fff;background:#0a84ff}.image-editor-body{grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.image-editor-layers-panel{z-index:var(--z-modal-panel);border:1px solid var(--image-editor-border);background:var(--image-editor-panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;flex-direction:column;gap:8px;width:260px;max-height:min(620px,100% - 48px);padding:18px 14px;display:flex;position:absolute;top:50%;right:18px;overflow:visible;transform:translateY(-50%);box-shadow:0 24px 64px #0000005c}.image-editor-side-tools{z-index:var(--z-modal-panel);border:1px solid var(--image-editor-border);background:var(--image-editor-panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:40px;flex-direction:column;gap:8px;padding:6px;display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%);box-shadow:0 24px 64px #0000005c}.image-editor-side-tools button{width:38px;height:38px;color:var(--image-editor-text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;padding:0;transition:background .14s,color .14s,transform .14s;display:grid;position:relative}.image-editor-side-tools button:hover,.image-editor-side-tools button.active{background:var(--image-editor-control-bg-hover);color:#fff}.image-editor-side-tools button:hover{transform:translateY(-1px)}.image-editor-side-tools button span{background:var(--image-editor-panel-bg);color:#fff;width:max-content;max-width:120px;font-size:12px;font-weight:var(--fw-medium);opacity:0;pointer-events:none;white-space:nowrap;border-radius:8px;padding:6px 9px;line-height:1;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-4px,-50%);box-shadow:0 10px 28px #00000052}.image-editor-side-tools button:hover span,.image-editor-side-tools button:focus-visible span{opacity:1;transform:translateY(-50%)}.image-editor-stage-wrap{cursor:grab;touch-action:none;place-items:center;min-width:0;min-height:0;padding:28px;display:grid;overflow:hidden}.image-editor-stage-wrap.is-panning{cursor:grabbing}.image-editor-stage-viewport{will-change:transform;place-items:center;display:grid}.image-editor-stage{color:#111827;cursor:default;background:#fff;flex:none;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000005c}.image-editor-stage-grid{pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#1118270f 1px,#0000 1px),linear-gradient(#1118270f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.image-editor-canvas-resize,.image-editor-layer-resize{cursor:nwse-resize;background:#2563eb;border:0;width:15px;height:15px;position:absolute;bottom:0;right:0}.image-editor-canvas-resize{border-top-left-radius:8px}.image-editor-canvas-meta{color:#8f96a3;justify-self:center;margin-top:12px;font-size:12px}.image-editor-layer{cursor:move;-webkit-user-select:none;user-select:none;border:1px solid #0000;place-items:center;display:grid;position:absolute}.image-editor-layer.rect>span{background:var(--layer-color);border-radius:10px;width:100%;height:100%}.image-editor-layer.text{color:var(--layer-color);font-size:var(--layer-font-size);font-weight:var(--fw-semibold);justify-items:start}.image-editor-layer.brush svg,.image-editor-layer.pen svg,.image-editor-layer.arrow svg{width:100%;height:100%;overflow:visible}.image-editor-layer.brush path,.image-editor-layer.pen path,.image-editor-layer.arrow path{fill:none;stroke:var(--layer-color);stroke-width:max(2px, var(--layer-stroke-size,4px));stroke-linecap:round;stroke-linejoin:round}.image-editor-layer.image{background:var(--layer-color,#dbeafe);border-radius:10px;overflow:hidden}.image-editor-layer.image img{object-fit:cover;width:100%;height:100%}.image-editor-generated-preview{color:#1f2937;text-align:center;background:linear-gradient(135deg,#dbeafe,#fef3c7);place-items:center;gap:8px;width:100%;height:100%;padding:12px;font-size:13px;display:grid}.image-editor-layer.selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.image-editor-panel-header{color:#f6f7f9;justify-content:space-between;align-items:center;font-size:14px;display:flex}.image-editor-panel-header span{color:#8f96a3;font-size:12px}.image-editor-layer-list{gap:8px;min-height:0;display:grid;overflow-y:auto}.image-editor-layers-panel.has-open-menu .image-editor-layer-list{overflow:visible}.image-editor-layer-row{min-height:58px;color:var(--image-editor-text);background:0 0;border:0;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:7px 6px 7px 8px;display:grid;position:relative}.image-editor-layer-row:hover,.image-editor-layer-row.active{color:#fff;background:#ffffff1a}.image-editor-layer-row.is-dragging{opacity:.48}.image-editor-layer-row.is-drag-over{background:#3b82f629;box-shadow:inset 0 0 0 1px #3b82f66b}.image-editor-layer-row.is-drag-over:before{content:"";background:#3b82f6;border-radius:999px;height:2px;position:absolute;top:-5px;left:10px;right:10px}.image-editor-layer-main{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:0;font-size:13px;display:grid}.image-editor-layer-thumb{color:#d8dce4;background-color:#ffffff0f;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff1a;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.image-editor-layer-thumb.rect{background:#3b82f6}.image-editor-layer-thumb.text{background:#ffffff14}.image-editor-layer-thumb img{object-fit:cover;width:100%;height:100%}.image-editor-layer-copy{gap:3px;min-width:0;display:grid}.image-editor-layer-copy strong,.image-editor-layer-copy input{color:inherit;font:inherit;font-size:13px;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-editor-layer-copy input{border:1px solid var(--image-editor-border);background:#0000002e;border-radius:7px;outline:none;width:100%;height:24px;padding:0 7px}.image-editor-layer-copy small{color:#8f96a3;font-size:12px}.image-editor-layer-more-wrap{position:relative}.image-editor-layer-more{color:#8f96a3;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.image-editor-layer-row:hover .image-editor-layer-more,.image-editor-layer-row.active .image-editor-layer-more,.image-editor-layer-more:hover,.image-editor-layer-more:focus-visible{color:#fff;background:#ffffff1a;outline:none}.image-editor-layer-menu{z-index:var(--z-modal-panel);border:1px solid var(--image-editor-border);background:var(--image-editor-panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;gap:2px;min-width:142px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 48px #00000057}.image-editor-layer-menu button{color:#d8dce4;cursor:pointer;height:34px;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 9px;font-size:13px;display:flex}.image-editor-layer-menu button:hover,.image-editor-layer-menu button:focus-visible{color:#fff;background:#ffffff1a;outline:none}.image-editor-layer-menu button.danger{color:#fca5a5}.image-editor-bottom-tools{z-index:var(--z-modal-panel);pointer-events:none;place-items:center;width:max-content;max-width:calc(100vw - 48px);display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.image-editor-main-toolbar,.image-editor-secondary-toolbar{border:1px solid var(--image-editor-border);background:var(--image-editor-panel-bg);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;align-items:center;gap:6px;padding:8px;display:inline-flex;box-shadow:0 24px 64px #0000005c}.image-editor-secondary-toolbar{min-height:48px;position:absolute;bottom:58px}.image-editor-main-toolbar button{width:38px;height:38px;color:var(--image-editor-text);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:relative}.image-editor-main-toolbar button:hover,.image-editor-main-toolbar button:focus-visible,.image-editor-main-toolbar button.active{background:var(--image-editor-control-bg-hover);color:#fff;outline:none}.image-editor-tool-tooltip{z-index:1;border:1px solid var(--image-editor-border);background:var(--image-editor-panel-bg);color:#fff;width:max-content;max-width:120px;font-size:12px;font-weight:var(--fw-medium);opacity:0;pointer-events:none;white-space:nowrap;border-radius:8px;padding:6px 9px;line-height:1;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 28px #00000052}.image-editor-main-toolbar button:hover .image-editor-tool-tooltip,.image-editor-main-toolbar button:focus-visible .image-editor-tool-tooltip{opacity:1;transform:translate(-50%)}.image-editor-secondary-toolbar label{color:#c7cbd3;align-items:center;gap:8px;font-size:13px;display:inline-flex}.image-editor-secondary-toolbar input,.image-editor-secondary-toolbar select{border:1px solid var(--image-editor-border);color:#fff;height:32px;font:inherit;background:#0a0b0c85;border-radius:10px;font-size:13px}.image-editor-generator-bar{align-items:center;gap:8px;display:flex}.image-editor-generator-bar>button:not(.image-editor-primary-btn){border:1px solid var(--image-editor-border);color:#fff;cursor:pointer;height:32px;font:inherit;background:#0a0b0c85;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.image-editor-generator-bar input{width:240px;padding:0 10px}.image-editor-credit{color:#a7b0bf;white-space:nowrap;font-size:12px}.image-editor-color-dots{align-items:center;gap:6px;display:inline-flex}.image-editor-color-dots button{background:var(--color);cursor:pointer;border:2px solid #0000;border-radius:999px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f}.image-editor-color-dots button.active{border-color:#fff;box-shadow:0 0 0 2px #2563eb}.image-editor-hidden-input{display:none}@media (width<=980px){.image-editor-topbar{grid-template-columns:1fr;height:auto;padding:10px 14px}.image-editor-top-center{justify-content:flex-start;overflow-x:auto}.image-editor-color-picker{left:0}.image-editor-workbench{grid-template-rows:1fr}.image-editor-body{grid-template-columns:1fr}.image-editor-side-tools,.image-editor-layers-panel{display:none}}.ecommerce-video-node,.competitor-video-node,.shot-director-node,.video-assembler-node{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:14px;overflow:visible}.ecommerce-video-node{min-width:360px;max-width:360px}.competitor-video-node{min-width:330px;max-width:330px}.shot-director-node,.video-assembler-node{min-width:320px;max-width:320px}.ecommerce-video-node .node-header,.competitor-video-node .node-header,.shot-director-node .node-header,.video-assembler-node .node-header{z-index:8;color:var(--fg-primary);background:0 0;border:0;border-radius:0;gap:10px;padding:0;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.ecommerce-video-card,.competitor-video-card,.shot-director-card,.video-assembler-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 40%), var(--bg-elevated);border-radius:14px;gap:10px;padding:12px;display:grid}.ecommerce-video-hero{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:8px 10px;display:flex}.ecommerce-video-hero span,.ecommerce-video-hero strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ecommerce-video-hero span{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.ecommerce-video-hero strong{color:var(--accent);font-size:var(--fs-xs)}.ecommerce-video-grid,.shot-director-row,.video-assembler-grid{gap:8px;display:grid}.ecommerce-video-grid.two,.shot-director-row,.video-assembler-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecommerce-video-card label,.competitor-video-field,.shot-director-card label,.video-assembler-card label{color:var(--fg-secondary);font-size:var(--fs-xs);gap:5px;display:grid}.ecommerce-video-card input,.ecommerce-video-card select,.ecommerce-video-card textarea,.competitor-video-field select,.competitor-video-field textarea,.shot-director-card input,.shot-director-card select,.shot-director-card textarea,.video-assembler-card input,.video-assembler-card select,.video-assembler-card textarea{border:1px solid var(--border-default);background:var(--bg-elevated);width:100%;color:var(--fg-primary);font:inherit;border-radius:8px;padding:7px 8px;line-height:1.45}.ecommerce-video-card textarea,.competitor-video-field textarea,.shot-director-card textarea,.video-assembler-card textarea{resize:vertical}.ecommerce-video-details{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:10px;padding:8px 10px}.ecommerce-video-details summary{cursor:pointer;color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.ecommerce-video-details label{margin-top:8px}.ecommerce-video-model-roles,.competitor-video-tags,.video-assembler-stats{flex-wrap:wrap;gap:6px;display:flex}.ecommerce-video-model-roles span,.competitor-video-tags span,.video-assembler-stats span{background:var(--accent-soft);min-height:22px;color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.ecommerce-video-note{color:var(--fg-tertiary);font-size:var(--fs-xs);margin:0;line-height:1.45}.competitor-video-preview{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;height:176px;color:var(--fg-secondary);cursor:pointer;border-radius:10px;padding:0;overflow:hidden}.competitor-video-preview video{object-fit:cover;width:100%;height:100%;display:block}.competitor-video-preview>div{align-content:center;place-items:center;gap:6px;height:100%;padding:12px;display:grid}.competitor-video-preview strong{color:var(--fg-primary);font-size:var(--fs-sm)}.competitor-video-preview small{color:var(--fg-tertiary);font-size:var(--fs-xs)}.competitor-video-preview.has-video{position:relative}.competitor-video-preview.has-video>span{color:#fff;font-weight:var(--fw-bold);background:#11182773;place-items:center;display:grid;position:absolute;inset:0}.competitor-video-error{color:var(--error);font-size:var(--fs-xs)}.competitor-video-clear,.shot-director-run,.video-assembler-run{border:1px solid var(--border-default);background:var(--brand-bg);height:34px;color:var(--brand-fg);cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:9px}.shot-director-run,.video-assembler-run{justify-content:center;align-items:center;gap:6px;display:inline-flex}.competitor-video-clear{background:var(--bg-elevated);color:var(--fg-secondary)}.video-editor-overlay{--ve-overlay-bg:#18181b42;--ve-shell-bg:#f3f5f8;--ve-shell-border:#18181b1a;--ve-header-bg:#ffffffd1;--ve-panel-bg:#fffc;--ve-panel-subtle:#f5f7fae0;--ve-card-bg:#ffffffdb;--ve-card-border:#0f172a1a;--ve-card-shadow:0 16px 44px #0f172a14;--ve-control-bg:#ffffffeb;--ve-control-hover:#4f46e514;--ve-control-active:color-mix(in srgb, var(--accent) 14%, transparent);--ve-preview-bg:#f8fafc;--ve-checker:#18181b0e;--ve-track-bg:#f7f7fa;--ve-track-line:#18181b14;--ve-track-major:#18181b2e;--ve-clip-bg:#4f46e524;--ve-clip-border:#4f46e557;--ve-clip-overlay:linear-gradient(90deg, #18181ba8, #18181b29 58%, #18181b70);--ve-clip-text:#fff;--ve-clip-muted:#ffffffbd;--ve-focus:var(--accent);--ve-playhead:#ef4444;--ve-snap:#14b8a6;--ve-shadow:0 28px 80px #1920383d;z-index:var(--z-fullscreen);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34%), var(--ve-overlay-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;position:fixed;inset:0}[data-theme=dark] .video-editor-overlay{--ve-overlay-bg:#00000080;--ve-shell-bg:#101010;--ve-shell-border:#ffffff12;--ve-header-bg:#181818eb;--ve-panel-bg:#161616eb;--ve-panel-subtle:#121212f0;--ve-card-bg:#141414f0;--ve-card-border:#ffffff13;--ve-card-shadow:0 18px 42px #0000004d;--ve-control-bg:#232323eb;--ve-control-hover:#ffffff12;--ve-control-active:#ffffff1a;--ve-preview-bg:#141414;--ve-checker:#ffffff0b;--ve-track-bg:#141414;--ve-track-line:#ffffff0e;--ve-track-major:#ffffff21;--ve-clip-bg:#ffffff1f;--ve-clip-border:#ffffff3d;--ve-clip-overlay:linear-gradient(90deg, #000000ad, #0000003d 58%, #0000008a);--ve-focus:#e8e8e8;--ve-shadow:0 24px 72px #00000075;background:var(--ve-overlay-bg)}.video-editor-shell{--video-editor-left-width:260px;--video-editor-right-width:280px;--video-editor-timeline-height:246px;background:var(--ve-shell-bg);width:100vw;height:100vh;color:var(--fg-primary);font-size:var(--fs-sm);border:1px solid var(--ve-shell-border);box-shadow:none;grid-template-rows:52px minmax(260px, 1fr) var(--video-editor-timeline-height);box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0;gap:6px;margin:0;padding:4px;line-height:1.45;display:grid;overflow:hidden}.video-editor-header,.video-editor-actions,.video-editor-title,.video-editor-source-meta,.video-editor-timeline-ruler{align-items:center;display:flex}.video-editor-header{z-index:80;border:1px solid var(--ve-card-border);background:var(--ve-header-bg);box-shadow:var(--ve-card-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;justify-content:space-between;padding:0 14px 0 18px;position:relative}.video-editor-title{gap:10px}.video-editor-title strong,.video-editor-source-meta strong{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1.35;display:block}.video-editor-title span,.video-editor-source-meta span{color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-medium);display:block}.video-editor-source-meta span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;margin-top:4px;display:flex;overflow:hidden}.video-editor-source-meta span em{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border-default));background:var(--ve-control-active);min-width:34px;height:20px;color:var(--accent);font-size:11px;font-style:normal;font-weight:var(--fw-semibold);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 7px;line-height:18px;display:inline-flex}.video-editor-actions{gap:8px}.video-editor-export-menu{position:relative}.video-editor-actions button,.video-editor-source-card button,.video-editor-inspector button{border:1px solid var(--border-default);background:var(--ve-control-bg);height:32px;color:var(--fg-primary);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:10px;padding:0 12px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.video-editor-actions button:hover,.video-editor-source-card button:hover,.video-editor-inspector button:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-default));background:var(--ve-control-hover)}.video-editor-actions button.primary{border-color:color-mix(in srgb, var(--accent) 76%, transparent);background:var(--accent);color:var(--fg-inverse);box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 22%, transparent)}.video-editor-actions button.export-trigger{border-radius:10px;align-items:center;gap:6px;padding:0 12px 0 14px;display:inline-flex}.video-editor-actions button:disabled{opacity:.62;cursor:progress}.video-editor-export-popover{z-index:var(--z-modal-panel);border:1px solid var(--ve-card-border);background:var(--ve-card-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;gap:4px;width:190px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 46px #0f172a2e}.video-editor-export-popover>span{color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:0 10px 6px}.video-editor-actions .video-editor-export-popover button{width:100%;height:38px;box-shadow:none;color:var(--fg-primary);text-align:left;background:0 0;border-color:#0000;border-radius:9px;justify-content:flex-start;align-items:center;gap:10px;padding:0 10px;display:inline-flex}.video-editor-actions .video-editor-export-popover button:hover{background:var(--ve-control-hover);border-color:#0000}.video-editor-export-popover strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.video-editor-actions .icon-only{place-items:center;width:32px;padding:0;display:inline-grid}.video-editor-status{width:220px;max-width:28vw;color:var(--success);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;text-align:right;overflow:hidden}.video-editor-status.error{color:var(--error)}.video-editor-status.autosave{width:auto;max-width:128px;color:var(--fg-tertiary)}.video-editor-status.autosave.saving,.video-editor-status.autosave.dirty{color:var(--fg-secondary)}.video-editor-status.autosave.error{color:var(--error)}.video-editor-main{grid-template-columns:var(--video-editor-left-width) 6px minmax(420px, 1fr) 6px var(--video-editor-right-width);background:0 0;min-height:0;display:grid;overflow:visible}.video-editor-library,.video-editor-inspector{z-index:10;border:1px solid var(--ve-card-border);background:var(--ve-card-bg);min-height:0;box-shadow:var(--ve-card-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;padding:14px;position:relative;overflow:auto}.video-editor-library{border-right:0}.video-editor-inspector{border-left:0}.video-editor-layout-resizer{z-index:10;touch-action:none;background:0 0;border:0;outline:none;padding:0;position:relative}.video-editor-layout-resizer:before,.video-editor-layout-resizer:after{content:"";background:var(--border-subtle);transition:background .12s,opacity .12s,box-shadow .12s;position:absolute}.video-editor-layout-resizer.vertical{cursor:col-resize;width:12px}.video-editor-layout-resizer.vertical:before{opacity:0;width:1px;top:0;bottom:0;left:5px}.video-editor-layout-resizer.vertical:after{opacity:0;border-radius:999px;width:5px;height:38px;top:50%;left:3px;transform:translateY(-50%)}.video-editor-layout-resizer.horizontal{cursor:row-resize;height:12px;position:absolute;top:-6px;left:0;right:0}.video-editor-layout-resizer.horizontal:before{opacity:0;height:1px;bottom:5px;left:0;right:0}.video-editor-layout-resizer.horizontal:after{opacity:0;border-radius:999px;width:48px;height:5px;bottom:3px;left:50%;transform:translate(-50%)}.video-editor-layout-resizer:hover:before,.video-editor-layout-resizer:focus-visible:before,.video-editor-layout-resizer.active:before,.video-editor-layout-resizer:hover:after,.video-editor-layout-resizer:focus-visible:after,.video-editor-layout-resizer.active:after{background:var(--accent);opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.video-editor-library-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.video-editor-panel-title{color:var(--fg-primary);font-weight:var(--fw-semibold);font-size:var(--fs-xs);letter-spacing:0;margin-bottom:12px}.video-editor-library-header .video-editor-panel-title{margin-bottom:0}.video-editor-upload-source-btn{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border-default));background:color-mix(in srgb, var(--accent) 14%, var(--bg-elevated));min-width:0;height:28px;color:var(--fg-primary);font-size:12px;font-weight:var(--fw-semibold);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.video-editor-upload-source-btn:hover{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-default));background:color-mix(in srgb, var(--accent) 22%, var(--bg-elevated))}.video-editor-upload-source-btn:disabled{opacity:.48;cursor:not-allowed}.video-editor-empty,.video-editor-preview-empty{color:var(--fg-tertiary);font-size:var(--fs-xs)}.video-editor-source-card{min-height:64px;box-shadow:none;cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:8px;padding:6px;transition:transform .12s,opacity .12s;display:grid}.video-editor-source-card:hover{border-color:color-mix(in srgb, var(--accent) 32%, transparent);background:color-mix(in srgb, var(--fg-primary) 4%, transparent);transform:translateY(-1px)}.video-editor-source-card.dragging{opacity:.72;cursor:grabbing;transform:translateY(-2px)}.video-editor-source-preview{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--fg-primary) 9%, transparent), transparent), color-mix(in srgb, var(--fg-primary) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--border-default) 74%, transparent);width:88px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bg-elevated) 32%, transparent);border-radius:8px;transition:border-color .12s,box-shadow .12s,background .12s;position:relative;overflow:hidden}.video-editor-source-card:hover .video-editor-source-preview{border-color:color-mix(in srgb, var(--accent) 48%, var(--border-default));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}.video-editor-source-card.added .video-editor-source-preview{border-color:color-mix(in srgb, var(--accent) 54%, var(--border-default))}.video-editor-source-preview img,.video-editor-source-preview video{object-fit:contain;width:100%;height:100%;display:block}.video-editor-source-audio-preview{width:100%;height:100%;color:var(--accent);background:linear-gradient(90deg, transparent 0 12%, color-mix(in srgb, var(--accent) 24%, transparent) 12% 14%, transparent 14% 28%), color-mix(in srgb, var(--accent) 10%, var(--bg-elevated));place-items:center;display:grid}.video-editor-source-audio-preview audio{display:none}.source-added-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#141416ad;border-radius:6px;height:18px;padding:0 6px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:5px;left:5px}.video-editor-source-meta{gap:4px;min-width:0;margin-top:0;padding:0 2px 0 0;display:grid}.source-title-row{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.source-title-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:13px;font-weight:var(--fw-semibold);flex:0 auto;line-height:1.3;overflow:hidden}.video-editor-source-meta .source-inline-detail{color:var(--fg-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 auto;align-items:center;margin-top:0;font-size:11px;font-weight:500;line-height:1.3;display:inline-flex}.video-editor-source-meta>span{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;display:flex;overflow:hidden}.video-editor-preview-column{z-index:20;border:1px solid var(--ve-card-border);background:var(--ve-card-bg);min-width:0;min-height:0;box-shadow:var(--ve-card-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;place-items:center;padding:12px;display:grid;position:relative;overflow:visible}.video-editor-preview-stage{--video-editor-preview-max-height:max(180px, calc(100vh - var(--video-editor-timeline-height) - 116px));width:min(100%, 920px, calc(var(--video-editor-preview-max-height) * var(--video-editor-canvas-ratio,1.777)));max-height:min(100%, var(--video-editor-preview-max-height));background:var(--ve-preview-bg);border:1px solid var(--border-default);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 34px #0f172a1f}.video-editor-guide{z-index:2;opacity:0;pointer-events:none;background:color-mix(in srgb, var(--accent) 68%, transparent);transition:opacity .12s;position:absolute}.video-editor-guide.visible{opacity:1}.video-editor-guide.vertical{width:1px;top:0;bottom:0;left:50%}.video-editor-guide.horizontal{height:1px;top:50%;left:0;right:0}.video-editor-guide.edge{background:color-mix(in srgb, var(--ve-snap) 72%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--ve-snap) 42%, transparent)}.video-editor-guide.edge.left{width:2px;top:0;bottom:0;left:0}.video-editor-guide.edge.right{width:2px;top:0;bottom:0;right:0}.video-editor-guide.edge.top{height:2px;top:0;left:0;right:0}.video-editor-guide.edge.bottom{height:2px;bottom:0;left:0;right:0}.video-editor-preview-stage:before{content:"";background-image:linear-gradient(45deg, var(--ve-checker) 25%, transparent 25%), linear-gradient(-45deg, var(--ve-checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--ve-checker) 75%), linear-gradient(-45deg, transparent 75%, var(--ve-checker) 75%);pointer-events:none;background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;position:absolute;inset:0}.video-editor-canvas-badge{z-index:4;border:1px solid var(--glass-border);background:var(--glass-bg);height:26px;color:var(--fg-primary);font-size:var(--fs-xs);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:0 10px;line-height:24px;position:absolute;top:10px;left:10px}.video-editor-canvas-settings-control{z-index:90;justify-content:flex-end;align-items:center;display:inline-flex;position:absolute;bottom:12px;right:12px}.video-editor-canvas-settings-trigger{border:1px solid var(--border-default);background:var(--glass-bg);height:34px;color:var(--fg-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:8px;padding:0 12px;transition:border-color .12s,background .12s,box-shadow .12s,transform .12s;display:inline-flex;box-shadow:0 10px 24px #0f172a1f}.video-editor-canvas-settings-trigger:hover,.video-editor-canvas-settings-trigger.active{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-default));background:color-mix(in srgb, var(--ve-control-bg) 84%, var(--accent) 16%);box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 18%, transparent)}.video-editor-canvas-settings-trigger span{color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.video-editor-canvas-settings-trigger strong{color:var(--fg-secondary);font-size:11px;font-weight:var(--fw-medium)}.video-editor-canvas-settings-popover{z-index:var(--z-modal-panel);border:1px solid var(--ve-card-border);background:var(--ve-card-bg);width:min(320px,100vw - 40px);color:var(--fg-primary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;gap:12px;padding:12px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 22px 54px #0f172a2e}.video-editor-resolution-options{gap:8px;display:grid}.video-editor-resolution-options>span{color:var(--fg-secondary);font-size:var(--fs-xs)}.video-editor-resolution-options>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.video-editor-resolution-options button{border:1px solid var(--border-default);background:var(--ve-control-bg);height:34px;color:var(--fg-primary);cursor:pointer;font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:8px}.video-editor-resolution-options button:hover,.video-editor-resolution-options button.active{border-color:color-mix(in srgb, var(--accent) 68%, var(--border-default));background:var(--ve-control-active);color:var(--accent)}.video-editor-preview-media{cursor:move;transform-origin:50%;z-index:3;contain:layout paint;backface-visibility:hidden;will-change:transform;width:58%;position:absolute}.video-editor-preview-media.editing{cursor:grabbing}.video-editor-preview-media img,.video-editor-preview-media video{object-fit:cover;border:1px solid color-mix(in srgb, var(--border-strong) 38%, transparent);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden;pointer-events:none;border-radius:2px;width:100%;height:100%;display:block;transform:translateZ(0)}.video-editor-selection-box{border:1px solid var(--ve-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--ve-focus) 18%, transparent);pointer-events:none;position:absolute;inset:-6px}.preview-handle{z-index:4;border:1px solid var(--bg-elevated);background:var(--ve-focus);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 2px 8px #0f172a33}.preview-handle.scale{cursor:nwse-resize}.preview-handle.top-left{top:-12px;left:-12px}.preview-handle.top-right{top:-12px;right:-12px}.preview-handle.bottom-left{bottom:-12px;left:-12px}.preview-handle.bottom-right{bottom:-12px;right:-12px}.preview-handle.rotate{cursor:grab;background:var(--ve-snap);top:-38px;left:calc(50% - 6px)}.preview-handle.rotate:after{content:"";background:color-mix(in srgb, var(--ve-snap) 72%, transparent);width:1px;height:20px;position:absolute;top:12px;left:5px}.video-editor-preview-empty{place-items:center;height:100%;display:grid}.video-editor-inspector label{color:var(--fg-secondary);font-size:var(--fs-xs);gap:6px;margin-bottom:14px;display:grid}.video-editor-project-settings{border-bottom:1px solid var(--border-subtle);gap:12px;margin-bottom:16px;padding-bottom:16px;display:grid}.video-editor-section-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.video-editor-section-heading strong{color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.video-editor-section-heading span{color:var(--fg-tertiary);font-size:var(--fs-xs);text-align:right;line-height:1.35}.video-editor-preset-grid{gap:6px;display:grid}.video-editor-preset-grid.aspect-ratios{grid-template-columns:repeat(3,minmax(0,1fr))}.video-editor-preset-grid button{text-align:center;place-items:center;gap:1px;min-width:0;height:48px;padding:5px 4px;display:grid}.video-editor-preset-grid button strong,.video-editor-preset-grid button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.video-editor-preset-grid button strong{color:var(--fg-primary);font-size:var(--fs-xs)}.video-editor-preset-grid button span{color:var(--fg-tertiary);font-size:11px}.video-editor-preset-grid button.active{border-color:color-mix(in srgb, var(--accent) 68%, var(--border-default));background:var(--ve-control-active);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)}.video-editor-preset-grid button.active strong,.video-editor-preset-grid button.active span{color:var(--accent)}.video-editor-select-label select{border:1px solid var(--border-default);background:var(--ve-control-bg);width:100%;height:32px;color:var(--fg-primary);font-family:inherit;font-size:var(--fs-sm);border-radius:10px;padding:0 8px}.video-editor-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.video-editor-quick-actions button{font-size:var(--fs-xs);padding:0 4px}.video-editor-inspector input{border:1px solid var(--border-default);background:var(--ve-control-bg);width:100%;min-width:0;height:32px;color:var(--fg-primary);font-size:var(--fs-sm);border-radius:10px;padding:0 8px}.video-editor-inspector input[type=range]{accent-color:var(--accent);padding:0}.video-editor-position-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.video-editor-inspector button.danger{border-color:color-mix(in srgb, var(--error) 48%, var(--border-default));color:var(--error)}.video-editor-timeline{border:1px solid var(--ve-card-border);background:var(--ve-card-bg);min-width:0;box-shadow:var(--ve-card-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;grid-template-rows:48px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.video-editor-timeline-toolbar{border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--ve-card-bg) 80%, var(--bg-elevated));grid-template-columns:minmax(160px,1fr) auto minmax(220px,1fr);align-items:center;gap:8px;min-width:0;padding:7px 12px;display:grid}.video-editor-tool-group{align-items:center;gap:6px;display:inline-flex}.video-editor-tool-group button{border:1px solid var(--border-default);background:var(--ve-control-bg);width:30px;height:30px;color:var(--fg-primary);cursor:pointer;font-size:var(--fs-xs);border-radius:10px;place-items:center;padding:0;display:inline-grid}.video-editor-tool-group button:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-default));background:var(--ve-control-hover)}.video-editor-tool-group button.active{border-color:color-mix(in srgb, var(--accent) 64%, transparent);background:var(--ve-control-active);color:var(--accent)}.video-editor-tool-group button:disabled{opacity:.42;cursor:not-allowed}.timeline-edit-tools{justify-self:start}.timeline-view-tools{justify-self:end}.video-editor-playback-tools{color:var(--fg-secondary);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:12px;display:inline-flex}.video-editor-play-toggle{background:var(--fg-primary);width:34px;height:34px;color:var(--fg-inverse);cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb, var(--fg-primary) 18%, transparent);border:0;border-radius:999px;place-items:center;display:inline-grid}.video-editor-play-toggle:hover{transform:translateY(-1px)}.video-editor-play-toggle:disabled{opacity:.42;cursor:not-allowed;transform:none}.video-editor-zoom{align-items:center;display:inline-flex}.video-editor-zoom input{width:124px;accent-color:var(--accent)}.video-editor-track-scroll{background:color-mix(in srgb, var(--ve-panel-subtle) 78%, transparent);padding:0;transition:background .12s;overflow:auto}.video-editor-track-scroll.source-drag-active{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 6%, transparent), transparent 56px), var(--ve-panel-subtle)}.video-editor-track-scroll.source-drag-over .video-editor-track{border-color:color-mix(in srgb, var(--accent) 48%, var(--border-default));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent)}.video-editor-track{background:linear-gradient(to bottom, color-mix(in srgb, var(--ve-track-bg) 92%, transparent), var(--ve-track-bg)), repeating-linear-gradient(to right, var(--ve-track-line) 0 1px, transparent 1px var(--timeline-second-width,88px)), var(--ve-track-bg);border:1px solid var(--border-subtle);border-top:0;border-radius:0 0 12px 12px;min-width:100%;height:126px;position:relative}.video-editor-track-rows{z-index:1;pointer-events:none;position:absolute;inset:0}.video-editor-track-row{border:0;border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 78%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--bg-elevated) 56%, transparent) 0 132px, transparent 132px), transparent;border-radius:0;height:72px;position:absolute;left:0;right:0}.video-editor-track-row.video{border-bottom-color:color-mix(in srgb, #22d3ee 20%, var(--border-subtle))}.video-editor-track-row.image{border-bottom-color:color-mix(in srgb, var(--accent) 20%, var(--border-subtle))}.video-editor-track-row.audio{border-bottom-color:color-mix(in srgb, #34d399 20%, var(--border-subtle))}.video-editor-track-row:after{content:"";background:color-mix(in srgb, var(--border-subtle) 66%, transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:132px}.video-editor-track-row-label{z-index:2;border:1px solid var(--border-subtle);background:var(--glass-bg);height:24px;color:var(--fg-secondary);font-size:11px;font-weight:var(--fw-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:5px;padding:0 8px;line-height:22px;display:inline-flex;position:absolute;top:10px;left:12px}.video-editor-track-row-controls{z-index:3;pointer-events:auto;align-items:center;gap:5px;display:inline-flex;position:absolute;bottom:10px;left:12px}.video-editor-track-row-controls button{border:1px solid color-mix(in srgb, var(--border-subtle) 86%, transparent);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);width:24px;height:24px;color:var(--fg-secondary);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:inline-grid}.video-editor-track-row-controls button:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-default));background:var(--ve-control-hover);color:var(--fg-primary)}.video-editor-track.density-frame{background:linear-gradient(to bottom, color-mix(in srgb, var(--ve-track-bg) 90%, transparent), var(--ve-track-bg)), repeating-linear-gradient(to right, color-mix(in srgb, var(--ve-track-line) 70%, transparent) 0 1px, transparent 1px var(--timeline-frame-width,12px)), var(--ve-track-bg)}.video-editor-track:before{content:"";z-index:0;border-bottom:1px solid color-mix(in srgb, var(--ve-track-major) 28%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--fg-primary) 4%, transparent), transparent), color-mix(in srgb, var(--ve-track-bg) 86%, var(--bg-elevated));pointer-events:none;height:34px;position:absolute;top:0;left:0;right:0}.video-editor-track-label{z-index:3;border:1px solid var(--border-subtle);background:var(--glass-bg);height:24px;color:var(--fg-secondary);font-size:11px;font-weight:var(--fw-medium);pointer-events:none;border-radius:999px;padding:0 8px;line-height:22px;position:absolute;top:54px;left:12px}.video-editor-track-controls{z-index:4;color:var(--fg-secondary);opacity:.8;pointer-events:none;gap:8px;display:grid;position:absolute;top:53px;left:8px;transform:translate(-34px)}.video-editor-ruler-marks{z-index:1;pointer-events:none;height:36px;position:absolute;top:0;left:0;right:0}.video-editor-ruler-marks span{background:color-mix(in srgb, var(--ve-track-major) 34%, transparent);color:#0000;width:1px;height:8px;font-size:11px;font-weight:var(--fw-regular);white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:5px;line-height:1;position:absolute;top:8px;transform:translate(-.5px)}.video-editor-track.density-frame .video-editor-ruler-marks span.minor{background:color-mix(in srgb, var(--ve-track-major) 28%, transparent);height:6px;top:12px}.video-editor-ruler-marks span.medium{background:color-mix(in srgb, var(--ve-track-major) 48%, transparent);height:11px}.video-editor-track.density-frame .video-editor-ruler-marks span.medium{background:color-mix(in srgb, var(--ve-track-major) 52%, transparent);height:13px;top:9px}.video-editor-ruler-marks span.major{background:color-mix(in srgb, var(--ve-track-major) 78%, transparent);height:18px;color:var(--fg-secondary);top:5px}.video-editor-ruler-marks span.major:after{content:"";background:color-mix(in srgb, var(--ve-track-major) 54%, transparent);border-radius:999px;width:5px;height:1px;position:absolute;top:0;left:-2px}[data-theme=dark] .video-editor-ruler-marks span.major{color:color-mix(in srgb, var(--fg-secondary) 86%, white 14%)}.video-editor-playhead{z-index:6;background:var(--ve-playhead);cursor:ew-resize;pointer-events:auto;width:1px;position:absolute;top:0;bottom:0}.video-editor-playhead .playhead-grip{background:var(--ve-playhead);clip-path:polygon(50% 100%,0 0,100% 0);width:11px;height:11px;position:absolute;top:-1px;left:-5px}.video-editor-playhead .playhead-time{border:1px solid color-mix(in srgb, var(--ve-playhead) 34%, transparent);background:var(--glass-bg);width:auto;height:20px;color:var(--ve-playhead);white-space:nowrap;clip-path:none;opacity:0;pointer-events:none;border-radius:4px;padding:0 6px;font-size:10px;line-height:20px;transition:opacity .1s,transform .1s;position:absolute;top:10px;left:7px;transform:translateY(-2px)}.video-editor-playhead.playing{box-shadow:0 0 10px color-mix(in srgb, var(--ve-playhead) 72%, transparent)}.video-editor-playhead:hover .playhead-time,.video-editor-playhead .playhead-time.visible{opacity:1;transform:translateY(0)}.video-editor-snap-line{z-index:5;background:var(--ve-snap);width:1px;box-shadow:0 0 12px color-mix(in srgb, var(--ve-snap) 72%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.video-editor-clip-ghost{z-index:2;border:1px dashed color-mix(in srgb, var(--accent) 72%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;border-radius:6px;height:72px;position:absolute;top:42px}.video-editor-clip-ghost.source-insert{border-style:solid;border-color:color-mix(in srgb, var(--ve-playhead) 78%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--ve-playhead) 16%, transparent), color-mix(in srgb, var(--accent) 9%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ve-playhead) 18%, transparent)}.video-editor-clip-ghost.snapped{border-color:var(--ve-snap);background:color-mix(in srgb, var(--ve-snap) 10%, transparent)}.video-editor-insertion-marker{z-index:7;background:var(--ve-playhead);width:2px;box-shadow:0 0 10px color-mix(in srgb, var(--ve-playhead) 62%, transparent);pointer-events:none;position:absolute;top:32px;bottom:6px}.video-editor-insertion-marker span{background:var(--ve-playhead);border-radius:2px 2px 0 0;width:10px;height:7px;position:absolute;top:-4px;left:-4px}.video-editor-time-tooltip{z-index:8;border:1px solid var(--border-default);background:var(--glass-bg);max-width:260px;height:20px;color:var(--fg-primary);white-space:nowrap;pointer-events:none;border-radius:4px;padding:0 7px;font-size:10px;line-height:18px;position:absolute;top:26px;transform:translate(-50%)}.video-editor-time-tooltip.move,.video-editor-time-tooltip.source-insert{border-color:color-mix(in srgb, var(--ve-playhead) 56%, transparent);color:var(--ve-playhead)}.video-editor-clip{border:1px solid var(--ve-clip-border);background:var(--ve-clip-bg);height:72px;color:var(--ve-clip-text);cursor:grab;isolation:isolate;border-radius:10px;padding:0;transition:border-color .1s,box-shadow .1s,opacity .1s,transform .1s;display:block;position:absolute;top:42px;overflow:hidden}.video-editor-clip:hover{border-color:color-mix(in srgb, var(--accent) 76%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent), 0 8px 18px color-mix(in srgb, var(--accent) 8%, transparent)}.video-editor-clip.dragging{opacity:.46;cursor:grabbing;transform:translateY(-2px)}.video-editor-clip.trimming{opacity:1;cursor:ew-resize}.video-editor-clip.selected{border-color:color-mix(in srgb, var(--ve-focus) 78%, white 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--ve-focus) 26%, transparent), inset 0 0 0 1px #ffffff6b, 0 10px 22px color-mix(in srgb, var(--ve-focus) 12%, transparent)}.video-editor-clip.selected:before{content:"";z-index:3;border:1px solid color-mix(in srgb, white 54%, var(--ve-focus) 46%);pointer-events:none;border-radius:6px;position:absolute;inset:2px}.video-editor-clip .clip-media{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.video-editor-clip .clip-filmstrip{grid-template-columns:repeat(var(--clip-frame-count), minmax(0, 1fr));display:grid;position:absolute;inset:0}.video-editor-clip .clip-cover-video{object-fit:cover;filter:saturate(.9)contrast(.94);width:100%;height:100%;display:block;position:absolute;inset:0}.video-editor-clip .clip-frame{object-fit:cover;filter:saturate(.9)contrast(.94);background-position:50%;background-repeat:no-repeat;background-size:cover;border-right:1px solid #ffffff38;width:100%;height:100%;display:block}.video-editor-track.density-fine .video-editor-clip .clip-frame,.video-editor-track.density-frame .video-editor-clip .clip-frame{filter:saturate(.98)contrast();border-right-color:#ffffff47}.video-editor-clip .clip-frame:last-child{border-right:0}.video-editor-clip .clip-media.video{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 38%, transparent), color-mix(in srgb, var(--ve-snap) 22%, transparent)), var(--bg-surface)}.video-editor-clip .clip-media.image{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 34%, transparent), #ffffff14), var(--bg-surface)}.video-editor-clip .clip-media.audio{background:linear-gradient(135deg, #34d39947, #22c55e1f), var(--bg-surface);place-items:center;display:grid}.video-editor-clip .clip-audio-bars{opacity:.82;grid-template-columns:repeat(28,minmax(2px,1fr));align-items:center;gap:2px;width:100%;height:100%;padding:12px 14px;display:grid}.video-editor-clip .clip-audio-bars i{height:calc(54px * var(--bar-scale,.5));background:#d1fae5c2;border-radius:999px;display:block}.video-editor-clip:after{content:"";z-index:1;background:var(--ve-clip-overlay);pointer-events:none;position:absolute;inset:0}.video-editor-clip .clip-accent{z-index:3;background:color-mix(in srgb, var(--accent) 72%, transparent);pointer-events:none;height:7px;position:absolute;bottom:0;left:0;right:0}.video-editor-clip .clip-accent.video{background:color-mix(in srgb, var(--ve-snap) 74%, #0f766e)}.video-editor-clip .clip-accent.audio{background:#2cbf90}.video-editor-clip .clip-content{z-index:2;text-align:left;pointer-events:none;flex-direction:column;justify-content:space-between;min-width:0;display:flex;position:absolute;inset:8px 16px 13px}.video-editor-clip .clip-name{white-space:nowrap;text-overflow:ellipsis;width:fit-content;max-width:100%;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-shadow:0 1px 3px #00000094;background:#0f172a85;border-radius:999px;padding:3px 8px;display:block;overflow:hidden}.video-editor-clip small{color:var(--ve-clip-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.video-editor-clip.short .clip-content{justify-content:center;inset-inline:11px}.video-editor-clip.short small{display:none}.video-editor-clip .clip-handle{z-index:5;cursor:ew-resize;opacity:0;background:0 0;border:0;width:18px;height:100%;transition:opacity .1s,background .1s;position:absolute;top:0;bottom:0}.video-editor-clip .clip-handle.left{left:-1px}.video-editor-clip .clip-handle.right{right:-1px}.video-editor-clip.selected .clip-handle{background:linear-gradient(to right, color-mix(in srgb, var(--ve-focus) 16%, transparent), transparent 70%)}.video-editor-clip.selected .clip-handle.right{background:linear-gradient(to left, color-mix(in srgb, var(--ve-focus) 16%, transparent), transparent 70%)}.video-editor-clip .clip-handle:after{content:"";width:4px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ve-focus) 54%, #0f172a52), 0 2px 8px #0f172a38;background:#ffffffeb;border-radius:999px;position:absolute;top:13px;bottom:13px;left:6px}.video-editor-clip .clip-handle.right:after{left:auto;right:6px}.video-editor-clip:hover .clip-handle,.video-editor-clip.selected .clip-handle,.video-editor-clip.trimming .clip-handle{opacity:1}.video-editor-clip .clip-handle:hover:after,.video-editor-clip.trimming .clip-handle:after{background:color-mix(in srgb, var(--ve-focus) 84%, white 16%)}.video-editor-context-menu{z-index:var(--z-modal-panel);border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:8px;width:132px;position:fixed;overflow:hidden;box-shadow:0 18px 44px #0f172a2e}.video-editor-context-menu button{border:0;border-bottom:1px solid var(--border-subtle);width:100%;height:32px;color:var(--fg-primary);text-align:left;cursor:pointer;font-size:var(--fs-xs);background:0 0;padding:0 10px;display:block}.video-editor-context-menu button:hover{background:var(--ve-control-hover)}.video-editor-context-menu button.danger{color:var(--error)}@media (width<=900px){.video-editor-shell{border-radius:0;width:100vw;height:100vh}.video-editor-main{grid-template-rows:160px minmax(300px,1fr) 220px;grid-template-columns:1fr}.video-editor-library,.video-editor-inspector{border:0}.video-editor-layout-resizer{display:none}}.canvas-character-node{--character-main-visual-width:240px;--character-main-visual-height:calc(var(--character-main-visual-width) * 4 / 3);min-width:620px;max-width:none;overflow:visible}.canvas-character-node.has-three-view-slot{min-width:1240px}.canvas-character-node .character-card{border:1px solid color-mix(in srgb, var(--border-default) 72%, transparent);border-radius:var(--canvas-panel-radius);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);width:100%;min-height:310px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;grid-template-columns:minmax(0,1.18fr) 220px;gap:14px;padding:12px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.canvas-character-node.has-three-view-slot .character-card{grid-template-columns:minmax(320px,.86fr) minmax(0,836px)}.canvas-character-node .character-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.canvas-flow-shell .react-flow__node:hover .canvas-character-node .character-card,.canvas-flow-shell .react-flow__node.selected .canvas-character-node .character-card{border-color:color-mix(in srgb, var(--accent) 72%, var(--border-default));background:color-mix(in srgb, var(--bg-elevated) 96%, var(--accent) 4%);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent)}.canvas-flow-shell .react-flow__node:hover .canvas-character-node.inner-slot-active .character-card,.canvas-flow-shell .react-flow__node.selected .canvas-character-node.inner-slot-active .character-card{border-color:color-mix(in srgb, var(--border-default) 44%, transparent);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);box-shadow:none}.character-copy-panel,.character-visual-panel{min-width:0}.character-copy-panel{flex-direction:column;gap:9px;display:flex}.character-heading-row{justify-content:flex-start;align-items:center;gap:10px;display:flex}.character-node-kicker{color:var(--fg-tertiary);font-size:11px;font-weight:var(--fw-bold);letter-spacing:0}.character-status-pill{border:1px solid var(--border-default);background:var(--bg-elevated);min-height:26px;color:var(--fg-secondary);font-size:12px;font-weight:var(--fw-bold);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.character-status-processing{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-default));color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--bg-elevated))}.character-status-verified{border-color:color-mix(in srgb, var(--success) 35%, var(--border-default));color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--bg-elevated))}.character-status-failed{border-color:color-mix(in srgb, var(--danger) 35%, var(--border-default));color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, var(--bg-elevated))}.character-inline-display{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:text;background:0 0;border:1px solid #0000;border-radius:10px;gap:4px;padding:7px 8px;display:grid}.character-inline-display:hover,.character-inline-display:focus-visible{border-color:var(--border-default);background:var(--bg-elevated);outline:none}.character-inline-display span,.character-inline-editor>span{color:var(--fg-tertiary);font-size:11px;font-weight:var(--fw-bold)}.character-inline-display strong{min-width:0;color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.character-name-field strong{-webkit-line-clamp:1;font-size:20px;font-weight:750;line-height:1.2}.character-description-field strong,.character-voice-field strong{min-height:40px}.character-inline-display strong.is-placeholder{color:var(--fg-tertiary);font-weight:var(--fw-medium)}.character-inline-editor{border:1px solid var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent);border-radius:10px;gap:6px;padding:7px 8px;display:grid}.character-inline-editor input,.character-inline-editor textarea{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;color:var(--fg-primary);font:inherit;resize:vertical;border-radius:8px;padding:8px 9px;line-height:1.45}.character-inline-editor input:focus,.character-inline-editor textarea:focus{border-color:var(--accent);outline:none}.character-inline-actions{justify-content:flex-end;gap:6px;display:flex}.character-inline-actions button{border:1px solid var(--border-default);background:var(--bg-surface);min-height:28px;color:var(--fg-secondary);font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;border-radius:8px;padding:5px 10px}.character-inline-actions button.primary{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--accent)}.character-voice-row{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.character-voice-row .character-audio-preview.compact{width:min(180px,100%);height:32px}.character-voice-slot-wrap{min-width:0;position:relative}.character-voice-slot{border:1px dashed var(--border-default);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 52%), var(--bg-surface);min-height:84px;color:var(--fg-secondary);cursor:pointer;border-radius:12px;place-items:center;padding:12px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;overflow:visible}.character-voice-slot:hover,.character-voice-slot:focus-visible,.character-voice-slot.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.character-voice-slot.has-audio{border-style:solid}.character-voice-placeholder{text-align:center;place-items:center;gap:5px;display:grid}.character-voice-placeholder .svg-icon{color:var(--accent)}.character-voice-placeholder strong{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.character-voice-placeholder span{color:var(--fg-tertiary);font-size:var(--fs-xs)}.character-voice-player{gap:10px;width:100%;display:grid}.character-voice-player-title{align-items:center;gap:8px;min-width:0;display:flex}.character-voice-player-title .svg-icon{color:var(--accent)}.character-voice-player-title div{min-width:0;display:grid}.character-voice-player-title strong{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.character-voice-player-title span{color:var(--fg-tertiary);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-voice-toolbar{z-index:36;border:1px solid color-mix(in srgb, var(--border-default) 82%, transparent);background:var(--bg-elevated);opacity:0;pointer-events:none;white-space:nowrap;border-radius:14px;padding:7px 8px;transition:opacity .15s,transform .15s;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 14px 38px #141c2e2e}.character-voice-toolbar:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.character-voice-slot:hover .character-voice-toolbar,.character-voice-slot:focus-within .character-voice-toolbar,.character-voice-toolbar:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.character-voice-toolbar button{min-height:32px;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.character-voice-toolbar button:hover,.character-voice-toolbar button:focus-visible{background:var(--bg-hover);color:var(--accent);outline:none}.character-voice-upload-status{z-index:8;border-radius:inherit;background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;gap:8px;padding:14px;display:grid;position:absolute;inset:0}.character-visual-panel{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:12px;min-height:0;display:grid}.canvas-character-node.has-three-view-slot .character-visual-panel{grid-template-columns:var(--character-main-visual-width) minmax(568px, 1fr);align-items:start}.character-main-visual-stack{align-content:start;gap:12px;width:100%;min-width:0;display:grid}.character-visual-card{border:1px dashed var(--border-default);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 52%), var(--bg-surface);width:100%;min-height:0;color:var(--fg-secondary);font:inherit;cursor:pointer;border-radius:13px;place-items:center;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:visible}.character-main-visual-card{aspect-ratio:3/4}.character-three-view-card{aspect-ratio:16/9}.canvas-character-node.has-three-view-slot .character-main-visual-card{height:var(--character-main-visual-height)}.canvas-character-node.has-three-view-slot .character-three-view-card{height:var(--character-main-visual-height);width:min(100%, calc(var(--character-main-visual-height) * 16 / 9));justify-self:start}.character-visual-card:hover,.character-visual-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent);outline:none}.character-visual-card:disabled,.character-visual-card.is-disabled{cursor:not-allowed;opacity:.55}.character-visual-card.is-disabled:hover,.character-visual-card.is-disabled:focus-visible{border-color:var(--border-default);box-shadow:none}.character-visual-card.has-image{border-style:solid}.character-visual-card.is-generating>img{filter:saturate(.82)brightness(.72)}.character-visual-card>img{z-index:1;border-radius:inherit;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.character-visual-badge,.character-visual-state{z-index:2;color:#fff;min-height:24px;font-size:11px;font-weight:var(--fw-bold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0eb8;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:4px 8px;display:inline-flex;position:absolute;left:10px}.character-visual-badge{top:10px}.character-slot-certification-badge{z-index:5;color:#fff;max-width:calc(100% - 92px);min-height:24px;font-size:11px;font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121826c7;border:1px solid #fff3;border-radius:999px;align-items:center;padding:4px 8px;line-height:1;display:inline-flex;position:absolute;top:10px;right:10px;overflow:hidden;box-shadow:0 8px 20px #0f172a29}.character-slot-certification-verified{background:#047857db;border-color:#10b98161}.character-slot-certification-processing{background:#4338cad6;border-color:#6366f161}.character-slot-certification-failed{background:#b91c1cdb;border-color:#f871716b}.character-slot-certification-unverified{background:#475569d1;border-color:#94a3b866}.character-visual-state{color:color-mix(in srgb, var(--accent) 78%, white 22%);bottom:10px}.character-visual-action-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.character-visual-toolbar{pointer-events:auto;top:10px;left:auto;right:10px;transform:none}.character-visual-card:hover .character-visual-toolbar,.character-visual-card:focus-within .character-visual-toolbar,.character-visual-action-layer:focus-within .character-visual-toolbar{opacity:1;pointer-events:auto;transform:none}.character-visual-card:hover .image-action-toolbar,.character-visual-card:focus-within .image-action-toolbar,.character-visual-card .image-action-layer:focus-within .image-action-toolbar{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.character-visual-card .image-action-toolbar{z-index:36;border-color:color-mix(in srgb, var(--border-default) 82%, transparent);background:var(--bg-elevated);white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;gap:2px;max-width:none;padding:7px 8px;top:auto;bottom:calc(100% + 10px);transform:translate(-50%)translateY(6px);box-shadow:0 14px 38px #141c2e2e}.character-visual-card .image-action-toolbar:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.character-visual-card .image-action-toolbar button{width:auto;height:32px;color:var(--fg-primary);border-radius:8px;gap:6px;padding:0 10px;display:inline-flex}.character-visual-card .image-action-toolbar button span{font-size:var(--fs-sm);font-weight:var(--fw-medium);display:inline}.character-visual-card .image-action-toolbar button:before{display:none}.character-visual-card .image-action-toolbar button:hover,.character-visual-card .image-action-toolbar button:focus-visible{background:var(--bg-hover);color:var(--accent)}.character-visual-generation-status{z-index:5;color:#fff;text-align:center;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#ffffff0f,#0000 42%),#080a0e94;align-content:center;place-items:center;gap:7px;padding:18px;display:grid;position:absolute;inset:0}.character-visual-generation-status .svg-icon{color:var(--accent);animation:.9s linear infinite character-visual-spin}.character-visual-generation-status strong{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.character-visual-generation-status span{color:#ffffffb8;font-size:var(--fs-xs)}.character-visual-upload-status{z-index:8}@keyframes character-visual-spin{to{transform:rotate(360deg)}}.character-visual-placeholder{text-align:center;place-items:center;gap:5px;padding:12px;display:grid}.character-visual-placeholder .svg-icon{color:var(--accent)}.character-visual-placeholder strong{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.character-visual-placeholder span{color:var(--fg-tertiary);font-size:var(--fs-xs)}.character-actions{grid-template-columns:minmax(0,1fr);gap:7px;margin-top:auto;display:grid}.character-actions .character-asset-btn{white-space:nowrap;min-width:0;min-height:34px;padding:7px 8px}.character-node-error{grid-column:1/-1;margin:-2px 0 0}.canvas-character-node .character-certification{padding:7px 8px}.canvas-character-node .character-voice-popover{z-index:120;border:1px solid color-mix(in srgb, var(--border-default) 84%, transparent);background:color-mix(in srgb, var(--bg-elevated) 94%, #111 6%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;width:min(360px,100vw - 48px);padding:14px;top:calc(100% + 10px);bottom:auto;left:0;box-shadow:0 18px 48px #00000047}.canvas-character-node .character-voice-popover .character-field select,.canvas-character-node .character-voice-popover .character-field textarea{background:var(--bg-surface);border-color:var(--border-default)}.canvas-character-node.is-compact{--character-main-visual-width:210px;--character-main-visual-height:280px;width:220px;min-width:220px;max-width:220px}.canvas-character-node.is-compact .node-header{min-height:20px;padding:0 4px;bottom:calc(100% + 4px)}.canvas-character-node.is-compact .character-card.character-card-compact{border-color:color-mix(in srgb, var(--border-default) 72%, transparent);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);min-height:0;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding:4px;display:grid;overflow:hidden}.character-compact-cover{aspect-ratio:3/4;background:var(--bg-surface);width:100%;height:auto;color:var(--fg-tertiary);border:0;border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.character-compact-cover img{object-fit:cover;width:100%;height:100%}.character-compact-info{text-align:left;justify-items:start;gap:4px;min-width:0;padding:8px 6px 7px;display:grid}.character-compact-info strong{width:100%;color:var(--fg-primary);font-size:14px;font-weight:var(--fw-regular);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.character-compact-info .character-status-pill{max-width:100%;min-height:14px;color:var(--fg-tertiary);font-size:12px;font-weight:var(--fw-regular);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:flex-start;padding:0;line-height:1.15;overflow:hidden}.character-compact-info .character-status-processing{color:var(--accent)}.character-compact-info .character-status-verified{color:var(--success)}.character-compact-info .character-status-failed{color:var(--danger)}.character-compact-expand{z-index:3;color:#ffffffe6;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e121cad;border:1px solid #ffffff2e;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .16s,border-color .16s,color .16s;display:inline-flex;position:absolute;top:8px;right:8px}.character-card-compact:hover .character-compact-expand,.character-card-compact:focus-within .character-compact-expand{opacity:1}.character-compact-expand:hover,.character-compact-expand:focus-visible{color:#fff;background:#0e121cdb;border-color:#ffffff52;outline:none}.character-detail-backdrop{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a1075;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.character-detail-dialog{border:1px solid color-mix(in srgb, var(--border-default) 86%, transparent);background:var(--bg-elevated);border-radius:18px;grid-template-rows:auto minmax(0,1fr);width:min(1040px,100vw - 64px);max-height:min(760px,100vh - 64px);display:grid;overflow:hidden;box-shadow:0 28px 80px #00000052}.scene-detail-dialog{width:min(560px,100vw - 64px)}.character-detail-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.character-detail-header>div{gap:4px;min-width:0;display:grid}.character-detail-header span{color:var(--fg-tertiary);font-size:12px;font-weight:var(--fw-bold)}.character-detail-header strong{color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:750;line-height:1.2;overflow:hidden}.character-detail-header button{border:1px solid var(--border-default);background:var(--bg-surface);width:36px;height:36px;color:var(--fg-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.character-detail-header button:hover,.character-detail-header button:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.character-detail-body{grid-template-columns:360px minmax(0,1fr);gap:18px;min-height:0;padding:18px;display:grid;overflow:auto}.scene-detail-body{grid-template-columns:minmax(0,1fr)}.character-detail-primary-action,.character-detail-secondary-action,.character-detail-actions button,.character-image-item-actions button{border:1px solid var(--border-default);background:var(--bg-surface);min-height:34px;color:var(--fg-primary);font:inherit;font-size:13px;font-weight:var(--fw-bold);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.character-detail-primary-action{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-default));background:color-mix(in srgb, var(--accent) 10%, var(--bg-surface));width:100%;color:var(--accent)}.character-detail-primary-action:disabled,.character-detail-secondary-action:disabled,.character-detail-actions button:disabled,.character-image-item-actions button:disabled{cursor:not-allowed;opacity:.52}.character-detail-primary-action:not(:disabled):hover,.character-detail-secondary-action:not(:disabled):hover,.character-detail-actions button:hover,.character-image-item-actions button:not(:disabled):hover{background:var(--bg-hover)}.character-detail-main{align-content:start;gap:14px;min-width:0;display:grid}.character-detail-info-panel{position:sticky;top:0}.character-detail-image-panel .character-detail-section{min-height:100%}.character-detail-section{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:14px;gap:12px;padding:14px;display:grid}.character-detail-section h3,.character-detail-section-title h3{color:var(--fg-primary);font-size:16px;font-weight:var(--fw-bold);margin:0;line-height:1.3}.character-detail-certification-card{gap:10px;display:grid}.character-detail-certification-card p{color:var(--fg-tertiary);margin:0;font-size:13px;line-height:1.55}.character-detail-certification-card .character-status-pill{justify-self:start}.character-detail-form-grid{gap:10px;display:grid}.character-detail-form-grid label{color:var(--fg-secondary);font-size:13px;font-weight:var(--fw-bold);gap:6px;display:grid}.character-detail-form-grid input,.character-detail-form-grid textarea{border:1px solid var(--border-default);background:var(--bg-elevated);width:100%;color:var(--fg-primary);font:inherit;border-radius:10px;font-size:13px;line-height:1.45}.character-detail-form-grid input{height:36px;padding:0 10px}.character-detail-form-grid textarea{resize:vertical;min-height:86px;padding:9px 10px}.character-detail-form-grid input:focus,.character-detail-form-grid textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.character-name-field{position:relative}.character-name-control{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid;position:relative}.character-name-control>button{border:1px solid var(--border-default);background:var(--bg-elevated);min-width:74px;height:36px;color:var(--fg-primary);font:inherit;font-size:13px;font-weight:var(--fw-bold);cursor:pointer;border-radius:10px}.character-name-control>button:disabled{cursor:not-allowed;opacity:.5}.character-name-control>button:not(:disabled):hover,.character-name-control>button:not(:disabled):focus-visible{background:var(--bg-hover);outline:none}.character-name-selected-tag{border:1px solid var(--border-default);background:var(--bg-elevated);min-width:0;height:36px;color:var(--fg-primary);border-radius:10px;align-items:center;padding:0 6px 0 12px;display:inline-flex}.character-name-selected-tag span{min-width:0;font-size:13px;font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-name-clear-btn{width:24px;height:24px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0;display:inline-flex}.character-name-clear-btn:hover,.character-name-clear-btn:focus-visible{background:var(--bg-hover);color:var(--fg-primary);outline:none}.canvas-scene-node .character-compact-cover{background:linear-gradient(135deg, #70b8ff1f, #b18eff14), var(--bg-elevated)}.scene-status-pill{border-color:color-mix(in srgb, var(--accent) 34%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--fg-secondary)}.character-name-picker{z-index:1;border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:12px;width:min(220px,100%);max-height:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 18px 48px #00000047}.character-name-picker button{text-align:left;justify-content:flex-start;width:100%;min-width:0;padding:0 10px}.character-detail-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.character-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.character-canvas-image-picker{border:1px dashed var(--border-default);background:var(--bg-elevated);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;padding:10px;display:grid}.character-canvas-image-picker button{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-secondary);font:inherit;cursor:pointer;border-radius:10px;gap:6px;padding:6px;font-size:12px;display:grid}.character-canvas-image-picker img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.character-canvas-image-picker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-canvas-image-picker p{color:var(--fg-tertiary);grid-column:1/-1;margin:0;font-size:13px}.character-image-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px;display:grid}.character-image-item{gap:8px;min-width:0;display:grid}.character-image-thumb{aspect-ratio:3/4;border:1px solid var(--border-default);background:var(--bg-elevated);cursor:default;border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}.character-image-thumb img{object-fit:cover;width:100%;height:100%}.character-image-cover-badge,.character-image-cert{z-index:2;color:#fff;max-width:calc(100% - 16px);min-height:22px;font-size:11px;font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d121cc7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:0 8px;display:inline-flex;position:absolute;overflow:hidden}.character-image-cover-badge{top:8px;left:8px}.character-image-cert{bottom:8px;left:8px}.character-image-cert-verified{background:#047857db}.character-image-cert-processing{background:#4338cadb}.character-image-cert-failed{background:#b91c1cdb}.character-image-item-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.character-image-item-actions button{white-space:nowrap;min-width:0;min-height:30px;padding:0 8px;font-size:12px}.character-image-empty{border:1px dashed var(--border-default);min-height:160px;color:var(--fg-tertiary);text-align:center;border-radius:12px;grid-column:1/-1;place-items:center;gap:7px;padding:22px;display:grid}.character-image-empty strong{color:var(--fg-primary);font-size:14px;font-weight:var(--fw-bold)}.character-image-empty span{font-size:13px}.character-voice-asset-card{border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:12px;gap:12px;padding:12px;display:grid;position:relative}.character-voice-asset-player{gap:10px;min-width:0;display:grid}.character-voice-asset-player .character-audio-preview{width:100%}.character-voice-asset-empty{border:1px dashed var(--border-default);min-height:118px;color:var(--fg-tertiary);text-align:center;border-radius:10px;place-items:center;gap:7px;padding:18px;display:grid}.character-voice-asset-empty strong{color:var(--fg-primary);font-size:14px;font-weight:var(--fw-bold)}.character-voice-asset-empty span{font-size:13px}.character-voice-input-box{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:16px;grid-template-rows:minmax(92px,1fr) auto;gap:12px;min-height:156px;padding:14px;display:grid}.character-voice-asset-prompt{color:var(--fg-secondary);font-size:13px;font-weight:var(--fw-bold);align-content:start;gap:8px;display:grid}.character-voice-asset-prompt>span{display:inline}.character-voice-asset-prompt textarea{width:100%;min-height:92px;color:var(--fg-primary);font:inherit;resize:vertical;background:0 0;border:0;padding:0;font-size:13px;line-height:1.45}.character-voice-asset-prompt textarea:focus{outline:none}.character-voice-asset-actions{border-top:1px solid color-mix(in srgb, var(--border-default) 58%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.character-voice-asset-actions .character-detail-secondary-action{flex:auto;min-width:0}.character-detail-secondary-action.danger{border-color:color-mix(in srgb, var(--danger) 38%, var(--border-default));color:var(--danger)}.character-detail-secondary-action.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, var(--bg-hover))}.character-voice-canvas-picker-wrap{flex:auto;min-width:156px;position:relative}.character-voice-canvas-picker-wrap>.character-detail-secondary-action{width:100%}.character-voice-canvas-picker{z-index:12;border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:12px;gap:6px;max-height:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 48px #0000003d}.character-voice-canvas-picker button{width:100%;min-height:34px;color:var(--fg-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.character-voice-canvas-picker button:hover,.character-voice-canvas-picker button:focus-visible{border-color:var(--border-default);background:var(--bg-hover);outline:none}.character-voice-canvas-picker button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.character-voice-canvas-picker p{color:var(--fg-tertiary);margin:0;padding:8px;font-size:13px}.character-voice-generate-credit,.character-voice-asset-actions .processor-voice-generate-control,.character-voice-asset-actions .processor-voice-generate-control.is-listening{flex:none}.character-voice-asset-upload-status{border-radius:12px}.character-detail-dialog .character-voice-slot{background:var(--bg-elevated);min-height:96px}.character-detail-dialog .character-voice-popover{z-index:var(--z-modal-panel);top:calc(100% + 10px);left:0}@media (width<=760px){.character-detail-backdrop{padding:16px}.character-detail-dialog{width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.character-detail-body{grid-template-columns:1fr}.character-detail-info-panel{position:static}}:root{--canvas-tooltip-bg:#1a1b1ef5;--canvas-tooltip-fg:#ffffffeb;--canvas-tooltip-border:#ffffff1c;--canvas-tooltip-shadow:0 12px 28px #00000057}.sidebar-logo-button[data-tooltip]:after,.sidebar-button[data-tooltip]:after,.image-action-toolbar button:before,.inline-annotation-toolbar button:before,.inline-inpaint-toolbar button:before,.canvas-zoom-shortcut-tooltip{border:1px solid var(--canvas-tooltip-border);background:var(--canvas-tooltip-bg);box-shadow:var(--canvas-tooltip-shadow);color:var(--canvas-tooltip-fg);font-weight:var(--fw-medium);border-radius:8px}.sidebar-logo-button[data-tooltip]:after,.sidebar-button[data-tooltip]:after,.image-action-toolbar button:before,.inline-annotation-toolbar button:before,.inline-inpaint-toolbar button:before{padding:6px 10px}.canvas-zoom-shortcut-tooltip{min-height:0;padding:6px 10px}.canvas-zoom-shortcut-tooltip:after{display:none}.canvas-toolbar-tip,.sidebar-logo-button[data-tooltip]:after,.sidebar-button[data-tooltip]:after,.image-action-toolbar button:before,.inline-annotation-toolbar button:before,.inline-inpaint-toolbar button:before,.canvas-zoom-shortcut-tooltip,.node-hover-toolbar-tooltip,.text-format-toolbar-tooltip{border:1px solid var(--canvas-tooltip-border)!important;background:var(--canvas-tooltip-bg)!important;color:var(--canvas-tooltip-fg)!important;box-shadow:var(--canvas-tooltip-shadow)!important}.sidebar-logo-button[data-tooltip]:before,.sidebar-button[data-tooltip]:before{border-color:var(--canvas-tooltip-border)!important;background:var(--canvas-tooltip-bg)!important}.sidebar-button[data-tooltip]:after,.sidebar-logo-button[data-tooltip]:after{color:var(--canvas-tooltip-fg)!important}.canvas-material-drawer:not(.canvas-role-library){background:linear-gradient(#ffffff09,#fff0),#171719;border-color:#2e2e34;border-radius:24px;width:min(400px,100vw - 44px);top:12px;bottom:18px;left:16px;box-shadow:0 24px 72px #0000006b}.canvas-material-drawer:not(.canvas-role-library).with-groups{grid-template-rows:auto auto auto minmax(0,1fr)}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-drawer-header{border-bottom-color:#2b2b31;min-height:56px;padding:0 14px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-drawer-header h2{color:#f3f3f5;font-size:16px;font-weight:var(--fw-semibold);letter-spacing:-.02em}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-drawer-actions{gap:12px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-drawer-actions .icon-button{color:#a9a9b3;border-radius:8px;width:28px;height:28px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-drawer-actions .icon-button:hover,.canvas-material-drawer:not(.canvas-role-library) .canvas-material-drawer-actions .icon-button:focus-visible{color:#f7f7f8;background:#303035}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-tabs{background:#2a2a2e;border:1px solid #3a3a40;border-radius:14px;gap:2px;margin:10px 12px 8px;padding:4px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-tabs button{color:#b0b0b8;height:28px;font-size:12px;font-weight:var(--fw-semibold);border-radius:10px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-tabs button.active{color:#f3f3f5;background:#696970}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-search{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px 10px;display:grid}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-search>.svg-icon{color:#777782}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-search input{background:#101012;border-color:#36363d;border-radius:10px;min-width:0;height:34px;padding:0 10px;font-size:12px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-search input::placeholder{color:#777782}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-search input:focus{border-color:#b9a5ff;box-shadow:0 0 0 3px #b9a5ff1f}.canvas-material-upload-button{color:#1a1a1d;cursor:pointer;min-width:54px;height:34px;font:inherit;background:#f3f3f5;border:0;border-radius:10px;padding:0 12px;font-size:12px;font-weight:700;transition:transform .16s,background .16s}.canvas-material-upload-button:hover,.canvas-material-upload-button:focus-visible{background:#fff;outline:none;transform:translateY(-1px)}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-groups{border-bottom:1px solid #242429;gap:6px;padding:0 12px 10px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-group{color:#888892;border-radius:9px;height:28px;padding:0 10px;font-size:11px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-group strong{color:#777782;font-weight:500}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-group:hover,.canvas-material-drawer:not(.canvas-role-library) .canvas-material-group.active{color:#f4f4f6;background:#303034}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-group.active strong{color:#9d9da8}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-list{gap:12px;padding:12px 12px 18px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-card{background:#222226;border-color:#2b2b30;border-radius:10px;grid-template-rows:132px auto}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-card:hover{border-color:#777185;box-shadow:0 10px 26px #0003}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-preview{background:#111114;height:132px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-card-info{background:#27272b;min-height:60px;padding:8px 10px 10px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-title{color:#f0f0f2;font-size:12px;font-weight:var(--fw-semibold);letter-spacing:-.01em;padding-right:24px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-card-info p{color:#898991;margin-top:3px;font-size:10px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-favorite{color:#73737d;width:26px;height:26px;bottom:9px;right:8px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-favorite:hover,.canvas-material-drawer:not(.canvas-role-library) .canvas-material-favorite:focus-visible{color:#c5b9ff;background:#36363c}@media (width<=760px){.canvas-material-drawer:not(.canvas-role-library){width:auto;inset:12px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-card{grid-template-rows:180px auto}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-preview{height:180px}}.canvas-toolbar-wrap .keyboard-shortcuts-dialog{z-index:var(--z-canvas-chrome-menu);transform-origin:0 100%;background:#202023;border:1px solid #3e3e46;border-radius:18px;width:min(410px,100vw - 92px);max-height:min(500px,100vh - 28px);animation:.16s cubic-bezier(.22,1,.36,1) both keyboard-shortcuts-pop-in;display:grid;position:absolute;bottom:0;left:calc(100% + 10px);overflow:hidden auto;box-shadow:0 20px 48px #0000006b}@keyframes keyboard-shortcuts-pop-in{0%{opacity:0;transform:translate(-5px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.canvas-toolbar-wrap .keyboard-shortcuts-header{border-bottom-color:#35353b;min-height:56px;margin:0 16px}.canvas-toolbar-wrap .keyboard-shortcuts-header h2{letter-spacing:-.025em;font-size:16px}.canvas-toolbar-wrap .keyboard-shortcuts-header .icon-button{color:#a9a9b2;width:28px;height:28px}.canvas-toolbar-wrap .keyboard-shortcuts-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px 22px;padding:20px 16px 18px}.canvas-template-runner-drawer{z-index:var(--z-canvas-chrome-panel);border-color:var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 96%, #171719);border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:min(94vw,1560px);height:min(82vh,760px);position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 28px 90px #0000007a}.canvas-template-runner-header{border-bottom-color:var(--border-default);grid-template-columns:minmax(0,1fr) auto auto;min-height:88px;padding:0 32px}.canvas-template-library-tabs,.canvas-template-library-categories{align-items:center;gap:8px;display:flex}.canvas-template-library-tabs button,.canvas-template-library-categories button{color:var(--fg-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:10px 16px;font-size:16px}.canvas-template-library-tabs button.active,.canvas-template-library-categories button.active,.canvas-template-library-tabs button:hover,.canvas-template-library-categories button:hover{background:var(--bg-hover);color:var(--fg-primary)}.canvas-template-library-search{background:var(--bg-hover);width:216px;height:40px;color:var(--fg-tertiary);border-radius:11px;align-items:center;gap:9px;padding:0 14px;display:flex}.canvas-template-library-search input{width:100%;color:var(--fg-primary);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.canvas-template-library-body{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.canvas-template-library-categories{gap:12px;padding:22px 32px 12px;overflow-x:auto}.canvas-template-library-categories button{white-space:nowrap;font-size:15px}.canvas-template-runner-drawer .canvas-template-runner-list{grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:28px;padding:14px 28px 30px;display:grid;overflow-y:auto}.canvas-template-library-card{min-width:0;color:var(--fg-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:12px;padding:0;display:grid}.canvas-template-library-thumb{aspect-ratio:var(--content-cover-ratio);border:1px solid var(--border-default);color:var(--fg-tertiary);background:linear-gradient(145deg,#35302d,#161618 72%);border-radius:12px;place-items:center;transition:border-color .16s,transform .16s;display:grid;overflow:hidden}.canvas-template-library-thumb img{object-fit:cover;width:100%;height:100%}.canvas-template-library-card:hover .canvas-template-library-thumb,.canvas-template-library-card:focus-visible .canvas-template-library-thumb{border-color:var(--accent);transform:translateY(-2px)}.canvas-template-library-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}@media (width<=1100px){.canvas-template-runner-drawer .canvas-template-runner-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=760px){.canvas-template-runner-drawer{width:calc(100vw - 28px);height:calc(100vh - 28px)}.canvas-template-runner-header{grid-template-columns:minmax(0,1fr) auto;padding:0 16px}.canvas-template-library-search{grid-area:2/1/auto/-1;width:auto;margin-bottom:10px}.canvas-template-runner-header{min-height:136px}.canvas-template-library-tabs button{padding:8px 9px;font-size:13px}.canvas-template-runner-drawer .canvas-template-runner-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:10px 16px 20px}}.canvas-toolbar-wrap .keyboard-shortcuts-group h3{color:#c5c5cc;letter-spacing:.02em;text-transform:uppercase;margin-bottom:9px;font-size:12px}.canvas-toolbar-wrap .keyboard-shortcuts-list{gap:7px}.canvas-toolbar-wrap .keyboard-shortcut-row{color:#a8a8b1;gap:8px;min-height:26px}.canvas-toolbar-wrap .keyboard-shortcut-label{gap:7px;font-size:12px}.canvas-toolbar-wrap .keyboard-shortcut-label .svg-icon{color:#9f9fa9}.canvas-toolbar-wrap .shortcut-keys{gap:3px}.canvas-toolbar-wrap .shortcut-keys kbd{color:#bdbdc5;background:#29292d;border-color:#414149;border-radius:7px;min-width:24px;height:24px;padding:0 6px;font-size:11px}.canvas-toolbar-wrap .shortcut-or{font-size:10px}.canvas-toolbar-wrap .keyboard-shortcuts-timeline,.canvas-toolbar-wrap .keyboard-shortcuts-agent{grid-column:2}@media (width<=620px){.canvas-toolbar-wrap .keyboard-shortcuts-dialog{width:min(340px,100vw - 78px);left:calc(100% + 8px)}.canvas-toolbar-wrap .keyboard-shortcuts-grid{grid-template-columns:1fr;gap:18px}.canvas-toolbar-wrap .keyboard-shortcuts-timeline,.canvas-toolbar-wrap .keyboard-shortcuts-agent{grid-column:auto}}.canvas-material-drawer,.canvas-toolbar-wrap .keyboard-shortcuts-dialog{border-color:var(--glass-border);border-radius:var(--canvas-panel-radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 52px #0000003d}.canvas-material-drawer-header,.canvas-toolbar-wrap .keyboard-shortcuts-header{border-bottom-color:var(--border-default)}.canvas-material-drawer-header h2,.canvas-toolbar-wrap .keyboard-shortcuts-header h2{color:var(--fg-primary);font-weight:var(--fw-semibold)}.canvas-material-drawer .icon-button,.canvas-toolbar-wrap .keyboard-shortcuts-header .icon-button{color:var(--fg-secondary)}.canvas-material-drawer .icon-button:hover,.canvas-material-drawer .icon-button:focus-visible,.canvas-toolbar-wrap .keyboard-shortcuts-header .icon-button:hover,.canvas-toolbar-wrap .keyboard-shortcuts-header .icon-button:focus-visible{background:var(--bg-hover);color:var(--fg-primary)}.canvas-material-tabs button,.canvas-material-group,.canvas-role-library-categories button{color:var(--fg-secondary)}.canvas-material-tabs button.active,.canvas-material-group.active,.canvas-material-group:hover,.canvas-role-library-categories button.active,.canvas-role-library-categories button:hover{background:var(--bg-hover);color:var(--fg-primary)}.canvas-material-search input,.canvas-role-library .canvas-material-search input{border-color:var(--border-default);background:color-mix(in srgb, var(--bg-app) 62%, var(--glass-bg));color:var(--fg-primary)}.canvas-material-search input:focus,.canvas-role-library .canvas-material-search input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.canvas-material-card{border-color:var(--border-default);border-radius:var(--canvas-panel-radius);background:var(--bg-elevated)}.canvas-material-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-default));box-shadow:0 10px 28px #0000002e}.canvas-material-card-info{background:color-mix(in srgb, var(--bg-elevated) 88%, var(--bg-hover))}.canvas-material-title{color:var(--fg-primary)}.canvas-material-card-info p,.canvas-material-drawer .canvas-material-empty{color:var(--fg-tertiary)}.canvas-role-card-actions button{border-color:var(--border-default);background:color-mix(in srgb, var(--bg-hover) 86%, transparent);color:var(--fg-primary);border-radius:10px;box-shadow:0 6px 16px #00000024}.canvas-role-card-actions button:hover{background:var(--bg-elevated);color:var(--accent)}.canvas-toolbar-wrap .keyboard-shortcuts-dialog{border-radius:var(--canvas-panel-radius)}.canvas-toolbar-wrap .keyboard-shortcuts-group h3,.canvas-toolbar-wrap .keyboard-shortcut-row,.canvas-toolbar-wrap .keyboard-shortcut-label{color:var(--fg-secondary)}.canvas-toolbar-wrap .shortcut-keys kbd{border-color:var(--border-default);background:var(--bg-hover);color:var(--fg-primary)}.canvas-material-drawer ::-webkit-scrollbar{width:6px;height:6px}.canvas-toolbar-wrap .keyboard-shortcuts-dialog ::-webkit-scrollbar{width:6px;height:6px}.canvas-material-drawer ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--fg-tertiary) 48%, transparent);border-radius:999px}.canvas-toolbar-wrap .keyboard-shortcuts-dialog ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--fg-tertiary) 48%, transparent);border-radius:999px}.canvas-material-drawer:not(.canvas-role-library){background:var(--glass-bg);border-radius:20px;width:min(400px,100vw - 108px);height:min(88vh,900px);inset:50% auto auto 82px;transform:translateY(-50%);box-shadow:0 24px 80px #00000061}.canvas-toolbar-wrap .keyboard-shortcuts-dialog{max-height:min(720px,100vh - 28px)}.canvas-toolbar-wrap .keyboard-shortcuts-grid{align-content:start}.canvas-toolbar-wrap .keyboard-shortcuts-dialog{position:fixed;top:-6px;bottom:auto;left:72px}.canvas-toolbar-wrap .keyboard-shortcuts-grid{grid-template-areas:"basic zoom""basic timeline""basic agent";align-items:start}.canvas-toolbar-wrap .keyboard-shortcuts-basic{grid-area:basic}.canvas-toolbar-wrap .keyboard-shortcuts-zoom{grid-area:zoom}.canvas-toolbar-wrap .keyboard-shortcuts-timeline{grid-area:timeline}.canvas-toolbar-wrap .keyboard-shortcuts-agent{grid-area:agent}@media (width<=620px){.canvas-toolbar-wrap .keyboard-shortcuts-grid{grid-template-areas:none}.canvas-toolbar-wrap .keyboard-shortcuts-group{grid-area:auto}}@media (width<=760px){.canvas-material-drawer:not(.canvas-role-library){width:calc(100vw - 86px);height:calc(100vh - 32px);left:74px}}.canvas-material-drawer:not(.canvas-role-library){font-size:13px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-drawer-header h2{letter-spacing:-.02em;font-size:16px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-tabs button{height:28px;font-size:12px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-search input{height:34px;font-size:12px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-upload-button{border-radius:10px;min-width:54px;height:34px;padding-inline:12px;font-size:12px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-group{border-radius:9px;height:28px;padding-inline:10px;font-size:11px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-card-info{min-height:60px;padding:8px 10px 10px}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-title{font-size:12px;font-weight:var(--fw-semibold)}.canvas-material-drawer:not(.canvas-role-library) .canvas-material-card-info p{margin-top:3px;font-size:10px}.canvas-material-drawer.canvas-role-library{grid-template-rows:auto auto minmax(0,1fr)}.canvas-role-library .canvas-material-search{display:none}.canvas-role-library.role-search-open{grid-template-rows:auto auto auto minmax(0,1fr)}.canvas-role-library.role-search-open .canvas-material-search{grid-column:1;width:auto;padding:12px 20px 0;display:grid;position:static}.canvas-role-library .canvas-role-search-toggle{display:grid}.canvas-role-library .canvas-role-search-toggle.active{background:var(--accent-soft);color:var(--accent)}.text-format-toolbar.text-node-actions-toolbar{border:1px solid color-mix(in srgb, var(--border-default) 82%, transparent);background:var(--bg-elevated);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:2px;min-height:40px;padding:4px;box-shadow:0 12px 32px #141c2e2e}.text-node-actions-toolbar .text-format-icon-btn{width:32px;height:32px}.text-node-actions-toolbar .text-format-icon-btn[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.result-text-output.text-selection-enabled,.result-text-output.text-selection-enabled *{-webkit-user-select:text;user-select:text;cursor:text}.text-node-history-overlay{z-index:var(--z-modal,10000);background:#0000007a;place-items:center;display:grid;position:fixed;inset:0}.text-node-history-dialog{border:1px solid var(--border-default);background:var(--bg-elevated);width:min(640px,100vw - 40px);max-height:80vh;color:var(--fg-primary);box-shadow:var(--canvas-floating-shadow);border-radius:20px;overflow:hidden}.text-node-history-dialog header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.text-node-history-dialog h2{margin:0;font-size:16px}.text-node-history-dialog button{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-primary);cursor:pointer;border-radius:8px;padding:6px 10px}.text-node-history-list{max-height:65vh;padding:20px;overflow:auto}.text-node-history-list article+article{border-top:1px solid var(--border-default);margin-top:16px;padding-top:16px}.text-node-history-list time,.text-node-history-empty{color:var(--fg-tertiary);font-size:12px}.text-node-history-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px}.text-node-background-menu .text-format-background-swatch{color:#171717;flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.text-node-background-menu .text-format-background-swatch.is-none{color:var(--fg-primary)}.result-text-node.text-node-selection-mode,.result-text-node.text-node-selection-mode .node-body,.result-text-node.text-node-selection-mode .result-empty{cursor:text}.text-selection-copy-button{z-index:var(--z-toolbar-menu);border:1px solid var(--border-default);background:var(--bg-elevated);height:34px;color:var(--fg-primary);box-shadow:var(--canvas-floating-shadow);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex;position:fixed;transform:translate(-50%,calc(-100% - 10px))}.text-selection-copy-button:hover{color:var(--accent);background:var(--bg-hover)}.canvas-flow-shell .react-flow__node>:is(.result-text-node,.result-media-node,.media-input-node){box-sizing:border-box;border-width:0;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none}.canvas-flow-shell :is(.result-text-node,.result-media-node,.media-input-node)>.node-body{box-sizing:border-box;width:100%;height:100%;min-height:0;padding:0}.canvas-flow-shell :is(.result-image-wrap,.result-video-wrap,.result-video-placeholder,.result-audio-wrap,.result-audio-placeholder,.result-text-output,.result-text-node .result-empty,.result-text-skeleton){box-sizing:border-box;width:100%;height:100%;min-height:0}.canvas-flow-shell .result-video-wrap video{object-fit:contain}.canvas-flow-shell .react-flow__node>:is(.video-editor-node,.image-editor-node){box-sizing:border-box;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none}.canvas-flow-shell :is(.video-editor-node-body,.image-editor-node-body){box-sizing:border-box;width:100%;height:100%;min-height:0}.canvas-flow-shell .image-editor-node-preview{box-sizing:border-box;min-height:0}.canvas-flow-shell .image-editor-node:not(.has-saved-content) .image-editor-node-body{grid-template-rows:minmax(0,1fr) 32px;gap:12px;padding:14px}.canvas-flow-shell .image-editor-node-empty-content{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.canvas-flow-shell .image-editor-node-open{border-radius:8px;width:100%;height:32px;min-height:0;padding:0 12px}.canvas-flow-shell .image-editor-node.has-saved-content .image-editor-node-preview{background:var(--bg-subtle);padding:12px}.canvas-flow-shell .image-editor-node-artboard{border-radius:4px;box-shadow:0 2px 10px #00000024}.node-history-overlay{z-index:var(--z-fullscreen);color:#f2f2f3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040406a8;place-items:center;padding:24px;animation:.16s ease-out result-text-overlay-in;display:grid;position:fixed;inset:0}.node-history-dialog{background:#121316;border:1px solid #ffffff14;border-radius:22px;grid-template-columns:minmax(0,1fr) 340px;width:min(1280px,100%);height:min(880px,100%);animation:.2s cubic-bezier(.2,.8,.2,1) result-text-dialog-in;display:grid;overflow:hidden;box-shadow:0 32px 100px #0009}.node-history-main{flex-direction:column;min-width:0;min-height:0;display:flex}.node-history-stage{background:#0b0b0d;border:1px solid #ffffff0f;border-radius:16px;flex:auto;justify-content:center;align-items:center;min-height:0;margin:16px 16px 8px;display:flex;position:relative;overflow:hidden}.node-history-stage>img,.node-history-stage>video{object-fit:contain;max-width:100%;max-height:100%}.node-history-stage-text{color:#d4d4d8;white-space:pre-wrap;word-break:break-word;scrollbar-color:#3b3b3f transparent;width:100%;height:100%;padding:40px 48px;font-size:15px;line-height:1.85;overflow-y:auto}.node-history-stage-state{color:#9a9aa2;text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:360px;padding:24px;font-size:13px;line-height:1.6;display:flex}.node-history-stage-state strong{color:#e6e6e8;font-size:15px}.node-history-failed-icon{color:#f87171;background:#f871711f;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.node-history-audio{color:#9a9aa2;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;display:flex}.node-history-audio audio{width:min(360px,80%)}.node-history-spin{animation:.9s linear infinite node-history-spin}@keyframes node-history-spin{to{transform:rotate(360deg)}}.node-history-stage-chip{color:#f2f2f3;font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;border:0;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;display:inline-flex;position:absolute;top:14px;left:14px}.node-history-stage-chip.is-right{color:#c4c4c8;left:auto;right:14px}.node-history-stage-chip.is-button{cursor:pointer}.node-history-stage-chip.is-button:hover{background:#000c}.node-history-outputs{overscroll-behavior:contain;scrollbar-width:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:12px;gap:6px;max-width:calc(100% - 28px);padding:6px;display:flex;position:absolute;bottom:14px;left:50%;overflow-x:auto;transform:translate(-50%)}.node-history-outputs button{cursor:pointer;opacity:.7;background:#1b1c20;border:2px solid #0000;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative;overflow:hidden}.node-history-outputs button.is-active,.node-history-outputs button:hover{opacity:1;border-color:#f2f2f3}.node-history-outputs button.is-failed{color:#f87171}.node-history-outputs .node-history-thumb-text{padding:4px;font-size:7px;line-height:9px}.node-history-output-check{color:#131417;background:#f2f2f3;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:2px;left:2px}.node-history-outputs img,.node-history-outputs video,.node-history-strip-thumb img,.node-history-strip-thumb video,.node-history-refs img,.node-history-refs video,.node-history-prompt-ref-thumb img,.node-history-prompt-ref-thumb video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.node-history-strip{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex:none;gap:10px;padding:4px 16px 14px;display:flex;overflow-x:auto}.node-history-strip:hover{scrollbar-color:#ffffff38 transparent}.node-history-strip::-webkit-scrollbar{height:6px}.node-history-strip::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.node-history-strip:hover::-webkit-scrollbar-thumb{background:#ffffff38}.node-history-strip-item{color:#6f6f76;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 84px;gap:6px;padding:0;font-size:11px;display:flex}.node-history-strip-thumb{opacity:.72;background:#1b1c20;border:2px solid #0000;border-radius:12px;width:84px;height:84px;transition:opacity .14s,border-color .14s;display:block;position:relative;overflow:hidden}.node-history-strip-item:hover .node-history-strip-thumb{opacity:1}.node-history-strip-item.is-selected{color:#c4c4c8}.node-history-strip-item.is-selected .node-history-strip-thumb{opacity:1;border-color:#f2f2f3}.node-history-strip-thumb .node-history-audio{color:#7d7d86}.node-history-thumb-state{color:#9a9aa2;place-items:center;width:100%;height:100%;display:grid}.node-history-thumb-state.is-failed{color:#f87171}.node-history-thumb-text{color:#7d7d86;white-space:pre-wrap;word-break:break-all;width:100%;height:100%;padding:8px;font-size:9px;line-height:13px;display:block;overflow:hidden}.node-history-strip-number,.node-history-strip-check{min-width:18px;height:18px;font-size:10px;font-weight:var(--fw-medium);border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:4px}.node-history-strip-number{color:#f2f2f3;background:#000000a8;right:4px}.node-history-strip-check{color:#131417;background:#f2f2f3;left:4px}.node-history-aside{background:#16171b;border-left:1px solid #ffffff0f;flex-direction:column;min-height:0;display:flex}.node-history-aside-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 14px 24px;display:flex}.node-history-aside-header h2{color:#f2f2f3;font-size:15px;font-weight:var(--fw-semibold,600);margin:0}.node-history-status-row{color:#6f6f76;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.node-history-status{border-radius:999px;padding:2px 10px;font-size:12px}.node-history-status.is-success{color:#6ee7b7;background:#34d3991a}.node-history-status.is-pending{color:#fcd34d;background:#fbbf241a}.node-history-status.is-failed{color:#fca5a5;background:#f871711a}.node-history-aside-body{scrollbar-color:#3b3b3f transparent;flex:auto;min-height:0;padding:0 24px 16px;overflow-y:auto}.node-history-rows{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;margin:0}.node-history-rows>div{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.node-history-rows>div:last-child{border-bottom:0}.node-history-rows dt{color:#6f6f76;flex:none;font-size:12px}.node-history-rows dd{color:#e6e6e8;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:13px;overflow:hidden}.node-history-task-id{color:#9a9aa2;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;max-width:190px;padding:0;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.node-history-task-id:hover{color:#f2f2f3}.node-history-alert{background:#fbbf2414;border-radius:14px;margin-top:14px;padding:10px 14px}.node-history-alert span{color:#fcd34dbf;font-size:11px}.node-history-alert p{color:#fde68a;margin:4px 0 0;font-size:13px;line-height:1.55}.node-history-alert.is-error{background:#f8717114}.node-history-alert.is-error span{color:#fca5a5bf}.node-history-alert.is-error p{color:#fecaca}.node-history-section{margin-top:18px}.node-history-section h3{color:#6f6f76;font-size:12px;font-weight:var(--fw-medium);margin:0 0 8px}.node-history-section-head{justify-content:space-between;align-items:center;display:flex}.node-history-section-head h3{margin:0}.node-history-text-btn{color:#7d7d86;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.node-history-text-btn:hover{color:#f2f2f3;background:#ffffff14}.node-history-refs{flex-wrap:wrap;gap:8px;display:flex}.node-history-refs button{color:#9a9aa2;cursor:pointer;background:#23242a;border:2px solid #0000;border-radius:12px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative;overflow:hidden}.node-history-refs button:hover{border-color:#fff6}.node-history-refs button.is-active{border-color:#f2f2f3}.node-history-ref-kind{color:#f2f2f3;background:#000000a8;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:3px;left:3px}.node-history-prompt{color:#d4d4d8;white-space:pre-wrap;word-break:break-word;background:#ffffff0a;border-radius:14px;margin:8px 0 0;padding:12px 14px;font-size:13px;line-height:1.9}.node-history-prompt-ref{color:#f2f2f3;font:inherit;vertical-align:middle;cursor:pointer;background:#ffffff17;border:0;border-radius:6px;align-items:center;gap:4px;margin:0 2px;padding:1px 6px 1px 1px;font-size:12px;display:inline-flex}.node-history-prompt-ref:hover{background:#ffffff29}.node-history-prompt-ref.is-active{color:#131417;background:#f2f2f3}.node-history-prompt-ref.is-missing{color:#6f6f76;cursor:default;text-decoration:line-through}.node-history-refs button.is-missing{cursor:default;background:0 0;border:1px dashed #fff3}.node-history-ref-missing{color:#6f6f76;font-size:11px}.node-history-ref-text{color:#9a9aa2;text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:6px;font-size:9px;line-height:12px;display:-webkit-box;overflow:hidden}.node-history-actions-hint{color:#9a9aa2;align-self:center;margin-right:auto;font-size:12px}.node-history-prompt-ref-thumb{border-radius:5px;width:18px;height:18px;display:block;overflow:hidden}.node-history-actions{border-top:1px solid #ffffff0f;gap:8px;padding:14px 20px 20px;display:flex}.node-history-icon-btn{color:#9a9aa2;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:background .14s,color .14s;display:grid}.node-history-icon-btn:hover:not(:disabled){color:#f2f2f3;background:#ffffff14}.node-history-icon-btn.is-outlined{color:#d4d4d8;border:1px solid #ffffff1a;border-radius:999px;width:42px;height:42px}.node-history-primary-btn{height:42px;font:inherit;font-size:13px;font-weight:var(--fw-medium);cursor:pointer;color:#131417;background:#f2f2f3;border:0;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:6px;transition:background .14s,color .14s;display:inline-flex}.node-history-primary-btn:hover:not(:disabled){background:#d9d9dc}.node-history-actions button:disabled{cursor:not-allowed;opacity:.38}.node-history-primary-btn:disabled{color:#6f6f76;opacity:1;background:#ffffff12}.node-history-dialog.is-empty{grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:relative}.node-history-empty-close{position:absolute;top:16px;right:16px}.node-history-empty{color:#7d7d86;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.node-history-empty strong{color:#e6e6e8;font-size:16px;font-weight:var(--fw-semibold)}.node-history-empty-icon{color:#9a9aa2;background:#ffffff0d;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:6px;display:grid}@media (width<=860px){.node-history-overlay{padding:10px}.node-history-dialog{border-radius:16px;grid-template-rows:minmax(0,1fr) minmax(0,46%);grid-template-columns:minmax(0,1fr)}.node-history-aside{border-top:1px solid #ffffff0f;border-left:0}}.alignment-guide{pointer-events:none;position:absolute}.alignment-guide.is-vertical{border-left:1px dashed #a0a0a094;width:0;top:0;bottom:0}.alignment-guide.is-horizontal{border-top:1px dashed #a0a0a094;height:0;left:0;right:0}.canvas-flow-shell .result-text-node .result-text-display{font-size:18px;line-height:1.7}.canvas-flow-shell .result-text-display .formatted-text-content h1{font-size:28px}.canvas-flow-shell .result-text-display .formatted-text-content h2{font-size:24px}.canvas-flow-shell .result-text-display .formatted-text-content h3{font-size:21px}.reference-dialog-overlay{z-index:calc(var(--z-fullscreen) + 1);background:color-mix(in srgb, var(--bg-app) 66%, transparent);color:var(--fg-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:24px;animation:.16s ease-out result-text-overlay-in;display:grid;position:fixed;inset:0}.reference-dialog{border:1px solid var(--border-default);background:var(--bg-elevated);width:min(1080px,100%);height:min(760px,100%);box-shadow:var(--canvas-floating-shadow);border-radius:22px;grid-template-rows:auto auto minmax(0,1fr);animation:.2s cubic-bezier(.2,.8,.2,1) result-text-dialog-in;display:grid;position:relative;overflow:hidden}.reference-dialog button{border:1px solid var(--border-subtle);background:var(--bg-group);color:inherit;font:inherit;cursor:pointer;border-radius:8px;padding:9px 14px}.reference-dialog button:hover{background:var(--bg-hover)}.reference-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reference-dialog-header{white-space:nowrap;align-items:center;gap:18px;padding:16px 24px;display:flex;overflow-x:auto}.reference-header-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.reference-header-actions>button{justify-content:center;align-items:center;font-size:12px;display:inline-flex}.reference-dialog-header h2{flex-shrink:0;margin:0;font-size:16px;font-weight:600}.reference-dialog-tabs,.reference-dialog-filters{border:1px solid var(--border-subtle);background:var(--bg-group);border-radius:10px;flex-shrink:0;align-items:center;gap:2px;padding:4px;display:flex}.reference-dialog .reference-dialog-tabs button,.reference-dialog .reference-type-chip{color:var(--fg-tertiary);background:0 0;border:0;border-radius:7px;padding:7px 14px;font-size:12px;line-height:1.5}.reference-dialog .reference-dialog-tabs button.active,.reference-dialog .reference-type-chip.active{background:var(--bg-selected);color:var(--fg-primary);box-shadow:0 1px 3px color-mix(in srgb, var(--fg-primary) 8%, transparent)}.reference-dialog .reference-dialog-tabs button:hover,.reference-dialog .reference-type-chip:hover{background:var(--bg-hover);color:var(--fg-primary)}.reference-dialog-toolbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 24px 16px;display:flex}.reference-search-field{width:clamp(140px,18vw,200px);color:var(--fg-muted);position:relative}.reference-search-field>svg{pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.reference-dialog .reference-search-field input{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;color:var(--fg-primary);border-radius:8px;padding:9px 12px 9px 36px;font-size:12px;transition:border-color .16s,box-shadow .16s}.reference-dialog .reference-search-field input:focus,.reference-dialog .reference-search-field input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.reference-dialog input::placeholder{color:var(--fg-muted)}.reference-dialog .active{border-color:var(--border-strong);background:var(--bg-selected)}.reference-dialog-body{flex:1;min-height:0;display:flex}.reference-dialog aside{border-right:1px solid var(--border-subtle);flex-shrink:0;width:170px;padding:20px 12px;overflow:auto}.reference-dialog aside button{text-align:left;width:100%;margin-bottom:8px;display:block}.reference-dialog-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));align-content:start;gap:18px;padding:20px 24px;display:grid;overflow:auto}.reference-dialog button.reference-choice{border:1px solid var(--border-default);background:var(--bg-group);text-align:left;border-radius:12px;min-width:0;padding:0;overflow:hidden}.reference-choice-preview{aspect-ratio:1;background:var(--bg-surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.reference-choice-preview>img:not(.reference-choice-backdrop),.reference-choice-preview>video:not(.reference-choice-backdrop){z-index:1;object-fit:contain;width:100%;height:100%;position:relative}.reference-choice-backdrop{object-fit:cover;filter:blur(18px)saturate(1.2)brightness(.55);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.2)}.reference-choice-preview .reference-text-summary{box-sizing:border-box;width:100%;height:100%;color:var(--fg-secondary);text-align:left;white-space:pre-wrap;word-break:break-word;margin:0;padding:42px 16px 16px;font-size:12px;line-height:1.8;position:relative;overflow:hidden}.reference-choice-preview .reference-text-summary:after{background:linear-gradient(to bottom, transparent, var(--bg-surface) 75%);content:"";pointer-events:none;height:48px;position:absolute;bottom:0;left:0;right:0}.reference-dialog .reference-choice:hover{border-color:#ffffff47}.reference-dialog .reference-choice.selected{border-color:#fff9}.reference-kind,.reference-duration,.reference-checked{z-index:2;color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:10px;line-height:1.2;display:inline-flex;position:absolute}.reference-kind{top:8px;left:8px}.reference-duration{bottom:8px;right:8px}.reference-checked{border:1px solid var(--accent);color:#fff;font-weight:500;top:8px;right:8px}.reference-choice-overlay{z-index:3;opacity:0;pointer-events:none;background:#00000073;place-items:center;transition:opacity .14s;display:grid;position:absolute;inset:0}.reference-choice:hover .reference-choice-overlay,.reference-choice:focus-visible .reference-choice-overlay{opacity:1}.reference-choice-action{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:13px;font-weight:500;transition:transform .14s;display:inline-flex;transform:translateY(4px)}.reference-choice:hover .reference-choice-action{transform:translateY(0)}.reference-choice-action.is-add{color:#111;background:#fffffff2}.reference-choice-action.is-remove{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff73}.reference-choice-name{color:var(--fg-secondary);white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:12px;display:block;overflow:hidden}.reference-audio-wave{box-sizing:border-box;width:100%;height:100%;color:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:38px 20px 26px;display:flex}.reference-audio-bars{justify-content:center;align-items:center;gap:4px;max-width:100%;height:38px;display:flex}.reference-audio-bars span{opacity:.65;background:currentColor;border-radius:2px;flex-shrink:0;width:2px}.reference-dialog-grid.is-empty{justify-content:center;align-items:center;display:flex}.reference-dialog-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:440px;padding:32px 16px;display:flex}.reference-empty-icon{border:1px solid var(--border-subtle);background:var(--bg-surface);width:64px;height:64px;color:var(--fg-tertiary);border-radius:18px;place-items:center;margin-bottom:4px;display:grid}.reference-dialog-empty strong{color:var(--fg-secondary);font-size:14px;font-weight:500}.reference-dialog-empty p{color:var(--fg-tertiary);margin:0;font-size:12px;line-height:1.7}.reference-dialog button:disabled{opacity:.4;cursor:default}.reference-selection-notice{z-index:1;border:1px solid var(--border-default);background:var(--bg-elevated);max-width:calc(100% - 48px);color:var(--fg-primary);box-shadow:var(--canvas-floating-shadow);text-align:center;pointer-events:none;border-radius:10px;padding:10px 16px;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.reference-dialog .reference-upload-card{border:1px solid var(--border-default);background:var(--bg-group);min-width:0;color:var(--fg-secondary);border-radius:12px;overflow:hidden}.reference-upload-mask{z-index:3;background:color-mix(in srgb, var(--bg-elevated) 76%, transparent);color:var(--fg-primary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:12px;display:flex;position:absolute;inset:0}.reference-upload-mask progress{width:80%;height:4px;accent-color:var(--accent)}.reference-upload-error{-webkit-line-clamp:2;color:var(--fg-secondary);text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.reference-upload-actions{gap:8px;display:flex}.reference-dialog .reference-upload-actions button{padding:5px 9px;font-size:11px}:root{--canvas-node-bg:#1f1f1f;--canvas-node-selected:#7a7a7a;--canvas-node-border:#ffffff1a;--canvas-composer-fg:#ccc;--canvas-composer-muted:var(--canvas-node-selected);--canvas-node-radius:16px;--canvas-reference-size:44px;--canvas-reference-radius:8px;--canvas-control-size:32px;--canvas-control-radius:12px;--canvas-composer-width:680px;--canvas-composer-prompt-height:96px;--canvas-composer-body-max-height:184px}.canvas-flow-shell{--node-hover-border:var(--canvas-node-border);--node-hover-outline:transparent;--node-hover-shadow:none;--node-selected-shadow:none;--group-border-active:var(--canvas-node-selected);--group-outline:var(--canvas-node-selected)}.canvas-flow-shell .react-flow__node{--canvas-node-state-border:transparent;--canvas-node-state-outline:none}.canvas-flow-shell .react-flow__node:not(.selected):hover{--canvas-node-state-border:var(--canvas-node-border)}.canvas-flow-shell .react-flow__node.selected{--canvas-node-state-outline:2px solid var(--canvas-node-selected)}.canvas-flow-shell .react-flow__node :is(.custom-node:not(.canvas-stack-node):not(.media-input-node):not(.result-media-node):not(.result-text-node):not(.canvas-character-node):not(.image-editor-node):not(.video-editor-node),.result-text-output,.result-text-node .result-empty,.result-text-skeleton,.media-input-node .image-upload-zone,.media-input-node .image-thumb,.media-input-node .video-thumb,.result-image-wrap,.result-image-stack,.result-video-wrap,.result-video-placeholder,.result-media-node .result-skeleton,.result-audio-wrap,.result-audio-placeholder,.canvas-character-node .character-card,.image-editor-node-body,.video-editor-node-body,.canvas-stack-sheet.sheet-front){border:1px solid var(--canvas-node-state-border)!important;border-radius:var(--canvas-node-radius)!important;background-color:var(--canvas-node-bg)!important;outline:var(--canvas-node-state-outline)!important;outline-offset:-1px!important;box-shadow:none!important}.canvas-flow-shell .react-flow__node .canvas-group-node:not(.canvas-stack-node){-webkit-backdrop-filter:none;box-shadow:none;border:1px solid var(--group-custom-border-color,#ffffff38)!important;background:var(--group-custom-bg-color,#ffffff24)!important;border-radius:16px!important;outline:none!important}.canvas-flow-shell .react-flow__node:not(.selected):hover .canvas-group-node:not(.canvas-stack-node){border-color:var(--group-custom-hover-border-color,#ffffff3d)!important}.canvas-flow-shell .react-flow__node.selected .canvas-group-node:not(.canvas-stack-node){border:2px solid var(--canvas-node-selected)!important;outline:none!important}.canvas-flow-shell .react-flow__node :is(.media-input-node,.result-media-node,.result-text-node){box-shadow:none!important;border-color:#0000!important;outline:none!important}.canvas-flow-shell .react-flow__node :is(.node-title,.node-title .svg-icon,.node-header-label){font-size:12px;color:var(--fg-secondary)!important;font-weight:400!important}.canvas-flow-shell .react-flow__node.selected :is(.node-title,.node-title .svg-icon,.node-header-label){color:var(--fg-primary)!important}.canvas-flow-shell .canvas-stack-sheet,.canvas-flow-shell .canvas-stack-node:hover .canvas-stack-sheet,.canvas-flow-shell .canvas-stack-node.selected .canvas-stack-sheet{border-radius:var(--canvas-node-radius);box-shadow:none!important;border-color:#0000!important}.canvas-flow-shell .canvas-stack-node.is-drop-target{border-color:var(--canvas-node-selected)!important;box-shadow:none!important;background:0 0!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node,:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node:hover,[data-theme=dark] :is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node,[data-theme=dark] :is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node:hover{border:1px solid var(--canvas-node-border)!important;border-radius:var(--canvas-node-radius)!important;background:var(--canvas-node-bg)!important;box-shadow:none!important;outline:none!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .node-body{padding:0!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .node-field{margin:0;padding:0 12px 8px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .reference-materials-field{padding:12px 12px 8px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.reference-card-row,.video-first-last-reference){min-height:var(--canvas-reference-size);gap:8px;height:auto;padding:0}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.reference-card,.reference-add-card,.video-frame-slot,.reference-text-card,.video-avatar-reference-card){flex:0 0 var(--canvas-reference-size);width:var(--canvas-reference-size);min-width:var(--canvas-reference-size);height:var(--canvas-reference-size);min-height:var(--canvas-reference-size);border-radius:var(--canvas-reference-radius)}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.reference-picker-add,.reference-text-card)>.svg-icon{width:20px;height:20px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .reference-picker-add{border-color:var(--canvas-composer-muted);color:var(--canvas-composer-muted);background:0 0}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .reference-picker-add:hover:not(:disabled){background:var(--bg-hover);border-color:var(--canvas-composer-fg);color:var(--canvas-composer-fg)}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .reference-picker-add:active:not(:disabled){background:var(--bg-app)}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.text-processor-composer,.image-mention-field){margin:0;padding:0}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.image-mention-editor,.node-field textarea),:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.image-mention-editor,.node-field textarea):hover,:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.image-mention-editor,.node-field textarea):focus{font-size:14px;line-height:24px;color:var(--canvas-composer-fg)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;padding:0!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .image-mention-editor[data-empty=true]:before,:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node textarea::placeholder{color:var(--canvas-composer-muted);font-size:14px;line-height:24px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.processor-footer-wrap,.processor-footer){border-radius:0 0 var(--canvas-node-radius) var(--canvas-node-radius)!important;background:0 0!important;border:0!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .processor-footer{gap:4px;min-height:48px;padding:8px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .processor-model-group{gap:4px;transform:none}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .processor-model-trigger{height:var(--canvas-control-size);min-height:var(--canvas-control-size);border-radius:var(--canvas-reference-radius);color:var(--canvas-composer-fg);background:0 0;padding:0 8px;font-size:14px;font-weight:400}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.processor-settings-btn,.style-library-trigger,.quick-prompt-trigger){height:var(--canvas-control-size);min-height:var(--canvas-control-size);border-radius:var(--canvas-control-radius);color:var(--canvas-composer-fg);background:0 0;border:0;padding:0 8px;font-size:14px;font-weight:500}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.processor-settings-summary,.processor-model-name){color:var(--canvas-composer-fg);font-size:14px;font-weight:500}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.processor-model-trigger,.processor-settings-btn,.processor-voice-trigger) .svg-icon{width:16px;height:16px;color:inherit}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.processor-voice-trigger,.processor-count-trigger){width:var(--canvas-control-size);height:var(--canvas-control-size);border-radius:var(--canvas-control-radius);color:var(--canvas-composer-fg);background:0 0;font-size:14px;font-weight:500}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.processor-model-trigger,.processor-settings-btn,.style-library-trigger,.quick-prompt-trigger,.processor-count-trigger,.processor-voice-trigger):hover:not(:disabled){background:var(--bg-hover);color:var(--canvas-composer-fg)}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .processor-voice-generate-control{gap:4px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .generate-credit-button{border:1px solid var(--canvas-node-border);height:42px;box-shadow:none;background:0 0;gap:4px;padding:4px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .generate-credit-button-cost,:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .generate-credit-button-cost .svg-icon{color:var(--canvas-composer-fg);font-size:14px;font-weight:500}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .generate-credit-button-action:not(:disabled):not(.cancel){background:var(--accent);color:var(--fg-inverse)}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .generate-credit-button-action:disabled{background:var(--bg-hover);color:var(--canvas-composer-muted)}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-footer:has(.processor-count-control) .processor-voice-generate-control:not(.is-listening):not(.is-submitting){display:contents}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-footer:has(.generate-credit-button) .processor-voice-trigger{order:1}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-footer:has(.generate-credit-button) .processor-count-control{order:2}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-footer:has(.processor-count-control) .generate-credit-button{order:3}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.processor-model-trigger-icon,.processor-model-trigger-icon img){flex-basis:16px;width:16px;height:16px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.reference-index-badge,.reference-text-card,.reference-text-card.active){border-color:var(--canvas-node-border);background:var(--bg-hover);color:var(--canvas-composer-fg)}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .reference-card audio{height:var(--canvas-reference-size);width:var(--canvas-reference-size)!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .video-reference-list{gap:8px;padding:0 12px 8px;display:flex;overflow-x:auto}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .video-reference-item{flex:0 0 var(--canvas-reference-size);width:var(--canvas-reference-size);height:var(--canvas-reference-size);border-radius:var(--canvas-reference-radius);border:0;padding:0;display:block;position:relative;overflow:hidden}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .video-reference-item video{border-radius:inherit;width:100%;height:100%}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .video-reference-item>span{pointer-events:none;max-width:calc(100% - 4px);font-size:9px;position:absolute;top:2px;left:2px;overflow:hidden}.canvas-flow-shell .react-flow__selection{box-shadow:none;background:#ffffff0d;border:1px dashed #fffc;border-radius:6px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock){min-width:0;max-width:min(var(--canvas-composer-width), calc(100vw - 32px))}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node,:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node:hover{border:1px solid var(--canvas-node-border)!important;width:100%!important;min-width:0!important;max-width:none!important;box-shadow:none!important;outline:none!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .node-body{overflow-y:auto;max-height:var(--canvas-composer-body-max-height)!important}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node .text-processor-composer{min-height:var(--canvas-composer-prompt-height);padding:0 12px 8px}:is(.canvas-flow-shell .canvas-composer-overlay,.canvas-composer-overlay.canvas-composer-dock) .processor-node :is(.image-mention-editor,.node-field textarea){overflow-y:auto;min-height:var(--canvas-composer-prompt-height)!important;max-height:var(--canvas-composer-prompt-height)!important}.canvas-flow-shell .react-flow__node.selected:hover{--canvas-node-state-border:transparent;--canvas-node-state-outline:2px solid var(--canvas-node-selected)}.canvas-flow-shell .react-flow__node:not(.selected):hover{--canvas-node-state-outline:none}.canvas-flow-shell .react-flow__node .result-image-stack:before,.canvas-flow-shell .react-flow__node .result-image-stack:after,.canvas-flow-shell .react-flow__node .result-image-stack-card{box-shadow:none;border:0;outline:none}.reference-materials-field{--reference-thumb-size:var(--canvas-reference-size,48px);--reference-thumb-radius:var(--canvas-reference-radius,8px);--reference-thumb-border:#ffffff1a;--reference-icon-bg:#fff;--reference-icon-fg:#000;--reference-preview-bg:#1a1a1a}.processor-node .reference-materials-field :is(.reference-card-row,.video-first-last-reference){gap:8px}.reference-thumbnail{flex:0 0 var(--reference-thumb-size);width:var(--reference-thumb-size);height:var(--reference-thumb-size);box-sizing:border-box;border:1px solid var(--reference-thumb-border);border-radius:var(--reference-thumb-radius);background:var(--bg-app);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.reference-thumbnail>:is(img,video){object-fit:cover;border-radius:inherit;width:100%;height:100%}.reference-thumbnail>audio{display:none}.reference-thumbnail:is(.reference-thumbnail-text,.reference-thumbnail-audio){background:var(--reference-icon-bg);color:var(--reference-icon-fg)}.reference-thumbnail>.reference-thumbnail-play{color:#fff;filter:drop-shadow(0 1px 2px #00000080);pointer-events:none;position:absolute}.reference-thumbnail-remove{color:#fff;opacity:0;cursor:pointer;z-index:2;background:#0009;border:0;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;transition:opacity .15s,background .12s;display:grid;position:absolute;top:4px;right:4px}.reference-thumbnail:is(:hover,:focus-within) .reference-thumbnail-remove:not(:disabled){opacity:1}.reference-thumbnail-remove:is(:hover,:focus-visible){background:var(--error)}.reference-thumbnail-remove:disabled{pointer-events:none}.reference-frame-thumbnail .video-frame-slot-label{pointer-events:none;border-radius:0 0 7px 7px}.reference-upload-retry{background:var(--bg-app);color:var(--text-primary);cursor:pointer;border:0;border-radius:4px;padding:2px;font-size:10px;position:absolute}.reference-hover-preview{--reference-preview-bg:#1a1a1a;--reference-preview-shadow:0 8px 24px #00000080;z-index:10000;background:var(--reference-preview-bg);height:100px;box-shadow:var(--reference-preview-shadow);pointer-events:none;border-radius:8px;animation:.12s reference-preview-in;position:fixed;overflow:hidden}.reference-hover-preview>:is(img,video){object-fit:cover;width:100%;height:100%;display:block}.reference-hover-preview-text{box-sizing:border-box;padding:12px 12px 36px}.reference-hover-preview>p{-webkit-line-clamp:4;color:#ffffffb3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:16px;display:-webkit-box;overflow:hidden}.reference-hover-audio{color:#ffffffb3;justify-content:center;align-items:center;gap:6px;height:72px;font-size:12px;display:flex}.reference-hover-caption{box-sizing:border-box;color:#ffffffe0;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#0009);height:40px;padding:16px 8px 4px;font-size:12px;font-weight:500;line-height:20px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@keyframes reference-preview-in{0%{opacity:0}to{opacity:1}}:root{--prompt-reference-bg:#333}.image-mention-token{box-sizing:border-box;background:var(--prompt-reference-bg);color:#ffffffb8;vertical-align:middle;border:0;border-radius:4px;gap:4px;width:auto;max-width:60px;height:20px;margin:0 2px;padding:0 6px 0 4px;font-size:12px;font-weight:500;line-height:18px}.image-mention-token img,.image-mention-token video,.image-mention-token .mention-kind-icon{object-fit:cover;border:0;border-radius:3px;flex:0 0 14px;width:14px;height:14px}.image-mention-token>span:last-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.image-mention-editor[data-empty=true]:before{padding:inherit;pointer-events:none;position:absolute;inset:0}.image-mention-token.selected{background:var(--bg-elevated);box-shadow:none;border-color:#fff;outline:1px solid #fff}.image-mention-picker{--mention-menu-bg:#2f2f2feb;--mention-menu-muted:#ffffff80;--mention-menu-active:#ffffff1a;z-index:2147483647;box-sizing:border-box;background:var(--mention-menu-bg);color:#fff;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:16px;flex-direction:column;gap:8px;width:320px;max-height:320px;padding:8px;animation:.12s ease-out mention-menu-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #00000052,inset 0 .5px #ffffff29}@keyframes mention-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.image-mention-search{color:var(--mention-menu-muted);background:#ffffff14;border-radius:12px;flex:0 0 32px;align-items:center;gap:8px;padding:0 8px;display:flex}.image-mention-search input{color:#fff;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:14px}.image-mention-search input::placeholder{color:var(--mention-menu-muted)}.image-mention-list{flex-direction:column;gap:2px;min-height:0;display:flex;overflow-y:auto}.image-mention-group{color:var(--mention-menu-muted);padding:4px 8px 2px;font-size:12px}.image-mention-picker button{box-sizing:border-box;color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 36px;align-items:center;gap:8px;width:100%;height:36px;padding:6px 8px;font-size:14px;font-weight:400;display:flex}.image-mention-picker button[aria-selected=true]{background:var(--mention-menu-active)}.image-mention-picker img,.image-mention-picker video,.image-mention-picker .mention-kind-icon{object-fit:cover;border-radius:4px;flex:0 0 24px;width:24px;height:24px}.image-mention-picker button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.image-mention-picker button>span:nth-child(2){flex:1}.image-mention-picker small{color:var(--mention-menu-muted);flex-shrink:0;font-size:12px}.image-mention-add{color:var(--mention-menu-muted);opacity:0;flex-shrink:0}.image-mention-picker button[aria-selected=true] .image-mention-add{opacity:1}.image-mention-empty{color:var(--mention-menu-muted);text-align:center;padding:16px 8px;font-size:13px}.image-mention-tiptap{width:100%;min-width:0}.image-mention-editor.tiptap>p{min-height:1.55em;margin:0;position:relative}.image-mention-editor.tiptap>p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--fg-tertiary);pointer-events:none}.image-mention-editor.tiptap .ProseMirror-selectednode{outline:1px solid #fff}.mention-kind-icon{box-sizing:border-box;color:#000;background:#fff;place-items:center;display:inline-grid}.mention-kind-icon svg{width:60%;height:60%}.media-loading{z-index:0;isolation:isolate;border-radius:inherit;pointer-events:none;background:#111113;position:absolute;inset:0;overflow:hidden;container-type:size}.media-loading-fog,.media-loading-grain{pointer-events:none;position:absolute}.media-loading-fog{background:radial-gradient(40% 30% at 30% 40%,#ffffff1a,#0000 70%),radial-gradient(35% 30% at 70% 65%,#ffffff12,#0000 70%);animation:9s ease-in-out infinite alternate media-loading-drift;inset:-40%}.media-loading-grain{opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite media-loading-grain;inset:-15%}.media-loading-caption{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:0}.media-loading-shiny{color:#0000;background:linear-gradient(110deg,#6c6c72 35%,#fff 50%,#6c6c72 65%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:500;line-height:18px;animation:2.4s linear infinite media-loading-shine}.media-loading.media-upload-loading>.media-upload-preview{object-fit:cover;--upload-blur:clamp(2px, 5cqw, 14px);width:100%;height:100%;filter:blur(calc((1 - var(--upload-progress)) * var(--upload-blur))) brightness(calc(.45 + .55 * var(--upload-progress))) saturate(calc(.3 + .7 * var(--upload-progress)));position:absolute;inset:0;transform:scale(1.06)}.media-upload-percent{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #000000b3;font-size:11px;font-weight:500;line-height:14px;position:absolute;bottom:10px;left:12px}.media-upload-line{transform-origin:0;width:100%;height:2px;transform:scaleX(var(--upload-progress));background:#ffffffd9;position:absolute;bottom:0;left:0}@container (width<=70px) or (height<=48px){.media-loading-caption{display:none}.media-upload-percent{font-size:9px;bottom:5px;left:5px}.media-upload-label{display:none}}@keyframes media-loading-drift{to{transform:translate(12%,-8%)rotate(8deg)}}@keyframes media-loading-grain{0%,to{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-3%)}60%{transform:translate(-3%,-6%)}80%{transform:translate(6%,5%)}}@keyframes media-loading-shine{0%{background-position:150% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.media-loading-fog,.media-loading-grain,.media-loading-shiny{animation:none}}.media-upload-loading{z-index:27}.reference-thumbnail>.media-upload-loading,.reference-card>.media-upload-loading,.video-thumb>.media-upload-loading{z-index:1}.context-menu{padding:var(--space-1);border-radius:var(--radius-md);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);box-shadow:var(--shadow-md);overflow-y:auto}.context-menu-item{height:32px;min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--fg-secondary)}.context-menu-item:hover,.context-menu-item.active{background:var(--overlay-hover);color:var(--fg-primary)}.context-menu-item.disabled,.context-menu-item.disabled:hover{color:var(--fg-disabled);pointer-events:none;background:0 0}.context-menu-divider{height:1px;margin:var(--space-1) 0;background:var(--border-default)}.menu-shortcut{color:var(--fg-tertiary);margin-left:auto}.selection-floating-toolbar{height:40px;padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-md);max-width:calc(100vw - 96px)}.selection-floating-toolbar .image-action-btn{height:32px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-secondary)}.selection-floating-toolbar .image-action-btn:hover{background:var(--overlay-hover);color:var(--fg-primary)}.selection-floating-toolbar .image-action-btn.danger{color:var(--fg-secondary)}.selection-floating-toolbar .image-action-btn.danger:hover{color:var(--error);background:var(--error-soft)}.edge-delete-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-default);width:28px;height:28px;color:var(--fg-secondary)}.edge-delete-btn:hover{color:var(--error)}.keyboard-shortcuts-dialog{max-height:calc(100vh - 94px);overflow-y:auto}.keyboard-shortcuts-note{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);color:var(--fg-tertiary);font-size:var(--fs-xs);margin:0}.edge-delete-btn.is-visible:hover{transform:translate(calc(var(--edge-btn-x,0px) - 50%), calc(var(--edge-btn-y,0px) - 50%)) scale(var(--edge-btn-scale,1));border-color:var(--border-default);background:var(--bg-surface)}.canvas-composer-overlay{max-width:none;max-height:none;overflow:visible}.selection-floating-toolbar{flex-wrap:nowrap}.canvas-toolbar-wrap .keyboard-shortcuts-dialog{height:auto;max-height:calc(50vh + 112px);overflow-y:auto}.canvas-toolbar-wrap .keyboard-shortcuts-grid{grid-template-areas:"basic zoom""basic timeline"}@media (width<=620px){.canvas-toolbar-wrap .keyboard-shortcuts-grid{flex-direction:column;display:flex}}.canvas-composer-overlay.canvas-composer-dock{z-index:calc(var(--z-canvas-chrome) + 1);overscroll-behavior:contain;box-sizing:border-box;min-width:0;max-width:none;max-height:none;position:fixed;overflow:visible}.canvas-composer-overlay.canvas-composer-dock:has(.processor-settings-panel,.processor-model-menu,.processor-count-popover){z-index:var(--z-canvas-chrome-menu)}.node-hover-toolbar-portal,.result-image-portal-toolbar,.text-format-toolbar.text-node-actions-toolbar{z-index:var(--z-canvas-chrome-panel)}.canvas-zoom-ruler{z-index:var(--z-canvas-chrome);filter:drop-shadow(0 1px 2px #000000d9);clip-path:inset(0 50%);opacity:0;pointer-events:none;width:300px;height:40px;transition:clip-path .22s cubic-bezier(.4,0,1,1),opacity .18s 40ms,transform .22s cubic-bezier(.4,0,1,1);position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%,-6px);-webkit-mask:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.canvas-zoom-ruler.is-visible{clip-path:inset(0);opacity:1;transition:clip-path .32s var(--ease-out), opacity .2s ease, transform .32s var(--ease-out);transform:translate(-50%)}.canvas-zoom-ruler.is-visible .canvas-zoom-ruler-notch{animation:canvas-zoom-ruler-notch-in .36s var(--ease-out) 80ms both}@keyframes canvas-zoom-ruler-notch-in{0%{opacity:0;transform:translate(-50%,4px)scale(.4)}60%{opacity:1;transform:translate(-50%,-1px)scale(1.15)}to{opacity:1;transform:translate(-50%)scale(1)}}.canvas-zoom-ruler-tape{will-change:transform;position:absolute;top:0;bottom:0;left:50%}.canvas-zoom-ruler-tick,.canvas-zoom-ruler-major{width:1px;position:absolute;bottom:10px;transform:translate(-50%)}.canvas-zoom-ruler-tick{background:#ffffff4d;height:6px}.canvas-zoom-ruler-major{background:#ffffffb3;height:10px}.canvas-zoom-ruler-tier{background:var(--accent);border-radius:1px;width:2px;height:10px;position:absolute;bottom:10px;transform:translate(-50%)}.canvas-zoom-ruler-number{color:#ffffff80;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;line-height:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.canvas-zoom-ruler-line{background:linear-gradient(#fff0,#fff);width:1px;position:absolute;top:6px;bottom:10px;left:50%;transform:translate(-50%)}.canvas-zoom-ruler-notch{filter:drop-shadow(0 0 4px #fff9);border-bottom:6px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.canvas-tag-filter-bar{transition:opacity .2s ease .16s, transform .24s var(--ease-out) .16s}body[data-zoom-ruler=visible] .canvas-tag-filter-bar{opacity:0;pointer-events:none;transition:opacity .12s,transform .14s cubic-bezier(.4,0,1,1);transform:translate(-50%)scale(.8)}@media (prefers-reduced-motion:reduce){.canvas-zoom-ruler,.canvas-zoom-ruler.is-visible{clip-path:none;transition:opacity var(--dur-base) ease;transform:translate(-50%)}.canvas-zoom-ruler.is-visible .canvas-zoom-ruler-notch{animation:none}.canvas-tag-filter-bar,body[data-zoom-ruler=visible] .canvas-tag-filter-bar{transform:translate(-50%)}}.canvas-toolbar-panel,.context-menu.pane-context-menu{box-sizing:border-box;width:220px;min-width:0;max-width:calc(100vw - 16px);max-height:max(0px,100vh - 72px);padding:var(--space-1);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c1c1f;border:1px solid #ffffff14;flex-direction:column;gap:0;animation:none;display:flex;overflow-y:auto}.canvas-toolbar-panel-section{flex:none;padding:0}.canvas-toolbar-panel-group{flex-direction:column;gap:0;display:flex}.canvas-toolbar-panel-section-title,.context-menu.pane-context-menu .context-menu-title{color:#77777d;font-size:11px;line-height:16px;font-weight:var(--fw-medium);border:0;margin:0;padding:8px 8px 4px}.canvas-toolbar-panel-section+.canvas-toolbar-panel-section{border-top:1px solid #ffffff12;margin-top:4px;padding-top:4px}.context-menu.pane-context-menu .context-menu-divider{background:#ffffff12;flex:0 0 1px;height:1px;margin:4px 0}.canvas-toolbar-panel-item,.context-menu.pane-context-menu .context-menu-item{box-sizing:border-box;width:100%;height:32px;min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--fg-secondary);cursor:pointer;font:inherit;font-size:var(--fs-sm);text-align:left;background:0 0;border:0;flex:0 0 32px;align-items:center;gap:8px;transition:none;display:flex;transform:none}.canvas-toolbar-panel-item:is(:hover,:focus-visible),.context-menu.pane-context-menu .context-menu-item:is(:hover,:focus-visible){color:#fff;background:#ffffff12;outline:none}.context-menu.pane-context-menu .context-menu-item.active{color:#fff;background:#ffffff1a}.context-menu.pane-context-menu .context-menu-item.disabled{color:var(--fg-disabled);pointer-events:none;background:0 0}.canvas-add-icon,.context-menu.pane-context-menu .menu-icon{width:16px;height:16px;color:inherit;background:0 0;flex:0 0 16px;justify-content:center;align-items:center;margin:0;display:inline-flex}.canvas-toolbar-panel-item-copy{align-items:center;min-width:0;display:flex}.canvas-toolbar-panel-item-label{white-space:nowrap;color:inherit;transition:none;transform:none}.context-menu.pane-context-menu .menu-label{color:inherit;white-space:nowrap}.context-menu.pane-context-menu :is(.menu-shortcut,.menu-arrow){color:#77777d;margin-left:auto;font-size:11px}.canvas-toolbar-panel-group.canvas-add-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 4px 4px;display:grid}.canvas-toolbar-panel-item.canvas-add-grid-item{height:60px;min-height:60px;font-size:var(--fs-xs);background:#ffffff0a;flex-direction:column;justify-content:center;gap:6px;padding:0}.canvas-add-grid-item .canvas-add-icon{flex:0 0 18px;width:18px;height:18px}.canvas-toolbar-panel-item.canvas-add-grid-item:is(:hover,:focus-visible){color:#fff;background:#ffffff17}body[data-node-menu=open] :is(.node-hover-toolbar-portal,.node-hover-toolbar,.result-image-portal-toolbar,.text-format-toolbar.text-node-actions-toolbar,.selection-floating-toolbar,.canvas-composer-overlay){visibility:hidden;pointer-events:none}.selection-floating-toolbar{animation:selection-toolbar-in var(--dur-base) var(--ease-out) both}.selection-toolbar-count{height:32px;padding:0 var(--space-2);color:var(--fg-tertiary);font-size:var(--fs-sm);white-space:nowrap;align-items:center;display:inline-flex}@keyframes selection-toolbar-in{0%{opacity:0;translate:0 6px}}@media (prefers-reduced-motion:reduce){.selection-floating-toolbar{animation:none}}body[data-box-selecting] *{pointer-events:none!important}body[data-box-selecting] .react-flow__pane{pointer-events:auto!important}.react-flow__node.connection-unavailable{opacity:.32;filter:saturate(.4)}.react-flow__node>*{transition:transform var(--dur-fast,.12s) ease-out}.react-flow__node.connection-candidate>*{transform:perspective(900px) rotateX(calc(var(--tilt-y,0) * -10deg)) rotateY(calc(var(--tilt-x,0) * 10deg)) scale(.975)}@media (prefers-reduced-motion:reduce){.react-flow__node.connection-candidate>*{transform:none}}.react-flow__node.connection-candidate :is(.node-interactive-handle,.react-flow__handle){opacity:0!important}.connection-drag-invalid .react-flow__connection-path,.connection-drag-invalid .canvas-pending-connection path{stroke:#ffffff73!important;stroke-dasharray:4 4!important}.connection-rejection-tooltip{z-index:99999;pointer-events:none;color:#e6e6e8;background:#26262a;border:1px solid #ffffff1a;border-radius:8px;padding:6px 8px;font-size:11px;position:fixed}.context-menu.pane-context-menu .context-menu-section-title{color:#77777d;padding:8px 8px 4px;font-size:11px}.context-menu.pane-context-menu.drag-create-menu .context-menu-item.disabled{pointer-events:auto;cursor:not-allowed;color:var(--fg-disabled);background:0 0}.canvas-file-drop-hint{z-index:var(--z-canvas-chrome);pointer-events:none;animation:canvasFileDropHintIn var(--dur-fast,.12s) ease-out;background:#ffffff0a;border:1.5px dashed #ffffff73;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:8px}@keyframes canvasFileDropHintIn{0%{opacity:0}to{opacity:1}}.canvas-file-drop-hint>span{color:#ffffffe6;font-size:var(--fs-sm,13px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1c1ef0;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:inline-flex;box-shadow:0 18px 44px #0000004d}.canvas-help-wrap{position:relative}.canvas-help-menu{width:172px;left:0;transform:none}.canvas-help-menu-item{gap:10px}.canvas-help-menu-item svg{color:var(--fg-tertiary);flex:none}.canvas-help-menu-item:hover svg{color:currentColor}.canvas-minimap{cursor:grab;border-radius:12px}.canvas-minimap:active{cursor:grabbing}.canvas-minimap .react-flow__minimap-node{fill:var(--minimap-node)}.canvas-minimap .react-flow__minimap-mask{fill:var(--minimap-mask);stroke:var(--minimap-viewport);vector-effect:non-scaling-stroke}.common-params-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.common-params-dialog{border:1px solid var(--glass-border);background:#202022;border-radius:20px;flex-direction:column;width:min(92vw,680px);max-height:min(86vh,640px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0000007a}.common-params-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:56px;padding:0 16px 0 20px;display:flex}.common-params-header h2{color:var(--fg-primary);font-size:var(--fs-md,15px);font-weight:var(--fw-semibold,600);align-items:center;gap:8px;margin:0;display:flex}.common-params-close{width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.common-params-close:hover{color:var(--fg-primary);background:#ffffff14}.common-params-body{flex:1;min-height:0;display:flex}.common-params-tabs{border-right:1px solid #ffffff14;flex-direction:column;gap:4px;width:140px;padding:12px;display:flex}.common-params-tab{height:36px;color:var(--fg-secondary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.common-params-tab:hover{background:#ffffff0d}.common-params-tab.active{color:var(--fg-primary);background:#ffffff1a}.common-params-content{flex:1;min-width:0;padding:16px 20px;overflow-y:auto}.common-params-content-head{color:var(--fg-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold,600);justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.common-params-reset{color:var(--fg-tertiary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.common-params-reset:hover{color:var(--fg-primary)}.common-params-field{margin-bottom:16px}.common-params-label{color:var(--fg-tertiary);font-size:var(--fs-xs);margin-bottom:8px}.common-params-select{width:100%;height:36px;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:0 10px}.common-params-chips{flex-wrap:wrap;gap:6px;display:flex}.common-params-chip{min-width:56px;height:30px;color:var(--fg-secondary);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:0 12px}.common-params-chip:hover{background:#ffffff14}.common-params-chip.active{color:var(--fg-primary);background:#ffffff1f;border-color:#fff6}.common-params-empty,.common-params-note{color:var(--fg-tertiary);font-size:var(--fs-xs)}.common-params-note{margin:4px 0 0}.common-params-footer{border-top:1px solid #ffffff14;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.common-params-btn{height:32px;color:var(--fg-primary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:0 16px}.common-params-btn.primary{background:var(--fg-primary);color:#111;border-color:#0000}.common-params-btn:disabled{opacity:.4;cursor:not-allowed}.common-params-dialog:focus{outline:none}.common-params-dialog :is(button,select):focus-visible{outline:2px solid var(--fg-primary);outline-offset:2px}@media (width<=600px){.common-params-body{flex-direction:column}.common-params-tabs{border-bottom:1px solid #ffffff14;border-right:0;flex-direction:row;flex-shrink:0;width:auto;padding:8px 12px}.common-params-tab{flex:1;justify-content:center;gap:4px;padding:0 4px}.common-params-content{padding:16px}}.feedback-dialog{width:min(92vw,520px)}.feedback-body{padding:16px 20px;overflow-y:auto}.feedback-textarea{width:100%;min-height:140px;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px;line-height:1.6}.feedback-count{color:var(--fg-tertiary);font-size:var(--fs-xs);text-align:right;margin-top:4px}.feedback-shots{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.feedback-shot,.feedback-shot-add{border-radius:10px;width:72px;height:72px;position:relative;overflow:hidden}.feedback-shot img{object-fit:cover;width:100%;height:100%}.feedback-shot button{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}.feedback-shot-add{color:var(--fg-tertiary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:1px dashed #fff3;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.feedback-shot-add:hover{color:var(--fg-primary);border-color:#fff6}.feedback-error{color:var(--error);font-size:var(--fs-xs);margin-top:8px}.feedback-textarea:focus,.common-params-select:focus{border-color:#ffffff4d;outline:none}.canvas-zoom-controls>.canvas-zoom-tooltip-trigger:first-child .canvas-zoom-shortcut-tooltip{left:0;transform:translateY(4px)}.canvas-zoom-controls>.canvas-zoom-tooltip-trigger:first-child .canvas-zoom-shortcut-tooltip:after{left:16px}.canvas-zoom-controls>.canvas-zoom-tooltip-trigger:first-child:hover .canvas-zoom-shortcut-tooltip{transform:translate(0)}.canvas-arrange-review{z-index:var(--z-canvas-chrome);border:1px solid var(--glass-border);background:var(--canvas-floating-bg);box-shadow:var(--canvas-floating-shadow);color:var(--fg-primary);font-size:var(--fs-sm);animation:canvasFileDropHintIn var(--dur-fast,.12s) ease-out;border-radius:12px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;position:absolute;bottom:60px;left:16px}.canvas-arrange-review.above-minimap{bottom:222px}.canvas-arrange-review button{height:28px;color:var(--fg-primary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:0 12px}.canvas-arrange-review button:hover{background:#ffffff14}.canvas-arrange-review button.primary{background:var(--fg-primary);color:#111;border-color:#0000}.canvas-bottom-notice{z-index:var(--z-canvas-chrome);border:1px solid var(--glass-border);background:var(--canvas-floating-bg);box-shadow:var(--canvas-floating-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--fg-secondary);font-size:var(--fs-sm);white-space:nowrap;animation:canvasFileDropHintIn var(--dur-fast,.12s) ease-out;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.canvas-bottom-notice button{background:var(--bg-hover);height:26px;color:var(--fg-primary);font-size:var(--fs-xs);font-weight:var(--fw-medium);cursor:pointer;border:0;border-radius:999px;padding:0 12px}.canvas-bottom-notice button:hover{background:var(--border-strong)}.canvas-delete-confirm-backdrop{z-index:var(--z-modal);background:#0006;place-items:center;display:grid;position:fixed;inset:0}.canvas-delete-confirm{border:1px solid var(--glass-border);background:var(--bg-elevated);width:min(360px,100vw - 32px);box-shadow:var(--canvas-floating-shadow);color:var(--fg-primary);border-radius:14px;padding:20px}.canvas-delete-confirm p{font-size:var(--fs-sm);margin:0;line-height:1.6}.canvas-delete-confirm-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.canvas-delete-confirm-actions button{border:1px solid var(--border-default);height:32px;color:var(--fg-primary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border-radius:8px;padding:0 16px}.canvas-delete-confirm-actions button:hover{background:var(--bg-hover)}.canvas-delete-confirm-actions button.primary{background:var(--fg-primary);color:var(--fg-inverse);border-color:#0000}.canvas-delete-confirm-actions button.primary:hover{background:var(--fg-secondary)}.canvas-delete-confirm-actions button:focus-visible{outline:2px solid var(--border-strong);outline-offset:2px}.react-flow:is([data-zoom-tier=b],[data-zoom-tier=c]) :is(.react-flow__handle,.node-interactive-handle,.react-flow__resize-control,.result-media-replace-btn,.result-audio-replace-btn,.character-compact-expand,.character-status-pill,.thumb-remove){visibility:hidden!important;pointer-events:none!important}.react-flow[data-zoom-tier=c] .canvas-group-node>.canvas-group-name{visibility:hidden}.result-video-poster{border-radius:inherit;object-fit:contain;width:100%;height:100%;display:block}.react-flow:is([data-zoom-tier=b],[data-zoom-tier=c]) .react-flow__node :is(*){-webkit-backdrop-filter:none!important}.react-flow[data-zoom-tier=c] :is(.character-compact-info,.canvas-stack-label){visibility:hidden}.result-text-output.is-tier-placeholder{overflow:hidden}.tier-text-preview{flex-direction:column;gap:7px;min-width:0;display:flex}.tier-text-preview>span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tier-text-lines{flex-direction:column;gap:18px;padding-top:6px;display:flex}.tier-text-lines>span{background:color-mix(in srgb, var(--fg-primary) 22%, transparent);border-radius:999px;width:86%;height:14px;display:block}.tier-text-lines>span:nth-child(2){width:72%}.tier-text-lines>span:nth-child(3){width:64%}.tier-text-lines>span:nth-child(4){width:48%}.result-audio-wrap.is-tier-placeholder .result-audio-waveform{cursor:default}.result-audio-wrap.is-tier-placeholder .tier-type-icon{height:100%;color:var(--fg-secondary);place-items:center;display:grid}.react-flow__node :is(.result-node,.video-editor-node,.image-editor-node,.canvas-character-node,.media-input-node,.three-d-node)>.node-header{width:calc(100% * var(--canvas-title-width-zoom,1));max-width:none;transform:scale(calc(1 / var(--canvas-title-zoom,1)));transform-origin:0 100%;right:auto}.react-flow__node :is(.media-input-node,.three-d-node)>.node-header{pointer-events:none;justify-content:flex-start}.react-flow__node :is(.media-input-node,.three-d-node)>.node-header>*{pointer-events:auto}.react-flow__node .node-header :is(.result-node-title-row,.node-title){min-width:0}.react-flow__node .node-header .node-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.react-flow:is([data-zoom-tier=b],[data-zoom-tier=c]) .react-flow__node :is(.result-node,.video-editor-node,.image-editor-node,.canvas-character-node,.media-input-node,.three-d-node)>.node-header{visibility:hidden}.react-flow[data-zoom-tier=b] .node-header>*{visibility:visible}.project-canvas-pane:not(.active) .react-flow[data-zoom-tier=b] .node-header>*{visibility:inherit}.react-flow__node .canvas-group-node>.canvas-group-name{--node-title-scale:clamp(.5, 1 / var(--canvas-zoom,1), 5);max-width:calc(100% / var(--node-title-scale));transform:scale(var(--node-title-scale));transform-origin:0 100%}.canvas-zoom-overlay{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.canvas-group-title-layer{z-index:3000}.canvas-group-title{position:absolute;top:0;left:0}.canvas-group-title>span{bottom:calc(6px / var(--canvas-zoom,1));box-sizing:border-box;max-width:max(28px, calc(var(--group-width,0) * var(--canvas-zoom,1) * 1px));border:1px solid var(--border-subtle,#ffffff1f);background:var(--bg-elevated,#1f1f1f);height:24px;color:var(--fg-primary);font-size:12px;font-weight:var(--fw-bold,600);white-space:nowrap;text-overflow:ellipsis;transform:scale(calc(1 / var(--canvas-zoom,1)));transform-origin:0 100%;border-radius:6px;padding:0 8px;line-height:22px;display:block;position:absolute;left:0;overflow:hidden}.canvas-group-title.is-selected>span{border-color:var(--accent);color:var(--accent)}.react-flow:is([data-zoom-tier=b],[data-zoom-tier=c]) .react-flow__edge-path{stroke-width:calc(1px / var(--canvas-zoom,1))!important}.react-flow:is([data-zoom-tier=b],[data-zoom-tier=c]) .react-flow__edge.selected .react-flow__edge-path{stroke-width:calc(2px / var(--canvas-zoom,1))!important}.tiered-image:not(.is-loaded){background:var(--bg-elevated,#1f1f1f) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23808080'%3E%3Cpath d='M21 5v14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1Zm-2 1H5v10.6l4.3-4.3a1 1 0 0 1 1.4 0l2.3 2.3 1.8-1.8a1 1 0 0 1 1.4 0L19 15.6V6Zm-4.5 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z'/%3E%3C/svg%3E") center / 28px 28px no-repeat}.tiered-image.is-video:not(.is-loaded){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23808080'%3E%3Cpath d='M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5Zm7 3.5v7l6-3.5-6-3.5Z'/%3E%3C/svg%3E")}.canvas-copilot-usage{flex:none}.canvas-copilot-usage-trigger{width:36px;height:36px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.canvas-copilot-usage-trigger:hover,.canvas-copilot-usage-trigger.open{background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-usage-panel{z-index:var(--z-canvas-chrome-menu);background:var(--bg-elevated);color:var(--fg-primary);--usage-color-0:#c5a6f0;--usage-color-1:#83bbc6;--usage-color-2:#d9b68f;--usage-color-3:#a2b796;font-variant-numeric:tabular-nums;border-radius:16px;max-height:calc(100dvh - 100px);padding:16px;font-size:13px;position:absolute;top:calc(100% + 4px);left:12px;right:12px;overflow-y:auto;box-shadow:0 14px 38px #00000073}.canvas-copilot-usage-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.canvas-copilot-usage-heading>strong{font-size:15px;font-weight:650}.canvas-copilot-usage-heading>button{width:28px;height:28px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:-4px -4px -4px 0;padding:0;display:grid}.canvas-copilot-usage-heading>button:hover{background:var(--bg-hover);color:var(--fg-primary)}.canvas-copilot-usage-summary{color:var(--fg-secondary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.canvas-copilot-usage-summary>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.canvas-copilot-usage-summary strong{color:var(--fg-primary);font-size:14px;font-weight:600}.canvas-copilot-usage-summary i{color:var(--fg-secondary);font-style:normal}.canvas-copilot-usage-credits{font-size:11px}.canvas-copilot-usage-credits b{margin-left:4px;font-weight:400}.canvas-copilot-usage-bar{border-radius:4px;gap:3px;height:7px;margin:15px 0 18px;display:flex;overflow:hidden}.canvas-copilot-usage-bar>span{background:var(--usage-color);min-width:2px}.canvas-copilot-usage-models{gap:12px;max-height:220px;margin-top:16px;display:grid;overflow-y:auto}.canvas-copilot-usage-bar+.canvas-copilot-usage-models{margin-top:0}.canvas-copilot-usage-model{align-items:center;gap:9px;display:flex}.canvas-copilot-usage-dot{background:var(--usage-color);border-radius:2px;flex:none;width:8px;height:8px}.canvas-copilot-usage-model-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:550;overflow:hidden}.canvas-copilot-usage-model>span:last-child{flex-shrink:0;font-size:12px}.canvas-copilot-usage-empty{color:var(--fg-secondary);margin:22px 0 4px;font-size:12px;line-height:1.6}.canvas-copilot-usage-details{border-top:1px solid var(--border-subtle);color:var(--fg-secondary);margin-top:18px;padding-top:12px;font-size:12px}.canvas-copilot-usage-details summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:24px;list-style:none;display:flex}.canvas-copilot-usage-details summary::-webkit-details-marker{display:none}.canvas-copilot-usage-details[open] summary .svg-icon{transform:rotate(180deg)}.canvas-copilot-usage-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.canvas-copilot-usage-details dl{gap:9px;margin:12px 0 0;display:grid}.canvas-copilot-usage-details dl>div{justify-content:space-between;gap:10px;display:flex}.canvas-copilot-usage-details dd{color:var(--fg-primary);margin:0}.canvas-copilot-usage-note{color:var(--fg-secondary);margin:14px 0 0;font-size:11px;line-height:1.6}.canvas-copilot-header{border-bottom:1px solid var(--border-subtle);gap:6px;padding:12px}.canvas-copilot-title-trigger{justify-content:flex-start;padding:0 6px}.canvas-copilot-close-btn{flex-shrink:0;width:32px;min-height:36px}.canvas-copilot-conversation-menu{grid-template-rows:auto auto minmax(0,1fr);width:min(330px,100vw - 54px)}.canvas-copilot-history-group{color:var(--fg-secondary);padding:12px 10px 6px;font-size:11px}.canvas-copilot-history-status{color:var(--fg-secondary);margin-top:4px;font-size:11px}.canvas-copilot-history-empty{color:var(--fg-secondary);font-size:var(--fs-xs);padding:16px 10px}.canvas-copilot-history-search{border:1px solid var(--border-subtle);min-width:0;color:var(--fg-primary);background:var(--bg-primary);font:inherit;font-size:var(--fs-xs);border-radius:8px;margin:4px 6px;padding:9px}.canvas-copilot-conversation-select{min-height:44px}.canvas-copilot-conversation-time{font-variant-numeric:tabular-nums}.canvas-copilot-confirm strong{color:var(--fg-primary);font-size:var(--fs-sm)}.canvas-copilot-confirm p{color:var(--fg-secondary);font-size:var(--fs-xs);margin:8px 0 12px;line-height:1.65}.canvas-copilot-confirm>div{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.canvas-copilot-confirm button{background:var(--bg-hover);min-height:36px;color:var(--fg-primary);font:inherit;font-size:var(--fs-xs);cursor:pointer;border:0;border-radius:8px;padding:8px 12px}.canvas-copilot-storage-error{color:var(--fg-secondary);font-size:var(--fs-xs);padding:10px 14px;line-height:1.6}.canvas-copilot-confirm-overlay{z-index:var(--z-canvas-chrome-menu);background:#0000008c;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.canvas-copilot-confirm{box-sizing:border-box;background:var(--bg-elevated);border-radius:14px;width:100%;padding:20px;box-shadow:0 16px 38px #00000059}.canvas-copilot-confirm strong{overflow-wrap:anywhere;display:block}.canvas-copilot-confirm button.danger{color:#fff;background:#a94040}.canvas-copilot-drawer button:focus-visible,.canvas-copilot-history-search:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:none){.canvas-copilot-conversation-more{opacity:1;pointer-events:auto}}.canvas-copilot-drawer{z-index:calc(var(--z-canvas-chrome-panel) + 1)}.canvas-page{--canvas-agent-panel-width:430px}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-flow-shell{width:calc(100% - var(--canvas-agent-panel-width));transition:none}.canvas-copilot-drawer{width:var(--canvas-agent-panel-width);box-sizing:border-box;border:0;border-left:1px solid var(--border-subtle);box-shadow:none;border-radius:0;top:0;bottom:0;right:0}.canvas-copilot-resizer{top:0;right:calc(var(--canvas-agent-panel-width) - 12px);z-index:calc(var(--z-canvas-chrome-panel) + 2);cursor:col-resize;touch-action:none;background:0 0;border:0;width:24px;padding:0;position:absolute;bottom:0}.canvas-copilot-resizer:before{content:"";opacity:0;background:#ffffff42;border-radius:999px;width:2px;transition:opacity .16s,transform .16s;position:absolute;top:12px;bottom:12px;left:50%;transform:translate(-50%)scaleY(.98);box-shadow:0 0 14px #ffffff1f}.canvas-copilot-resizer:hover:before,.canvas-copilot-resizer:focus-visible:before,.canvas-copilot-resizer.resizing:before{opacity:1;transform:translate(-50%)scaleY(1)}.canvas-copilot-resizer:focus-visible{outline:none}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-account-pill{right:calc(var(--canvas-agent-panel-width) + 16px)}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-share-control{top:16px;right:calc(var(--canvas-agent-panel-width) + 161px)}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-zoom-ruler{left:calc((100% - var(--canvas-agent-panel-width)) / 2)}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-copilot-launcher{visibility:hidden}@media (width>=761px) and (width<=1150px){.canvas-page{--canvas-agent-panel-width:400px}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-title-input{max-width:140px}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-share-avatars{display:none}}@media (width>=761px) and (width<=980px){.canvas-page{--canvas-agent-panel-width:400px}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-share-control{top:72px;right:calc(var(--canvas-agent-panel-width) + 16px)}}@media (width<=760px){.canvas-page{--canvas-agent-panel-width:100%}.canvas-page:has(.canvas-flow-shell.copilot-open) .canvas-flow-shell{width:100%}.canvas-page:has(.canvas-flow-shell.copilot-open) :is(.canvas-topbar,.canvas-account-pill,.canvas-share-control,.canvas-zoom-controls,.canvas-zoom-ruler,.canvas-toolbar-wrap){visibility:hidden}.canvas-copilot-resizer{display:none}}@media (prefers-reduced-motion:reduce){.canvas-copilot-drawer,.canvas-copilot-drawer:before{animation:none}.canvas-copilot-drawer:before{content:none}}.canvas-flow-shell.copilot-open .canvas-empty-state{width:min(1040px,100% - 160px)}.canvas-flow-shell.copilot-open .canvas-empty-state-heading,.canvas-flow-shell.copilot-open .canvas-empty-state-actions{flex-wrap:wrap}.canvas-copilot-conversation-menu{flex-direction:column;display:flex}.canvas-copilot-conversation-create{width:100%;min-height:44px;color:var(--fg-primary);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px;font-weight:650;display:flex}.canvas-copilot-conversation-create:hover:not(:disabled){background:var(--bg-hover)}.canvas-copilot-conversation-create:disabled{opacity:.45;cursor:not-allowed}.canvas-copilot-conversation-list{border-top:1px solid var(--border-subtle);min-height:0;margin-top:6px;padding-top:6px}.project-canvas-pane{visibility:hidden;pointer-events:none;position:absolute;inset:0}.project-canvas-pane.active{visibility:visible;pointer-events:auto}.project-canvas-pane:not(.active) .react-flow__node{visibility:hidden!important}.canvas-project-navigation{align-items:center;gap:3px;min-width:0;display:flex;position:relative}.canvas-project-nav-trigger{min-width:0;max-width:190px;height:32px;color:var(--fg-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:550;display:inline-flex}.canvas-project-nav-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-project-nav-trigger .svg-icon{color:var(--fg-secondary);flex-shrink:0}.canvas-project-nav-trigger:hover,.canvas-project-nav-trigger.active{background:var(--bg-hover)}.canvas-project-nav-trigger:focus-visible,.canvas-project-nav-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.canvas-project-nav-canvas{max-width:170px;font-weight:450}.canvas-project-nav-divider{background:var(--border-default);flex:none;width:1px;height:18px;margin:0 3px}.canvas-project-nav-menu{background:var(--bg-elevated);width:min(310px,100vw - 58px);max-height:min(500px,100dvh - 94px);color:var(--fg-primary);z-index:var(--z-canvas-chrome-menu);border-radius:16px;flex-direction:column;padding:8px;display:flex;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 18px 44px #0006}.canvas-project-nav-heading{color:var(--fg-secondary);justify-content:space-between;align-items:center;padding:4px 8px 10px;font-size:12px;display:flex}.canvas-project-nav-menu button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:8px;font-size:13px}.canvas-project-nav-heading button{width:30px;height:30px;color:var(--fg-primary);place-items:center;display:grid}.canvas-project-nav-menu button:hover{background:var(--bg-hover)}.canvas-project-nav-list{min-height:0;overflow-y:auto}.canvas-project-nav-row{border-radius:10px;grid-template-columns:minmax(0,1fr) 30px;align-items:center;margin:2px 0;display:grid}.canvas-project-nav-row.selected{background:var(--bg-hover)}.canvas-project-nav-select{text-align:left;align-items:center;gap:8px;min-width:0;min-height:42px;padding:9px 10px;display:flex}.canvas-project-nav-select>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.canvas-project-nav-select .svg-icon{color:var(--fg-secondary);flex-shrink:0}.canvas-project-nav-select small{color:var(--accent);white-space:nowrap;font-size:10px}.canvas-project-nav-more{place-items:center;width:28px;height:32px;display:grid;color:var(--fg-secondary)!important}.canvas-project-nav-actions{grid-column:1/-1;justify-content:flex-end;gap:2px;padding:0 4px 6px;display:flex}.canvas-project-nav-actions button{padding:7px 9px;font-size:12px}.canvas-project-nav-actions button.danger{color:var(--fg-secondary)}.canvas-project-nav-actions button:disabled{opacity:.4;cursor:default}.canvas-project-nav-rename{grid-column:1/-1;gap:4px;padding:6px;display:flex}.canvas-project-nav-rename input,.canvas-project-nav-search{background:var(--bg-primary);width:100%;min-width:0;color:var(--fg-primary);border:1px solid var(--border-default);font:inherit;outline-color:var(--accent);border-radius:7px;padding:8px;font-size:13px}.canvas-project-nav-rename button{flex-shrink:0;place-items:center;width:30px;display:grid}.canvas-project-nav-search{box-sizing:border-box;margin:0 0 8px}.canvas-project-nav-empty{color:var(--fg-secondary);padding:12px;font-size:12px}.canvas-project-nav-deleted{border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:6px}.canvas-project-nav-deleted>button{width:100%;color:var(--fg-secondary);justify-content:space-between;align-items:center;padding:10px;font-size:12px;display:flex}.canvas-project-nav-deleted>div{justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.canvas-project-nav-deleted>div span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-project-nav-deleted>div button{color:var(--accent);padding:6px 10px}.canvas-project-delete-overlay{z-index:calc(var(--z-canvas-chrome-menu) + 20);background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.canvas-project-delete-dialog{background:var(--bg-elevated);width:min(360px,100%);color:var(--fg-primary);border-radius:16px;padding:24px;box-shadow:0 18px 44px #0000004d}.canvas-project-delete-dialog h3{overflow-wrap:anywhere;margin:0;font-size:17px}.canvas-project-delete-dialog p{color:var(--fg-secondary);margin:12px 0 20px;font-size:13px;line-height:1.7}.canvas-project-delete-dialog>div{justify-content:flex-end;gap:8px;display:flex}.canvas-project-delete-dialog button{background:var(--bg-hover);min-height:36px;color:var(--fg-primary);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:13px}.canvas-project-delete-dialog button.danger{color:#fff;background:#963f42}@media (width<=1150px){.canvas-project-nav-trigger{max-width:135px}.canvas-project-nav-canvas{max-width:115px}}@media (width<=760px){.canvas-project-nav-trigger{gap:4px;max-width:50%;padding:0 5px;font-size:12px}.canvas-project-nav-divider{margin:0}.canvas-project-nav-menu{left:-30px}.canvas-page:not(.official-template-editor)>.canvas-topbar{max-width:calc(100vw - 110px);left:8px}.canvas-project-navigation{max-width:calc(100vw - 150px)}.canvas-project-nav-trigger{flex:1 1 0}.canvas-page .canvas-account-pill{right:8px}.canvas-account-credits{display:none}.canvas-page .canvas-share-control{gap:8px;top:66px;right:16px}.canvas-share-control .canvas-global-style-trigger,.canvas-share-avatars,.canvas-share-action>span{display:none}.canvas-share-button{padding:3px}.canvas-share-action{justify-content:center;width:32px;padding:0}}.canvas-copilot-usage-panel{background:var(--bg-elevated);--usage-color-0:#ff8a24;--usage-color-1:#ff357e;--usage-color-2:#b496ef;--usage-color-3:#58afe4;--usage-color-4:#62bc8c;--usage-color-5:#e5c45e;--usage-color-6:#d97579;--usage-color-7:#6dc8c4;padding:20px}.canvas-copilot-usage-heading{margin-bottom:22px}.canvas-copilot-usage-heading>strong{font-size:17px}.canvas-copilot-usage-summary{gap:6px;font-size:13px}.canvas-copilot-usage-summary>div{gap:10px}.canvas-copilot-usage-summary strong{font-size:16px}.canvas-copilot-usage-credits{color:var(--fg-primary);align-items:center;gap:5px;font-size:15px;display:inline-flex}.canvas-copilot-usage-credits b{margin:0;font-weight:600}.canvas-copilot-usage-chart{margin:16px 0 22px;position:relative}.canvas-copilot-usage-bar{border-radius:99px;gap:1px;height:9px;margin:0}.canvas-copilot-usage-bar>span{transition:opacity .12s ease-out}.canvas-copilot-usage-bar>span.muted{opacity:.4}.canvas-copilot-usage-bar>span:focus-visible{outline-offset:-2px;outline:2px solid #fff}.canvas-copilot-usage-tooltip{z-index:2;box-sizing:border-box;background:var(--bg-primary);max-width:100%;color:var(--fg-primary);pointer-events:none;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 6px 16px #0000004d}.canvas-copilot-usage-tooltip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-copilot-usage-tooltip strong{flex-shrink:0;font-weight:500}.canvas-copilot-usage-models{gap:16px;margin-top:20px}.canvas-copilot-usage-chart+.canvas-copilot-usage-models{margin-top:0}.canvas-copilot-usage-model{gap:11px}.canvas-copilot-usage-model.highlighted .canvas-copilot-usage-model-name{color:var(--fg-primary)}.canvas-copilot-usage-dot{border-radius:3px;width:10px;height:10px}.canvas-copilot-usage-model-name{font-size:14px;font-weight:600}.canvas-copilot-usage-model>span:last-child{font-size:14px;font-weight:550}@media (prefers-reduced-motion:reduce){.canvas-copilot-usage-bar>span{transition:none}}@media (width<=400px){.canvas-copilot-usage-panel{padding:18px}.canvas-copilot-usage-summary>div{gap:7px}.canvas-copilot-usage-summary strong{font-size:15px}}.canvas-copilot-preview-controls{border-top:1px solid var(--border-subtle);color:var(--fg-secondary);align-items:center;gap:12px;padding:10px 18px;font-size:11px;display:flex}.canvas-copilot-preview-controls span{flex:1}.canvas-copilot-preview-controls button{color:var(--accent-text,var(--fg-primary));cursor:pointer;font-size:inherit;background:0 0;border:0;padding:5px 0}.canvas-copilot-preview-controls button:disabled{opacity:.5;cursor:default}.canvas-copilot-preview-controls button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.canvas-copilot-input-error button{background:var(--bg-secondary);color:var(--fg-primary);border:1px solid var(--border-subtle);cursor:pointer;font:inherit;white-space:nowrap;border-radius:6px;align-items:center;margin-left:8px;padding:5px 10px;display:inline-flex}.canvas-copilot-input-error button:hover{background:var(--bg-hover)}.canvas-copilot-input-error button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.unified-generator .composer-settings-anchor{flex:0 auto;min-width:0;position:relative}.unified-generator .processor-footer{align-items:center;gap:4px;padding:8px;display:flex}.unified-generator .processor-model-group{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.unified-generator .processor-settings-btn{white-space:nowrap;align-items:center;gap:5px;max-width:100%;display:inline-flex}.unified-generator .processor-settings-summary{text-overflow:ellipsis;max-width:180px;overflow:hidden}.unified-generator .composer-settings-anchor .processor-settings-panel{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:16px;width:300px;min-width:0;max-width:calc(100vw - 32px);padding:12px;bottom:calc(100% + 8px);left:0;right:auto;box-shadow:0 12px 32px #00000038}.unified-generator .processor-settings-panel .settings-label{color:var(--fg-secondary);margin-bottom:8px;font-size:12px;font-weight:400}.unified-generator .processor-settings-panel .ratio-grid{background:var(--bg-hover);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px}.unified-generator .processor-settings-panel .ratio-card{min-width:0;min-height:52px;font:inherit;color:var(--fg-secondary);background:0 0;border:0;font-size:11px}.unified-generator .processor-settings-panel .ratio-card.active,.unified-generator .processor-settings-panel .option-btn.active{background:var(--bg-elevated);color:var(--fg-primary);box-shadow:0 1px 4px #0000001f}.unified-generator .processor-settings-panel .option-row{background:var(--bg-hover);border-radius:10px;gap:4px;padding:4px}.unified-generator .processor-settings-panel .option-btn{font:inherit;min-height:30px;color:var(--fg-secondary);background:0 0;border:0;border-radius:7px;font-size:12px}.unified-generator .processor-settings-panel :is(.ratio-card,.option-btn):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.unified-generator .processor-model-menu{border-radius:16px;gap:3px;width:280px;padding:6px}.unified-generator .processor-model-option{border-radius:10px;padding:10px}.unified-generator .processor-model-option-tags{margin-top:5px}.unified-generator .processor-model-option-badge{background:var(--bg-hover);color:var(--fg-secondary);font-size:9px}.canvas-video-player{container-type:inline-size}.canvas-video-player,.media-preview-video{--video-control-color:#fff;--video-control-hover:#ffffff29;--video-track-color:#fff6;--video-control-fade:.2s;--video-control-size:20px;--video-scrim-height:96px;--video-scrim:linear-gradient(to top, #000c, transparent);--video-dot-shadow:0 1px 4px #0000007a;width:100%;min-width:0;height:100%;position:relative;overflow:hidden}.canvas-video-player>video{object-fit:contain;width:100%;height:100%;display:block}.canvas-video-bar{z-index:2;color:var(--video-control-color);opacity:0;pointer-events:none;transition:opacity var(--video-control-fade);align-items:center;gap:4px;padding:32px 8px 8px;display:flex;position:absolute;inset:auto 0 0}.canvas-video-bar:before{content:"";height:var(--video-scrim-height);background:var(--video-scrim);pointer-events:none;z-index:-1;position:absolute;inset:auto 0 0}.canvas-video-bar.is-visible,.canvas-video-bar:focus-within{opacity:1;pointer-events:auto}.canvas-video-bar button{flex:0 0 var(--video-control-size);width:var(--video-control-size);height:var(--video-control-size);color:var(--video-control-color);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.canvas-video-bar button:hover{background:var(--video-control-hover)}.canvas-video-muted{background:var(--video-control-color);width:16px;height:2px;position:absolute;transform:rotate(-45deg)}.canvas-video-seek{cursor:pointer;touch-action:none;flex:1;min-width:16px;height:20px;position:relative}.canvas-video-track,.canvas-video-progress{border-radius:4px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.canvas-video-track{background:var(--video-track-color);width:100%}.canvas-video-progress{background:var(--video-control-color)}.canvas-video-dot{background:var(--video-control-color);width:12px;height:12px;box-shadow:var(--video-dot-shadow);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.canvas-video-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:12px}.node-history-stage>.canvas-video-player{align-self:stretch;height:auto}.node-history-stage>.canvas-video-player>video{position:absolute;inset:0}.canvas-video-player>video{object-fit:contain}.media-preview-video{--video-control-size:28px}.media-preview-video .canvas-video-bar{gap:8px;padding:40px 16px 16px}.media-preview-video .canvas-video-bar svg{width:16px;height:16px}.media-preview-video .canvas-video-time{font-size:14px}.canvas-video-error{color:var(--fg-tertiary);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}@container (width<=200px){.canvas-video-time{display:none}}.media-preview{--preview-bg:#101114;--preview-panel:var(--bg-elevated,#1c1d22);--preview-text:var(--fg-primary,#f4f4f5);--preview-muted:var(--fg-secondary,#a1a1aa);--preview-border:var(--border-default,#34343c);--preview-accent:#ffffffb8;--preview-duration:.24s;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;z-index:calc(var(--z-fullscreen,880) + 16);background:var(--preview-bg);color:var(--preview-text);animation:media-preview-in var(--preview-duration) ease-out;border:0;outline:none;flex-direction:column;margin:0;padding:0;font-size:14px;display:flex;position:fixed;inset:0}.media-preview::backdrop{background:var(--preview-bg)}.media-preview.is-closing{opacity:0;transition:opacity var(--preview-duration);pointer-events:none}.media-preview button{background:var(--preview-panel);min-width:36px;min-height:36px;color:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.media-preview button:hover{border-color:var(--preview-border)}.media-preview button:focus-visible{outline:2px solid var(--preview-accent);outline-offset:4px}.media-preview-header{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.media-preview-title{align-items:center;gap:12px;min-width:0;display:flex}.media-preview-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-preview-title span{color:var(--preview-muted);white-space:nowrap}.media-preview-close{flex-shrink:0}.media-preview-body{flex:1;min-height:0;display:flex}.media-preview-main{flex-direction:column;flex:1;min-width:0;display:flex}.media-preview-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.media-preview-group{align-items:flex-start;gap:48px;max-height:100%;display:flex}.media-preview-media{flex-shrink:0;overflow:hidden}.media-preview-media>img{object-fit:contain;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.media-preview-media>img:active{cursor:grabbing}.media-preview-video{--video-control-size:28px;width:100%;height:100%;position:relative;container-type:inline-size}.media-preview .canvas-video-bar button{min-width:var(--video-control-size);min-height:var(--video-control-size)}.media-preview-video video{object-fit:contain;width:100%;height:100%;display:block}.media-preview-footer{flex-direction:column;align-items:center;gap:12px;padding:16px 344px 24px 16px;display:flex}.media-preview-toolbar{border:1px solid var(--preview-border);background:var(--preview-panel);border-radius:12px;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex}.media-preview-toolbar button{white-space:nowrap;background:0 0}.media-preview-divider{background:var(--preview-border);width:1px;height:24px;margin:0 4px}.media-preview-thumbnails{gap:8px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.media-preview-thumbnails button{border:2px solid #0000;flex-shrink:0;width:56px;height:48px;padding:4px}.media-preview-thumbnails button[aria-pressed=true]{border-color:var(--preview-accent)}.media-preview-thumbnails img{object-fit:contain;width:100%;height:100%}.media-preview-info{box-sizing:border-box;-webkit-user-select:text;user-select:text;flex-direction:column;flex-shrink:0;gap:24px;width:280px;max-height:100%;display:flex;overflow-y:auto}.media-preview-tag{color:var(--preview-muted);background:#ffffff14;border-radius:6px;align-self:flex-start;padding:0 8px;font-size:12px;line-height:24px}.media-preview-prompt h2,.media-preview-meta dt{color:var(--preview-muted);margin:0 0 4px;font-size:12px;font-weight:400}.media-preview-prompt h2{margin-bottom:8px}.media-preview-prompt p{color:#ffffffdb;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:20px}.media-preview-prompt p.is-copyable{cursor:pointer;transition:color .12s}.media-preview-prompt p.is-copyable:hover{color:#fff}.media-preview-prompt h2 span{color:#ffffffdb}.media-preview-prompt p.is-clamped{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.media-preview-prompt button{color:var(--preview-muted);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px}.media-preview-prompt button:hover{color:#fff}.media-preview-meta{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.media-preview-prompt+.media-preview-meta{border-top:1px solid var(--preview-border);padding-top:20px}.media-preview-meta>div{min-width:0}.media-preview-meta>div.is-wide{grid-column:1/-1}.media-preview-meta dd{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:20px;overflow:hidden}@keyframes media-preview-in{0%{opacity:0}to{opacity:1}}@media (width<=600px){.media-preview-header{padding:12px}.media-preview-info{width:280px;max-width:60vw;padding:16px}.media-preview-toolbar{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.media-preview{--preview-duration:0s;animation:none}}:root{--side-panel-btn-hover:#ffffff16;--side-panel-btn-active:#ffffff24}.side-panel{z-index:var(--z-canvas-chrome-panel);border:1px solid var(--glass-border);border-radius:var(--canvas-panel-radius);background:var(--glass-bg);width:348px;max-width:calc(100vw - 92px);color:var(--fg-primary);font-size:var(--fs-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:canvas-toolbar-panel-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:68px;bottom:64px;left:76px;overflow:hidden;box-shadow:0 18px 52px #0000003d}.side-panel button,.side-panel input{font-family:inherit}.side-panel.is-expanded{z-index:1200;width:min(1180px,88vw);max-width:none;height:min(820px,86vh);animation:none;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 72px #00000073}.side-panel-backdrop{z-index:1199;background:#0000006b;position:fixed;inset:0}.side-panel-header{flex:none;justify-content:space-between;align-items:center;gap:8px;height:48px;padding:0 10px 0 16px;display:flex}.side-panel-title{align-items:center;gap:4px;min-width:0;display:flex}.side-panel-title h2{font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:nowrap;margin:0}.side-panel-actions{flex:none;gap:2px;display:flex}.side-panel-icon-btn{width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.side-panel-icon-btn:hover:not(:disabled),.side-panel-icon-btn:focus-visible{background:var(--side-panel-btn-hover);color:var(--fg-primary);outline:none}.side-panel-icon-btn:disabled{opacity:.4;cursor:default}.side-panel-icon-btn.is-active{background:var(--side-panel-btn-active);color:var(--fg-primary)}.side-panel-dropdown{flex:none;position:relative}.side-panel-scope{max-width:120px;height:24px;color:var(--fg-tertiary);font-size:var(--fs-2xs);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 6px 0 8px;display:inline-flex;overflow:hidden}.side-panel-scope:hover,.side-panel-scope[aria-expanded=true]{background:var(--side-panel-btn-hover);color:var(--fg-primary)}.side-panel-menu{z-index:5;border:1px solid var(--glass-border);background:var(--bg-elevated,#1f1f1f);min-width:132px;max-height:320px;animation:side-panel-fade-in var(--dur-base) var(--ease-out);border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 12px 32px #00000052}.side-panel-dropdown>.side-panel-menu{top:calc(100% + 4px);right:0}.side-panel-dropdown.is-start>.side-panel-menu{min-width:188px;left:0;right:auto}.side-panel-menu button{height:30px;color:var(--fg-secondary);font-size:var(--fs-xs);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:8px;padding:0 10px 0 8px;display:flex}.side-panel-menu button:hover:not(:disabled):not(.is-disabled){background:var(--overlay-hover);color:var(--fg-primary)}.side-panel-menu button:disabled,.side-panel-menu button.is-disabled{color:var(--fg-tertiary);opacity:.6;cursor:not-allowed}.side-panel-menu button.is-danger{color:var(--error)}.side-panel-menu button.is-danger:hover:not(:disabled){background:var(--error-soft,var(--overlay-hover));color:var(--error)}.side-panel-menu button small{color:var(--fg-tertiary);font-size:var(--fs-2xs);margin-left:auto;padding-left:12px}.side-panel-menu-divider{background:var(--border-subtle);flex:none;height:1px;margin:4px 2px}.side-panel-menu-heading{color:var(--fg-tertiary);font-size:var(--fs-2xs);flex:none;padding:8px 8px 4px}.side-panel-check{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--border-default);color:var(--fg-primary);border-radius:4px;flex:none;place-items:center;display:grid}.side-panel-check.is-checked{box-shadow:none;color:#111113;background:#f1f1f2}.side-panel-check.is-plain{box-shadow:none}.side-panel-menu .side-panel-menu-clear{background:var(--bg-elevated,#1f1f1f);color:var(--fg-secondary);border-radius:0 0 10px 10px;margin:0 -4px -4px;padding:0 14px 0 12px;position:sticky;bottom:-4px}.side-panel-select{height:28px;color:var(--fg-secondary);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px 0 10px;display:inline-flex}.side-panel-select:hover,.side-panel-select[aria-expanded=true]{background:var(--side-panel-btn-hover);color:var(--fg-primary)}.side-panel-select:focus-visible{outline-offset:-2px;outline:2px solid #fff6}.side-panel-select .svg-icon{color:var(--fg-tertiary)}.side-panel-select-wrap>.side-panel-menu{min-width:124px}.side-panel-tabbar{border-bottom:1px solid var(--border-subtle);flex:none;align-items:center;gap:2px;padding:0 12px 10px;display:flex}.side-panel-tabs{scrollbar-width:none;min-width:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), visibility 0s;flex:auto;gap:2px;padding-right:4px;display:flex;overflow-x:auto}.side-panel-tabbar .side-panel-tabs button{height:26px;color:var(--fg-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;padding:0 9px;display:inline-flex}.side-panel-tabbar .side-panel-tabs button:hover{background:var(--overlay-hover);color:var(--fg-primary)}.side-panel-tabbar .side-panel-tabs button.active{background:var(--bg-active);color:var(--fg-primary)}.side-panel-tabbar-extra{flex:none;align-items:center;gap:2px;display:flex}.side-panel-tabbar.is-searching:not(.is-wide) .side-panel-tabs{visibility:hidden;opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);transform:translate(-8px)}.side-panel-tabbar.is-searching:not(.is-wide) .side-panel-tabbar-extra{display:none}.side-panel-round-btn{width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;padding:0;display:grid;position:relative}.side-panel-round-btn:hover,.side-panel-round-btn[aria-expanded=true]{background:var(--side-panel-btn-hover);color:var(--fg-primary)}.side-panel-round-btn.is-active{border-color:var(--border-default);background:var(--bg-active);color:var(--fg-primary)}.side-panel-round-btn:focus-visible{outline-offset:-2px;outline:2px solid #fff6}.side-panel-search{width:28px;max-width:100%;height:28px;color:var(--fg-tertiary);interpolate-size:allow-keywords;transition:width var(--dur-base) var(--ease-out), background var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;display:flex;overflow:hidden}.side-panel-search:not(.is-open):not(.is-inline):hover{background:var(--side-panel-btn-hover);color:var(--fg-primary)}.side-panel-search.is-filtered{border-color:var(--border-default);background:var(--bg-active);width:auto;max-width:100px;color:var(--fg-primary)}.side-panel-search.is-open{border-color:var(--border-default);background:var(--overlay-hover);width:100%}.side-panel-tabbar.is-wide .side-panel-search.is-filtered{max-width:160px}.side-panel-tabbar.is-wide .side-panel-search.is-open{width:320px}.side-panel-search.is-inline{border-color:var(--border-default);background:var(--overlay-hover);cursor:text;flex:0 320px;width:320px;min-width:160px}.side-panel-search.is-inline:focus-within{border-color:#ffffff38}.side-panel-search-icon{color:var(--fg-tertiary);flex:none;place-items:center;padding:0 6px 0 9px;display:grid}.side-panel-search.is-inline input{animation:none}.side-panel-search.is-open:focus-within{border-color:#ffffff38}.side-panel-search .side-panel-search-trigger{min-width:26px;height:26px;color:inherit;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 auto;justify-content:center;align-items:center;gap:6px;padding:0 5px;display:inline-flex}.side-panel-search-trigger:focus-visible,.side-panel-search-clear:focus-visible{outline-offset:-2px;outline:2px solid #fff6}.side-panel-search-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-panel-search.is-filtered .side-panel-search-trigger{padding:0 2px 0 6px}.side-panel-search.is-open .side-panel-search-trigger{cursor:text;flex:none;padding-left:8px}.side-panel-search input{min-width:0;color:var(--fg-primary);font-size:var(--fs-xs);animation:side-panel-fade-in var(--dur-base) var(--ease-out);background:0 0;border:0;outline:none;flex:1}.side-panel-search input::placeholder{color:var(--fg-tertiary)}.side-panel-search-clear{width:20px;height:20px;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;margin-right:3px;padding:0;display:grid}.side-panel-search-clear:hover{background:var(--side-panel-btn-hover);color:var(--fg-primary)}.side-panel-list{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 12px 12px;overflow-y:auto}.side-panel-group-title{min-width:0;height:28px;color:var(--fg-secondary);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);align-items:center;gap:6px;margin:6px 0 4px;padding:0 4px;display:flex}.side-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.side-panel.is-expanded .side-panel-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.side-panel-card{min-width:0;position:relative}.side-panel-card-main{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.side-panel-thumb{aspect-ratio:1;background:var(--overlay-hover);width:100%;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--fg-tertiary);transition:box-shadow var(--dur-fast) ease;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.side-panel-thumb>:is(img,video){transition:filter var(--dur-base) var(--ease-out)}.side-panel-card-main:hover .side-panel-thumb{box-shadow:inset 0 0 0 1px #ffffff47}.side-panel-card-main:hover .side-panel-thumb>:is(img,video){filter:brightness(1.06)}.side-panel-thumb img,.side-panel-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%}.side-panel-thumb-text{color:var(--fg-secondary);font-size:var(--fs-2xs);place-self:start stretch;margin:0;padding:32px 11px 10px;line-height:1.55}.side-panel-thumb-text>span{white-space:pre-line;max-height:4.65em;display:block;overflow:hidden}.side-panel-thumb-state{width:100%;height:100%;color:var(--fg-tertiary);font-size:var(--fs-2xs);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:relative}.side-panel-badge{color:#fff;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:6px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:10px;display:inline-flex;position:absolute;top:6px}.side-panel-badge.is-kind{width:20px;left:6px}.side-panel-badge.is-corner{padding:0 6px;right:6px}.side-panel-wave{align-items:center;gap:3px;height:34px;display:flex}.side-panel-wave i{background:var(--fg-tertiary);border-radius:2px;width:3px}.side-panel-wave i:nth-child(4n+1){height:30%}.side-panel-wave i:nth-child(4n+2){height:75%}.side-panel-wave i:nth-child(4n+3){height:50%}.side-panel-wave i:nth-child(4n){height:95%}.side-panel-rows{flex-direction:column;gap:2px;display:flex}.side-panel-row{width:100%;min-height:60px;color:var(--fg-secondary);font:inherit;font-size:var(--fs-xs);text-align:left;cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:6px;display:flex}.side-panel-row:hover,.side-panel-row.is-hovered{background:var(--overlay-hover);color:var(--fg-primary)}.side-panel-row.is-focused{box-shadow:inset 0 0 0 2px #fff9}.side-panel-row:focus-visible{outline-offset:-2px;outline:2px solid #fff6}.side-panel-row-thumb{background:var(--overlay-hover);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--fg-tertiary);border-radius:8px;flex:0 0 48px;place-items:center;display:grid;position:relative;overflow:hidden}.side-panel-row-thumb img,.side-panel-row-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%}.side-panel-row-thumb .side-panel-thumb-state{padding:0}.side-panel-row-play{color:#fff;filter:drop-shadow(0 1px 2px #0009);position:absolute}.side-panel-row-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.side-panel-row-title{word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.side-panel-row-title.is-single{color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;display:block}.side-panel-row-sub{color:var(--fg-tertiary);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-panel-row-action{width:24px;height:24px;color:var(--fg-tertiary);opacity:0;cursor:pointer;transition:opacity var(--dur-fast) ease, background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:6px;flex:0 0 24px;place-items:center;padding:0;display:grid}.side-panel-row-action:hover,.side-panel-row-action[aria-expanded=true]{background:var(--side-panel-btn-hover);color:var(--fg-primary)}.side-panel-empty{color:var(--fg-tertiary);font-size:var(--fs-xs);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;line-height:1.6;display:flex}.side-panel-empty strong{color:var(--fg-secondary);font-weight:var(--fw-semibold)}.side-panel-empty-icon{background:var(--overlay-hover);border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.side-panel-empty button{border:1px solid var(--border-default);height:28px;color:var(--fg-primary);font-size:var(--fs-xs);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px}.side-panel-loading{color:var(--fg-tertiary);place-items:center;padding:16px;display:grid}.side-panel-tooltip{z-index:3000;border:1px solid var(--canvas-tooltip-border);background:var(--canvas-tooltip-bg);width:max-content;max-width:min(280px,100vw - 16px);box-shadow:var(--canvas-tooltip-shadow);color:var(--canvas-tooltip-fg);font-size:var(--fs-xs);font-weight:var(--fw-medium);pointer-events:none;visibility:hidden;border-radius:8px;padding:6px 10px;line-height:1.4;position:fixed;top:0;left:0}.side-panel-tooltip.is-visible{visibility:visible;animation:side-panel-tip-in var(--dur-base) var(--ease-out)}.side-panel-tooltip.is-bottom{--side-panel-tip-from:-4px}@keyframes side-panel-tip-in{0%{opacity:0;transform:translateY(var(--side-panel-tip-from,4px))}}@media (hover:none),(pointer:coarse){.side-panel-tooltip{display:none}}.side-panel-footer{border-top:1px solid var(--border-subtle);color:var(--fg-tertiary);font-size:var(--fs-2xs);flex:none;padding:9px 16px}.side-panel-spin{animation:.9s linear infinite side-panel-spin}@keyframes side-panel-spin{to{transform:rotate(360deg)}}@keyframes side-panel-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.side-panel,.side-panel-menu,.side-panel-search input,.side-panel-tooltip.is-visible{animation:none}}.asset-hover-preview{z-index:calc(var(--z-canvas-chrome-panel,730) + 2);border:1px solid var(--glass-border);background:var(--bg-elevated,#1f1f1f);width:300px;color:var(--fg-primary,#f4f4f5);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 52px #0000005c}.asset-hover-preview.is-visible{opacity:1}.asset-hover-preview-media{background:#0f0f10;place-items:center;width:100%;min-height:120px;max-height:340px;display:grid;overflow:hidden}.asset-hover-preview-media img,.asset-hover-preview-media video{object-fit:contain;width:100%;height:100%;max-height:340px}.asset-hover-preview.is-text .asset-hover-preview-media,.asset-hover-preview.is-audio .asset-hover-preview-media{background:#ffffff08;aspect-ratio:auto!important}.asset-hover-preview-media p{width:100%;color:var(--fg-secondary);font-size:var(--fs-xs);white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;align-self:start;margin:0;padding:14px 16px;line-height:1.6;display:-webkit-box;overflow:hidden}.side-panel-wave.is-large{height:72px}.asset-hover-preview.is-audio{pointer-events:none}.asset-hover-preview.is-audio.is-visible{pointer-events:auto}.asset-hover-preview.is-audio:before{content:"";width:14px;position:absolute;top:0;bottom:0;left:-14px}.asset-hover-preview.is-audio{overflow:visible}.asset-hover-preview-media:has(.asset-hover-audio){grid-auto-flow:row;gap:8px;padding:14px 14px 12px}.asset-hover-audio{align-items:center;gap:8px;width:100%;display:flex}.asset-hover-audio-btn{color:#111113;cursor:pointer;background:#f1f1f2;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:inline-grid}.asset-hover-audio-progress{appearance:none;background:linear-gradient(to right, #f1f1f2 var(--progress,0%), #ffffff2e var(--progress,0%));cursor:pointer;border-radius:2px;flex:1;min-width:0;height:4px}.asset-hover-audio-progress::-webkit-slider-thumb{appearance:none;background:#f1f1f2;border-radius:50%;width:10px;height:10px}.asset-hover-audio-time{color:var(--fg-tertiary);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;flex:none}.asset-hover-preview-info{min-width:0;font-size:var(--fs-2xs);flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.asset-hover-preview-info strong{font-size:var(--fs-xs);font-weight:var(--fw-semibold,600);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-hover-preview-info strong.is-multiline{font-weight:var(--fw-medium,500);white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box}.asset-hover-preview.is-audio .asset-hover-preview-media{border-radius:13px 13px 0 0}.asset-hover-preview.is-audio .asset-hover-preview-info{border-radius:0 0 13px 13px}