:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#000;--canvas-base:#050505;--panel:#0d0d0db8;--card:#121212d1;--surface-strong:#181818eb;--surface-soft:#ffffff0a;--surface-input:#ffffff0d;--border-soft:#ffffff14;--border-strong:#ffffff24;--glass-border:#ffffff1a;--shadow-soft:0 12px 32px #0006;--shadow-strong:0 20px 48px #0009;--brand:#a855f7;--brand-gradient:linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);--accent:#2dd4bf;--accent-gradient:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--glow:#a855f766;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--grid-dot:#ffffff26;--edge:#fff3;--edge-active:var(--brand);--edge-selected:#a855f7;--edge-draft:#a855f780;--node-bg:#111;--node-border:#ffffff1f;--text-primary:#fff;--text-secondary:#ffffffa6;--text-muted:#ffffff73;--glass-blur:blur(16px);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);color:var(--text-primary);background:var(--app-bg);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--app-bg);min-width:320px;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:inherit;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.primary-button,.secondary-button,.ghost-button,.link-button{cursor:pointer;min-height:40px;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.primary-button{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 12px var(--glow);border-color:#ffffff1a}.primary-button:hover:not(:disabled){box-shadow:0 6px 16px var(--glow);filter:brightness(1.1);transform:translateY(-1px)}.secondary-button{background:var(--surface-input);color:var(--text-primary);border:1px solid var(--border-soft)}.secondary-button:hover:not(:disabled){background:var(--surface-strong);border-color:var(--border-strong)}.ghost-button{color:var(--text-secondary);background:0 0}.ghost-button:hover:not(:disabled){background:var(--surface-soft);color:var(--text-primary)}.link-button{min-height:auto;color:var(--brand);background:0 0;border:none;padding:0;font-size:14px}.link-button:hover{color:var(--accent);text-decoration:underline}button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale()}.app-shell{background-color:#030303;background-image:radial-gradient(circle at 50% -20%,#a855f71f 0%,#0000 50%),radial-gradient(#ffffff14 1px,#0000 1px);background-size:100% 100%,24px 24px;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.platform-workspace{background:0 0;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.platform-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.platform-header{justify-content:space-between;align-items:center;gap:16px;padding:2px 0 0;display:flex}.platform-header__copy{gap:4px;display:grid}.platform-header__copy h1{margin:0;font-size:24px;line-height:1.12}.platform-header__copy p:last-child{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.platform-header__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workspace-panel{border:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--panel) 97%, transparent);border-radius:14px;box-shadow:0 10px 30px #08121214}.workspace-panel__header{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 0;display:flex}.workspace-panel__header h2{margin:0;font-size:17px;line-height:1.2}.workspace-panel--summary,.workspace-panel--library-list{display:grid}.workspace-summary-list{gap:10px;padding:16px 18px 18px;display:grid}.workspace-summary-item{border:1px solid color-mix(in srgb, var(--border-soft) 86%, transparent);background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border-radius:12px;gap:8px;padding:14px;display:grid}.workspace-summary-item strong{font-size:14px;line-height:1.3;display:block}.workspace-summary-item p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.workspace-empty-state{color:var(--text-secondary);gap:6px;padding:12px 18px 0;display:grid}.workspace-empty-state strong{color:var(--text-primary);font-size:15px}.workspace-empty-state p{margin:0;line-height:1.55}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.breadcrumb__button{appearance:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin:0;padding:0}.breadcrumb__button:hover{color:var(--text-primary)}.breadcrumb__button:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 48%, transparent);outline-offset:4px;border-radius:6px}.breadcrumb span.active{color:var(--brand);cursor:default}.platform-header--catalog{padding-top:2px}.library-content{flex-direction:column;flex:1;min-height:0;margin-top:24px;display:flex}.library-empty-state{text-align:center;min-height:320px;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.library-empty-content{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.library-empty-content h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.library-empty-content p{max-width:280px;margin:0;font-size:14px;line-height:1.6}.library-empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:4px}.library-entry-tag{color:var(--brand);letter-spacing:.04em;text-transform:uppercase;background:#a855f71f;border:1px solid #a855f733;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.library-entry-badge{background:var(--surface-soft);border:1px solid var(--border-soft);color:var(--text-muted);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.library-entry-badge svg{width:12px;height:12px}.library-entry-badge--warning{color:color-mix(in srgb, var(--warning) 75%, white);border-color:color-mix(in srgb, var(--warning) 28%, transparent)}.global-header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#03030399;border-bottom:1px solid #ffffff0a;flex-shrink:0;justify-content:space-between;align-items:center;height:80px;padding:0 48px;display:flex;position:sticky;top:0}.global-header__left,.global-header__right,.global-header__nav,.global-header__actions{align-items:center;display:flex}.global-header__user-button{min-width:56px;max-width:132px;height:42px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#ffffff17,#ffffff09);border:1px solid #ffffff1f;border-radius:16px;padding:0 14px;font-size:13px;font-weight:800;overflow:hidden}.global-header__left{gap:28px;min-width:0}.global-header__right{justify-content:flex-end;gap:12px;min-width:0}.global-header__command-center{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff18,#ffffff06),#0a0a10bd;border:1px solid #ffffff17;border-radius:26px;align-items:center;gap:10px;min-height:50px;padding:6px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 18px 44px #00000057,0 0 28px #845cff14}.global-header__command-center:before{content:"";pointer-events:none;border-radius:inherit;opacity:.75;background:linear-gradient(90deg,#ffffff14,#0000 42%,#2dd4bf1a);position:absolute;inset:1px}.global-header__command-center--editor{min-width:min(790px,54vw);padding-left:24px}.global-header__editor-actions{z-index:1;flex:none;align-items:center;gap:10px;display:flex;position:relative}.global-header__draft-status{white-space:nowrap;min-height:32px;color:var(--text-secondary);background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.global-header__draft-status:before{content:"";border-radius:999px;width:6px;height:6px}.global-header__draft-status--dirty{color:#fbc73e;background:#f59e0b1f;border-color:#f59e0b4d}.global-header__draft-status--dirty:before{background:#f59e0b;box-shadow:0 0 10px #f59e0b99}.global-header__draft-status--saved{color:#9cf2bb;background:#22c55e1a;border-color:#22c55e42}.global-header__draft-status--saved:before{background:#22c55e;box-shadow:0 0 10px #22c55e73}.global-header__action-button{min-height:38px;color:color-mix(in srgb, var(--text-primary) 82%, var(--text-secondary));white-space:nowrap;z-index:1;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:14px;padding:0 16px;font-size:13px;font-weight:800;transition:transform .16s,border-color .16s,background .16s,color .16s;position:relative}.global-header__action-button:hover{border-color:color-mix(in srgb, var(--brand) 34%, #ffffff29);color:var(--text-primary);background:#ffffff17;transform:translateY(-1px)}.global-header__action-button--primary{border-color:color-mix(in srgb, var(--brand) 24%, #2dd4bf5c);color:#fff;background:radial-gradient(circle at 72% 10%,#2dd4bfe6,#0000 42%),linear-gradient(135deg,#9657ff 0%,#7768f7 48%,#39c7bd 100%);min-width:82px;box-shadow:0 12px 28px #8257ff5c,inset 0 1px #ffffff47}.global-header__logo{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);align-items:center;gap:12px;display:inline-flex}.logo-icon-wrapper{background:#050507;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden;box-shadow:0 12px 30px #0000004d,0 0 20px #a855f73d}.logo-icon-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.global-header__brand-text{gap:1px;display:grid}.global-header__brand-text strong{letter-spacing:0;font-size:17px;font-weight:950}.global-header__brand-text span{color:var(--text-muted);letter-spacing:0;font-size:11px;font-weight:750;line-height:1}.global-header__nav{gap:40px}.global-header__nav-item{color:#94a3b8;background:0 0;border:none;height:72px;padding:0;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.global-header__nav-item:hover{color:#fff}.global-header__nav-item--active{color:#fff;font-weight:700}.global-header__nav-item--active:after{content:"";background:#fff;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:-4px;right:-4px;box-shadow:0 0 12px #fff,0 0 20px #a855f7cc}.global-header__workflow-name{z-index:1;min-width:0;color:color-mix(in srgb, var(--text-secondary) 86%, var(--text-primary));white-space:nowrap;align-items:center;margin-right:auto;font-size:14px;font-weight:650;display:inline-flex;position:relative}.global-header__workflow-label{flex:none}.global-header__workflow-title{max-width:min(310px,22vw);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.global-header__actions{z-index:1;border-left:1px solid #ffffff17;gap:8px;padding-left:10px;position:relative}.icon-button{width:42px;height:42px;color:color-mix(in srgb, var(--text-primary) 70%, var(--text-secondary));transition:all var(--transition-fast);background:linear-gradient(135deg,#ffffff16,#ffffff09);border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.icon-button:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 32%, #ffffff29);background:#ffffff18;transform:translateY(-1px)}.user-avatar-placeholder{background:radial-gradient(circle at 33% 28%,#fffc,#0000 20%),radial-gradient(circle at 72% 70%,#2dd4bfe6,#0000 32%),linear-gradient(135deg,#a855f7fa,#3161fff5);border-radius:999px;width:44px;height:44px;position:relative;box-shadow:0 10px 26px #00000047,0 0 0 3px #ffffff14,0 0 22px #7860ff3d}.user-avatar-placeholder:after{content:"";border-radius:inherit;background:linear-gradient(135deg,#0000 45%,#ffffff29);border:1px solid #ffffff4d;position:absolute;inset:4px}@media (width<=1280px){.global-header{padding:0 24px}.global-header__brand-text{display:none}.global-header__left{gap:20px}.global-header__nav{gap:24px}.global-header__editor-actions{gap:6px}.global-header__command-center--editor{min-width:0;padding-left:14px}.global-header__workflow-name{display:none}.global-header__action-button{min-height:32px;padding:0 10px}.global-header__action-button:not(.global-header__action-button--primary){display:none}}@media (width<=760px){.global-header{gap:14px;height:76px;padding:0 16px;overflow:hidden}.global-header__left{gap:18px;width:100%}.global-header__nav{flex:1;justify-content:space-between;gap:12px;min-width:0}.global-header__nav-item{white-space:nowrap;height:68px;font-size:14px}.global-header__right{display:none}}.runner-result-nav{scrollbar-width:none;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel) 12%, transparent);gap:8px;padding:12px 18px;display:flex;overflow-x:auto}.runner-result-nav::-webkit-scrollbar{display:none}.runner-result-nav-item{color:var(--text-secondary);background:var(--surface-input);border:1px solid var(--border-soft);white-space:nowrap;transition:all var(--transition-fast);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;position:relative}.runner-result-nav-item--active{color:#fff;background:var(--brand-gradient);box-shadow:0 4px 10px var(--glow);border-color:#ffffff1a}.runner-result-main{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;position:relative;overflow-y:auto}.runner-candidate-section{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-soft) 96%, transparent);border-radius:16px;gap:12px;padding:16px;display:grid}.runner-candidate-section__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.runner-candidate-section__header strong{font-size:14px;line-height:1.3}.runner-candidate-section__header span{color:var(--text-secondary);font-size:12px;line-height:1.5}.runner-candidate-source{gap:8px;display:grid}.runner-candidate-source__title{color:var(--text-secondary);font-size:12px;font-weight:700}.runner-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.runner-candidate-tile{border:1px solid var(--border-soft);background:var(--surface-input);border-radius:14px;padding:0;position:relative;overflow:hidden}.runner-candidate-tile img{object-fit:cover;width:100%;height:164px;display:block}.runner-candidate-tile__badge{color:#fff;background:#0f172ab8;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.runner-candidate-tile--selected{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 18%, transparent), 0 0 12px var(--glow)}.runner-result-empty{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.runner-result-empty__aura{background:var(--brand);filter:blur(80px);opacity:.1;pointer-events:none;z-index:0;width:160px;height:160px;position:absolute}.runner-result-empty__icon{color:var(--brand);opacity:.6;margin-bottom:8px}.runner-result-empty__icon--pulsing{opacity:.9;animation:2s ease-in-out infinite resultPulse}@keyframes resultPulse{0%,to{opacity:.6;filter:drop-shadow(0 0 0px var(--brand));transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 15px var(--glow));transform:scale(1.1)}}.runner-result-empty strong{color:var(--text-primary);letter-spacing:-.01em;font-size:18px}.runner-result-empty p{max-width:200px;font-size:13px;line-height:1.5}.runner-result-thumbs{flex-wrap:wrap;gap:8px;margin-top:auto;padding-bottom:20px;display:flex}.runner-result-thumb-btn{background:var(--surface-input);width:54px;height:54px;transition:all var(--transition-fast);cursor:pointer;border:2px solid #0000;border-radius:8px;padding:0;overflow:hidden}.runner-result-thumb-btn:hover{border-color:var(--border-soft)}.runner-result-thumb-btn--active{border-color:var(--brand);box-shadow:0 0 8px var(--glow)}.runner-result-thumb-btn img{object-fit:cover;width:100%;height:100%}.runner-result-thumb-btn__video{width:100%;height:100%;color:var(--text-primary);place-items:center;gap:4px;display:grid}.runner-result-thumb-btn__video span{font-size:11px;font-weight:700}.runner-result-actions-bar{background:color-mix(in srgb, var(--panel) 14%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-soft);z-index:10;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:sticky;bottom:0}.runner-result-action{flex:1;height:38px!important;padding:0 16px!important;font-size:12px!important}.runner-result-panel--collapsed{justify-items:stretch;gap:10px;padding-bottom:10px}.runner-result-panel__collapsed-copy{justify-content:center;align-items:flex-start;min-height:0;padding:0 0 6px;display:flex}.runner-result-panel__collapsed-badge{background:color-mix(in srgb, var(--brand) 18%, transparent);min-width:18px;height:18px;color:var(--brand);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.runner-tool-fields{overscroll-behavior:contain;align-content:start;gap:16px;min-height:0;padding:6px 18px 8px;display:grid;overflow:hidden auto}.runner-tool-section{gap:8px;display:grid}.runner-tool-section+.runner-tool-section{border-top:1px solid color-mix(in srgb, var(--border-soft) 70%, transparent);padding-top:12px}.runner-tool-section__header{align-items:center;display:flex}.runner-tool-section__header strong{color:var(--text-primary);font-size:14px;font-weight:800;line-height:1.3}.runner-tool-section__header span{display:none}.runner-tool-section__grid{gap:12px;display:grid}.runner-tool-section__grid--assets{grid-template-columns:1fr}.runner-tool-section__grid:not(.runner-tool-section__grid--assets){grid-template-columns:repeat(2,minmax(0,1fr))}.runner-tool-field__meta>span{color:var(--text-primary);font-size:12px;font-weight:700}.runner-tool-field__meta em{background:color-mix(in srgb, var(--accent-strong) 14%, transparent);color:var(--accent-strong);letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:700}.runner-tool-field__meta b{background:color-mix(in srgb, var(--surface-muted) 86%, transparent);color:var(--text-secondary);letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.runner-tool-field__meta small{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.runner-file-input{display:none}.runner-upload-preview small,.runner-tool-footer p,.runner-result-stage__copy p,.runner-result-notes p{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.runner-zoom-level{color:var(--text-primary);text-align:center;min-width:40px;font-size:11px;font-weight:700}.runner-controls-divider{background:var(--border-soft);width:1px;height:16px;margin:0 4px}.runner-visual-canvas__edge-bg{fill:none;stroke:color-mix(in srgb, var(--brand) 15%, transparent);stroke-width:3px;stroke-linecap:round;filter:blur(4px);opacity:.4}.runner-visual-canvas__edge-flow{fill:none;stroke:var(--brand);stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:8 16;stroke-dashoffset:0;opacity:0;pointer-events:none}.runner-visual-canvas__edge-group--active .runner-visual-canvas__edge-flow,.runner-visual-canvas__edge-group:hover .runner-visual-canvas__edge-flow{opacity:.6;animation:1s linear infinite runner-edge-flow}@keyframes runner-edge-flow{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.runner-visual-layout{background:radial-gradient(circle at 50% 0%, #0f172a66 0%, transparent 100%), var(--app-bg);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px), url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:normal, overlay;background-size:24px 24px,auto;flex:1;grid-template-columns:280px minmax(0,1fr) 320px;gap:16px;min-height:0;padding:16px;display:grid;position:relative}.runner-visual-layout--result-collapsed{grid-template-columns:280px minmax(0,1fr) 72px}.runner-tool-panel{background:color-mix(in srgb, var(--panel) 85%, transparent);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);height:100%;box-shadow:var(--shadow-strong), inset 0 0 0 1px #ffffff08;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.runner-result-panel{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.runner-result-panel__content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.runner-tool-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;padding:18px;overflow-y:auto}.runner-tool-body::-webkit-scrollbar{width:4px}.runner-tool-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.runner-tool-field{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.runner-tool-field--wide{grid-column:1/-1}.runner-tool-field__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.runner-tool-field__meta-main{align-items:center;gap:8px;display:flex}.runner-tool-field__label{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:13px;font-weight:600}.runner-tool-field__badge{text-transform:uppercase;background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand);letter-spacing:.02em;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.runner-tool-field__desc{color:var(--text-muted);margin:4px 0 0;font-size:11px;line-height:1.4}.runner-tool-input-toolbar{align-items:center;gap:4px;display:flex}.runner-tool-input-action{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.runner-tool-input-action:hover:not(:disabled){background:var(--surface-strong);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.runner-tool-input-action:disabled{opacity:.5;cursor:not-allowed}.runner-tool-input-action span{font-family:Outfit,sans-serif}.runner-tool-input-action svg{color:var(--brand)}.runner-tool-input-wrapper{width:100%;position:relative}.runner-tool-textarea,.runner-tool-input{background:var(--surface-input);border:1.5px solid var(--border-soft);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000d}.runner-tool-textarea{resize:vertical;min-height:100px;line-height:1.6}.runner-tool-textarea:focus,.runner-tool-input:focus{background:var(--surface-strong);border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 8%, transparent), 0 0 24px color-mix(in srgb, var(--brand) 12%, transparent), inset 0 2px 4px #0000001a;transform:translateY(-1px)}.runner-tool-textarea::placeholder,.runner-tool-input::placeholder{color:var(--text-muted);opacity:.6}.runner-tool-polish-meta{background:color-mix(in srgb, var(--brand) 6%, transparent);color:var(--brand);border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:11px;font-weight:500;display:flex}.runner-tool-choice-group{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:6px;display:grid}.runner-tool-choice-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.runner-tool-choice-btn:hover{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 5%, transparent)}.runner-tool-choice-btn--active{background:var(--surface-strong);color:var(--brand);box-shadow:0 2px 8px #0003, 0 0 0 1px var(--border-soft)}.runner-tool-field--switch{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;padding:12px}.runner-tool-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.runner-tool-switch input{opacity:0;width:0;height:0}.runner-tool-switch__slider{cursor:pointer;background-color:var(--border-medium);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.runner-tool-switch__slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.runner-tool-switch input:checked+.runner-tool-switch__slider{background:var(--brand-gradient)}.runner-tool-switch input:focus+.runner-tool-switch__slider{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent)}.runner-tool-switch input:checked+.runner-tool-switch__slider:before{transform:translate(20px)}.runner-tool-upload-card{border:1px dashed var(--border-strong);cursor:pointer;background:#ffffff05;border-radius:20px;width:100%;min-height:140px;transition:all .4s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.runner-tool-upload-card:hover{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, transparent);transform:translateY(-2px);box-shadow:0 12px 24px #0003}.runner-tool-upload-card--has-file{border-style:solid;border-color:var(--border-strong);background:#0003}.runner-tool-upload-empty{height:160px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:all .3s;display:flex}.runner-tool-upload-empty svg{color:var(--text-muted);margin-bottom:12px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.runner-tool-upload-card:hover .runner-tool-upload-empty svg{color:var(--brand);transform:translateY(-4px)scale(1.1)}.runner-tool-upload-empty strong{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.runner-tool-upload-empty span{font-size:11px}.runner-tool-upload-preview{background:#000;width:100%;height:120px;position:relative}.runner-tool-upload-preview img{object-fit:contain;width:100%;height:100%}.runner-tool-upload-placeholder{height:100%;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.runner-tool-upload-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .25s;display:flex;position:absolute;inset:0}.runner-tool-upload-card:hover .runner-tool-upload-overlay{opacity:1}.runner-tool-upload-overlay span{font-family:Outfit,sans-serif;font-size:12px;font-weight:600}.runner-tool-upload-card--compact{border-width:1.5px;min-height:80px}.runner-tool-upload-empty--compact{text-align:left;flex-direction:row;justify-content:flex-start;gap:16px;height:80px;padding:0 16px}.runner-tool-upload-empty--compact .runner-tool-upload-icon-box{background:var(--surface-soft);width:44px;height:44px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.runner-tool-upload-card:hover .runner-tool-upload-icon-box{background:color-mix(in srgb, var(--brand) 15%, transparent);color:var(--brand)}.runner-tool-upload-empty--compact svg{margin-bottom:0}.runner-tool-upload-text{flex-direction:column;gap:2px;display:flex}.runner-tool-field--wide .runner-tool-textarea{min-height:64px}.runner-tool-field__meta>span,.runner-tool-field__meta-main span{overflow-wrap:anywhere}.runner-tool-textarea--assist{min-height:88px}.runner-tool-textarea__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.runner-tool-textarea__actions .ghost-button,.runner-tool-textarea__actions .secondary-button{min-height:24px;color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000;border-radius:999px;padding:0 4px;font-size:11px}.runner-tool-action{color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000;font-weight:600}.runner-tool-action--accent{font-weight:700;border:1px solid color-mix(in srgb, var(--brand) 18%, transparent)!important;background:color-mix(in srgb, var(--brand) 8%, transparent)!important;color:var(--brand)!important;padding:0 10px!important}.runner-tool-textarea__actions .ghost-button:hover,.runner-tool-textarea__actions .secondary-button:hover,.runner-tool-textarea__actions .ghost-button:focus-visible,.runner-tool-textarea__actions .secondary-button:focus-visible{background:color-mix(in srgb, var(--surface-input) 86%, transparent);color:var(--text-primary);border-color:#0000;transform:none}.runner-tool-action--accent:hover,.runner-tool-action--accent:focus-visible{border-color:color-mix(in srgb, var(--brand) 28%, transparent)!important;background:color-mix(in srgb, var(--brand) 12%, transparent)!important;color:color-mix(in srgb, var(--brand) 84%, white 16%)!important}.runner-tool-assist{border:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border-radius:12px;gap:6px;padding:10px 12px;display:grid}.runner-tool-assist strong{font-size:12px;line-height:1.3}.runner-tool-polish-hint{color:var(--brand);margin:0;font-size:12px;line-height:1.45}.runner-tool-input,.runner-tool-select{border:1px solid color-mix(in srgb, var(--border-strong) 96%, transparent);background:color-mix(in srgb, var(--surface-input) 98%, transparent);width:100%;min-height:36px;color:var(--text-primary);box-shadow:none;border-radius:10px;outline:none;padding:0 12px}.runner-tool-field--inline{align-items:start}.runner-choice-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.runner-choice-chip{border:1px solid color-mix(in srgb, var(--border-soft) 94%, transparent);background:color-mix(in srgb, var(--surface-input) 98%, transparent);min-height:32px;color:var(--text-secondary);box-shadow:none;border-radius:10px;padding:0 8px;font-size:12px;font-weight:700}.runner-choice-chip--active{border-color:color-mix(in srgb, var(--brand) 36%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand)}.runner-upload-trigger{border:1px solid color-mix(in srgb, var(--border-soft) 94%, transparent);background:color-mix(in srgb, var(--surface-input) 94%, transparent);min-height:32px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.runner-upload-preview{border:1px solid color-mix(in srgb, var(--border-soft) 88%, transparent);background:color-mix(in srgb, var(--surface-input) 98%, transparent);min-height:58px;box-shadow:none;border-radius:12px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.runner-upload-preview--filled{background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 10%, transparent), transparent 42%), color-mix(in srgb, var(--surface-input) 98%, transparent);border-color:color-mix(in srgb, var(--brand) 12%, var(--border-soft))}.runner-upload-preview__thumb{border:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-soft) 96%, transparent);width:52px;height:52px;color:var(--brand);border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex;overflow:hidden}.runner-upload-preview__thumb img{object-fit:contain;background:#ffffffeb;width:100%;height:100%}.runner-upload-preview__copy{gap:2px;min-width:0;display:grid}.runner-upload-preview__copy strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.35}.runner-upload-preview__copy small{font-size:11px;line-height:1.35}.runner-tool-panel .workspace-panel__header{border-bottom:1px solid color-mix(in srgb, var(--border-soft) 70%, transparent);padding:16px 18px 8px}.runner-tool-panel .workspace-panel__header h2{font-size:18px}.runner-upload-trigger:hover{border-color:color-mix(in srgb, var(--brand) 18%, transparent);background:color-mix(in srgb, var(--surface-input) 92%, transparent);color:var(--brand);transform:none}@media (width<=1480px){.runner-visual-layout{grid-template-columns:minmax(360px,400px) minmax(0,1fr) minmax(232px,272px)}.runner-visual-layout--result-collapsed{grid-template-columns:minmax(360px,400px) minmax(0,1fr) 72px}.runner-tool-section__grid:not(.runner-tool-section__grid--assets){grid-template-columns:1fr}}.runner-tool-footer{border-top:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 78%, transparent), color-mix(in srgb, var(--panel) 98%, transparent) 28%);flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px 14px;display:flex;position:sticky;bottom:0}.runner-tool-footer .primary-button{width:100%;height:44px}.runner-status-pill{background:color-mix(in srgb, var(--brand) 12%, transparent);min-height:28px;color:var(--brand);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.runner-result-stage{flex-direction:column;flex:1;gap:16px;padding:18px;display:flex;overflow:auto}.runner-result-stage__preview{aspect-ratio:16/9;border:1px dashed var(--border-soft);background:var(--surface-input);color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;display:flex}.runner-result-stage__image{border:1px solid var(--border-strong);width:100%;box-shadow:var(--shadow-strong);object-fit:contain;background:#000;border-radius:12px;display:block}.runner-result-stage__loading{background:var(--surface-strong);border:1px solid var(--brand);box-shadow:0 0 20px var(--glow);border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.runner-result-stage__loading strong{color:var(--brand);font-size:18px}.runner-result-stage__loading p{color:var(--text-secondary);font-size:14px;line-height:1.6}.runner-result-stage__copy{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:12px;padding:16px}.runner-result-item-thumb{border:1px solid var(--border-soft);background:var(--surface-input);width:72px;height:72px;transition:var(--transition-fast);cursor:pointer;border-radius:8px;padding:0;overflow:hidden}.runner-result-item-thumb:hover{border-color:var(--brand);transform:scale(1.05)}.runner-result-item-thumb img,.runner-result-item-thumb video,.runner-result-item-thumb__media{object-fit:cover;width:100%;height:100%;display:block}.runner-result-item-thumb--active{border-color:var(--brand);box-shadow:0 0 12px var(--glow)}.runner-result-tab{border:1px solid var(--border-soft);background:var(--surface-soft);height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:999px;padding:0 16px;font-size:12px;font-weight:600}.runner-result-tab:hover{background:var(--surface-input);color:var(--text-primary)}.runner-result-tab--active{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 8px var(--glow);border-color:#0000}.runner-visual-panel{grid-template-rows:max-content minmax(0,1fr);min-height:520px;display:grid;overflow:hidden}.runner-visual-canvas{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;height:100%;min-height:0;padding:0 12px 14px;display:flex;position:relative;overflow:hidden}.runner-visual-canvas--dragging{cursor:grabbing}.runner-visual-canvas--dragging-node{cursor:default}.runner-visual-canvas__controls{justify-content:flex-end;align-items:center;gap:8px;padding:0 0 8px;display:flex}.runner-visual-canvas__controls span{min-width:42px;color:var(--text-secondary);text-align:center;font-size:11px;font-weight:700}.runner-visual-canvas__stage{cursor:grab;min-height:0;position:relative;overflow:hidden}.runner-visual-canvas--dragging .runner-visual-canvas__stage{cursor:grabbing}.runner-visual-canvas__world{background:0 0;border:none;border-radius:0;position:absolute;top:0;left:0}.runner-visual-canvas__edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.runner-visual-canvas__edge{fill:none;stroke:color-mix(in srgb, var(--brand) 76%, transparent);stroke-width:3px;stroke-linecap:round}.runner-visual-node{border:1px solid color-mix(in srgb, var(--border-soft) 90%, transparent);background:color-mix(in srgb, var(--card) 98%, transparent);cursor:grab;touch-action:none;border-radius:12px;align-content:start;gap:8px;padding:10px;display:grid;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 8px 18px #08121214}.runner-visual-node--dragging{cursor:grabbing;box-shadow:0 12px 24px #08121229}.runner-visual-node--asset,.runner-visual-node--output{background:var(--runner-output-node-bg)}.runner-visual-node--image{background:var(--runner-image-node-bg)}.runner-visual-node--active{border-color:color-mix(in srgb, var(--brand) 52%, transparent);box-shadow:0 12px 22px #0812121f, 0 0 0 2px color-mix(in srgb, var(--brand) 12%, transparent)}.runner-visual-node__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.runner-visual-node__eyebrow{color:var(--text-secondary);letter-spacing:.04em;font-size:10px;font-weight:700}.runner-visual-node__intent{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand);border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.runner-visual-node__intent--active{background:color-mix(in srgb, var(--brand) 22%, transparent);color:var(--brand)}.runner-visual-node__editable{background:color-mix(in srgb, var(--brand-soft) 86%, transparent);width:fit-content;color:var(--brand);border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.3;display:inline-flex}.runner-visual-node h3{margin:0;font-size:14px;line-height:1.18}.runner-visual-node__media{background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border-radius:10px;overflow:hidden}.runner-visual-node__media img{object-fit:contain;width:100%;height:auto;display:block}.runner-visual-node__summary{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.runner-visual-node--text .runner-visual-node__summary{-webkit-line-clamp:2}.runner-visual-node--image .runner-visual-node__summary{-webkit-line-clamp:1}.runner-node-modal{gap:14px;display:grid}.runner-node-modal__media{border:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border-radius:12px;overflow:hidden}.runner-node-modal__media img{object-fit:contain;width:100%;max-height:480px;display:block}.runner-node-modal__section{border:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border-radius:12px;gap:8px;padding:14px;display:grid}.runner-node-modal__section strong{font-size:14px;line-height:1.3}.runner-node-modal__section p{white-space:pre-wrap;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.runner-node-modal__textarea{border:1px solid color-mix(in srgb, var(--border-strong) 94%, transparent);background:color-mix(in srgb, var(--surface-input) 96%, transparent);width:100%;min-height:136px;color:var(--text-primary);resize:vertical;font:inherit;border-radius:12px;padding:12px 14px;line-height:1.7}.runner-result-panel__toggle{border:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-soft) 96%, transparent);min-height:34px;color:color-mix(in srgb, var(--text-primary) 92%, var(--text-secondary));border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.runner-result-panel__toggle-icon{background:color-mix(in srgb, var(--brand) 16%, transparent);width:18px;height:18px;color:var(--brand);border-radius:999px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.runner-result-panel__toggle-label{white-space:nowrap;font-size:11px;font-weight:700}.runner-result-panel--collapsed .workspace-panel__header{justify-content:center;padding-right:8px}.runner-result-panel--collapsed .runner-result-panel__toggle{border-radius:999px;justify-content:center;width:34px;min-height:34px;padding:0}.runner-result-panel--collapsed .runner-result-panel__toggle-label{display:none}.topbar{z-index:20;pointer-events:none;grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid;position:absolute;top:26px;left:34px;right:34px}.topbar__title,.topbar__actions,.bottom-toolbar{-webkit-backdrop-filter:blur(32px)saturate(160%);background:#0d0d0d73;border:1px solid #ffffff14;box-shadow:0 12px 40px #0003,inset 0 0 0 1px #ffffff08}.eyebrow{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}.topbar__title{text-align:left;pointer-events:auto;border-radius:16px;justify-self:start;min-width:220px;max-width:420px;padding:6px 12px}.topbar__title-row{justify-content:flex-start;align-items:center;gap:8px;display:flex}.topbar--producer .topbar__title{min-width:260px;max-width:520px}.topbar__back-button{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);min-width:54px;min-height:30px;color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:0 11px;font-size:12px;font-weight:700}.workflow-name-input{width:min(100%,320px);color:var(--text-primary);text-align:left;background:0 0;border:none;outline:none;font-size:18px;font-weight:700;line-height:1.05}.workflow-title-readonly{align-items:center;gap:10px;min-width:0;display:inline-flex}.workflow-title-readonly strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;line-height:1.1;overflow:hidden}.workflow-title-readonly span{border:1px solid color-mix(in srgb, var(--brand) 28%, transparent);background:color-mix(in srgb, var(--brand) 12%, transparent);min-height:24px;color:color-mix(in srgb, var(--brand) 68%, white);border-radius:999px;flex:none;padding:0 9px;font-size:11px;font-weight:800;line-height:22px}.topbar__actions{pointer-events:auto;border-radius:16px;justify-self:end;align-items:center;gap:6px;padding:6px 7px;display:flex}.topbar__actions .primary-button,.topbar__actions .secondary-button{border-radius:11px;min-height:30px;padding:0 11px;font-size:12px}.workflow-input-card__field{gap:8px;display:grid}.workflow-input-card__field span{font-size:12px;font-weight:700}.workflow-input-card__field input,.workflow-input-card__field textarea,.workflow-input-card__field select{width:100%;color:var(--text-primary);background:#0003;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:12px 14px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-input-card__field input:focus,.workflow-input-card__field textarea:focus,.workflow-input-card__field select:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 12%, transparent);background:#0000004d}.workflow-input-card__field select{color-scheme:inherit}.workflow-input-card__field option{background:var(--surface-strong);color:var(--text-primary)}.canvas-shell{isolation:isolate;padding:28px 24px 24px;position:absolute;inset:0}.canvas-shell:before,.canvas-shell:after{content:"";pointer-events:none;border-radius:42px;position:absolute;inset:10px}.canvas-shell:before{z-index:0;opacity:.42;filter:blur(28px);background:radial-gradient(circle at 14% 12%,#ffffff2e,#0000 28%)}.canvas-shell:after{z-index:0;border:1px solid color-mix(in srgb, var(--ghost-border) 58%, transparent);opacity:.34;box-shadow:0 0 42px color-mix(in srgb, var(--ghost-major) 18%, transparent);filter:blur(6px);inset:16px 16px 14px}.canvas-ghost-shell{display:none}.canvas-ghost-shell--paused{opacity:0}.canvas-ghost-world{transform-origin:0 0;opacity:.18;filter:blur(28px)saturate(.6);position:absolute;inset:0}.canvas-grid--ghost{opacity:.9}.edge-layer--ghost{opacity:.45}.edge-layer__path--ghost{stroke:color-mix(in srgb, var(--edge) 62%, transparent);stroke-width:2.4px}.ghost-node{border:1px solid color-mix(in srgb, var(--ghost-border) 74%, transparent);background:color-mix(in srgb, var(--card) 72%, transparent);box-shadow:none;border-radius:24px;align-content:start;gap:10px;padding:16px 18px;display:grid;position:absolute;top:0;left:0}.ghost-node--text{background:color-mix(in srgb, var(--card-text) 66%, transparent)}.ghost-node--image{background:color-mix(in srgb, var(--card-image) 68%, transparent)}.ghost-node--asset{background:color-mix(in srgb, var(--card-asset) 68%, transparent)}.ghost-node--output{background:color-mix(in srgb, var(--card-output) 68%, transparent)}.ghost-node__chrome{justify-content:space-between;align-items:center;display:flex}.ghost-node__eyebrow,.ghost-node__title,.ghost-node__badge,.ghost-node__lines span,.ghost-node__panel,.ghost-node__chips span{background:color-mix(in srgb, var(--text-primary) 22%, transparent);border-radius:999px;display:block}.ghost-node__eyebrow{width:52px;height:10px}.ghost-node__badge{width:58px;height:24px}.ghost-node__title{border-radius:10px;width:44%;height:22px}.ghost-node__preview{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 22%, transparent), transparent 58%), color-mix(in srgb, var(--text-primary) 14%, transparent);border-radius:18px;width:100%;height:132px}.ghost-node__lines{gap:8px;display:grid}.ghost-node__lines--text{margin-top:6px}.ghost-node__lines span:first-child{width:92%;height:12px}.ghost-node__lines span:nth-child(2){width:84%;height:12px}.ghost-node__lines span:nth-child(3){width:66%;height:12px}.ghost-node__panel{background:color-mix(in srgb, var(--text-primary) 16%, transparent);border-radius:18px;width:100%}.ghost-node__panel--wide{height:84px}.ghost-node__panel--mid{height:64px}.ghost-node__chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ghost-node__chips span{border-radius:18px;height:58px}.canvas-stage{z-index:1;border:1px solid var(--border-soft);background:radial-gradient(circle at top, var(--canvas-sheen), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--canvas-base) 92%, white 8%), var(--canvas-base));cursor:grab;-webkit-user-select:none;user-select:none;background-size:auto,auto;border-radius:34px;width:100%;height:100%;position:relative;overflow:visible}.canvas-minimap{--minimap-node:#ced5ffb8;--minimap-text:#84ceffcc;--minimap-image:#ba87ffdb;--minimap-video:#42dccadb;--minimap-asset:#ffc870d1;--minimap-output:#6fe79dd1;z-index:24;width:232px;color:var(--text-primary);cursor:crosshair;-webkit-backdrop-filter:blur(28px)saturate(150%);background:linear-gradient(#16161cc2,#09090cad),#0a0a0cb8;border:1px solid #ffffff16;border-radius:20px;gap:8px;padding:11px 12px 12px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:grid;position:absolute;bottom:28px;left:34px;box-shadow:0 22px 55px #00000057,inset 0 1px #ffffff0b}.canvas-minimap:hover{border-color:color-mix(in srgb, var(--brand) 34%, #ffffff1a);box-shadow:0 26px 68px #0000006b, 0 0 0 1px color-mix(in srgb, var(--brand) 12%, transparent), inset 0 1px 0 #ffffff0e;transform:translateY(-1px)}.canvas-minimap__header{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.canvas-minimap__header span{color:color-mix(in srgb, var(--text-primary) 82%, var(--text-secondary));letter-spacing:.04em;font-size:11px;font-weight:800}.canvas-minimap__header strong{background:color-mix(in srgb, var(--brand) 14%, transparent);min-width:38px;color:color-mix(in srgb, var(--brand) 82%, white 18%);text-align:center;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.canvas-minimap__stage{pointer-events:none;background:radial-gradient(circle at 30% 20%,#a855f72e,#0000 34%),radial-gradient(circle at 72% 78%,#22d3ee1f,#0000 38%),#030408a3;border:1px solid #ffffff12;border-radius:14px;width:208px;height:132px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06}.canvas-minimap__edge{fill:none;stroke:color-mix(in srgb, var(--edge) 58%, transparent);stroke-width:1.1px;stroke-linecap:round;opacity:.64}.canvas-minimap__node{stroke:#ffffff3d;stroke-width:.7px;filter:drop-shadow(0 0 5px #a855f729)}.canvas-minimap__viewport{fill:#ffffff0b;stroke:color-mix(in srgb, var(--brand) 72%, white 18%);stroke-width:1.4px;stroke-dasharray:4 4;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--brand) 32%, transparent))}.canvas-stage:active{cursor:grabbing}.canvas-stage--selecting,.canvas-stage--selecting *{-webkit-user-select:none;user-select:none;cursor:crosshair}.canvas-stage--dragging-node .node-card,.canvas-stage--dragging-node .port-handle,.canvas-stage--dragging-node .edge-layer__path,.canvas-stage--dragging-node .edge-layer__draft{transition:none!important}.canvas-stage--low-zoom .node-card{border-color:color-mix(in srgb, var(--border-strong) 72%, transparent);box-shadow:0 8px 14px #12181e1a}.canvas-stage--low-zoom .edge-layer__path,.canvas-stage--low-zoom .edge-layer__draft{filter:none}.canvas-stage input,.canvas-stage textarea,.canvas-stage select,.canvas-stage option{-webkit-user-select:text;user-select:text}.canvas-world{transform-origin:0 0;position:absolute;inset:0}.canvas-stage--dragging-node .canvas-world,.canvas-stage--dragging-node .node-card{will-change:transform}.canvas-grid{background:linear-gradient(var(--grid-major) var(--grid-major-line,1px), transparent var(--grid-major-line,1px)), linear-gradient(90deg, var(--grid-major) var(--grid-major-line,1px), transparent var(--grid-major-line,1px)), linear-gradient(var(--grid-minor) var(--grid-minor-line,1px), transparent var(--grid-minor-line,1px)), linear-gradient(90deg, var(--grid-minor) var(--grid-minor-line,1px), transparent var(--grid-minor-line,1px));pointer-events:none;z-index:0;background-size:180px 180px,180px 180px,36px 36px,36px 36px;width:10000px;height:10000px;position:absolute;top:-5000px;left:-5000px}.edge-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:visible}.node-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.node-layer .node-card{pointer-events:auto}.edge-layer__path{fill:none;stroke:var(--edge);stroke-width:1.5px;stroke-linecap:round;transition:stroke .18s,stroke-width .18s,opacity .18s,filter .22s}.edge-layer__path--selected{stroke:var(--edge-selected);stroke-width:2px}.edge-layer__path--active-flow{stroke:color-mix(in srgb, var(--brand) 76%, #25d7ca 24%);stroke-width:2.35px;stroke-dasharray:10 9;opacity:.98;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--brand) 34%, transparent)) drop-shadow(0 0 10px #22d3ee29);animation:.9s linear infinite edge-active-flow}.edge-layer__hitbox{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke}.edge-layer__draft{fill:none;stroke:var(--edge-draft);stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 8;opacity:.92;transition:opacity .14s}@keyframes edge-active-flow{to{stroke-dashoffset:-19px}}.edge-delete-button{z-index:4;border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);background:var(--surface-strong);min-height:32px;color:var(--danger);border-radius:999px;padding:0 12px;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 24px #49372224}.edge-delete-button:hover{transform:translate(-50%,-50%)scale(1.03)}.edge-action-bar{z-index:4;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-strong) 96%, transparent);border-radius:999px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 16px 28px #167c7429}.edge-action-button{border:1px solid color-mix(in srgb, var(--brand) 34%, transparent);background:var(--surface-strong);min-height:34px;color:var(--brand);border-radius:999px;padding:0 12px;font-size:12px;font-weight:700}.edge-action-button--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 32%, transparent)}.selection-box{z-index:18;border:2px dashed color-mix(in srgb, var(--brand) 78%, white 22%);background:color-mix(in srgb, var(--brand) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 32%, transparent);pointer-events:none;border-radius:18px;position:absolute}.message-toast{z-index:50;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-strong) 96%, transparent);max-width:min(520px,100vw - 80px);color:var(--text-primary);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;border-radius:18px;padding:12px 18px;transition:opacity .18s,transform .18s;position:absolute;top:88px;left:50%;transform:translate(-50%,-10px)}.message-toast--visible{opacity:1;transform:translate(-50%)}.empty-state{z-index:1;border:1px solid var(--border-strong);background:var(--panel);text-align:center;width:680px;box-shadow:var(--shadow-soft);border-radius:36px;padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state__halo{pointer-events:none;background:radial-gradient(circle,#167c741f,#0000 70%);border-radius:999px;height:160px;position:absolute;inset:-24px 120px auto}.empty-state h1{margin:0;font-size:42px;line-height:1.12}.empty-state__copy{width:78%;color:var(--text-secondary);margin:18px auto 0;line-height:1.7}.empty-state__actions{justify-content:center;gap:14px;margin-top:26px;display:flex}.empty-state__hint{color:var(--text-secondary);margin:16px 0 0;font-size:13px}.node-card{z-index:3;border:1px solid var(--border-strong);background:var(--card);box-shadow:var(--shadow-soft);-webkit-user-select:none;user-select:none;contain:layout style;transform-origin:0 0;border-radius:24px;padding:18px 20px;transition:width .22s cubic-bezier(.22,1,.36,1),height .24s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .22s,background .22s,transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;overflow:visible}.node-card--selected{box-shadow:0 0 0 2px #a855f766, 0 0 30px #a855f740, var(--shadow-strong);border-color:#fff}.node-card--running:not(.node-card--expanded){border-color:color-mix(in srgb, var(--brand) 72%, #ffffff2e);background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--brand) 18%, transparent), transparent 38%), radial-gradient(circle at 100% 100%, #22d3ee1f, transparent 36%), var(--card);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 24%, transparent), 0 0 28px color-mix(in srgb, var(--brand) 22%, transparent), 0 18px 48px #0000003d}.node-card--running:not(.node-card--expanded):before,.node-card--waiting-upstream:not(.node-card--expanded):before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 54%, transparent), #22d3ee42 45%, transparent 78%);opacity:.5;filter:blur(5px);pointer-events:none;animation:2.4s ease-in-out infinite node-running-halo;position:absolute;inset:-1px}.node-card--waiting-upstream:not(.node-card--expanded){border-color:color-mix(in srgb, #f6b64d 42%, var(--border-strong));background:radial-gradient(circle at 100% 0%, #f6b64d1f, transparent 38%), var(--card)}.node-card--waiting-upstream:not(.node-card--expanded):before{background:linear-gradient(135deg,#f6b64d57,#a855f729 48%,#0000 78%);animation-duration:3s}.node-card--expanded{border-color:color-mix(in srgb, var(--border-soft) 68%, transparent);background:radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 48%, transparent), color-mix(in srgb, var(--card) 82%, transparent)), color-mix(in srgb, var(--panel) 66%, transparent);-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);max-height:none;padding:13px 15px 15px;overflow:visible;transform:translateY(-3px);box-shadow:0 18px 48px #0003,inset 0 1px #ffffff09}.node-card__ports{position:absolute;top:0}.node-card__ports--left{left:0}.node-card__ports--right{right:0}.node-card__ports--right .port-handle{left:auto;right:0;transform:translate(50%)}.port-handle{background:var(--brand-gradient);color:#fff;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;width:12px;min-width:12px;height:12px;min-height:12px;padding:0;font-size:12px;font-weight:700;transition:top .22s cubic-bezier(.22,1,.36,1),transform .16s,box-shadow .18s,background .18s,border-color .18s;display:flex;position:absolute;left:0;overflow:hidden;transform:translate(-50%);box-shadow:0 0 12px #a855f780}.port-handle__circle{background:var(--text-muted);border-radius:50%;width:4px;height:4px;transition:all .2s}.port-handle:hover{transform:translate(-50%)scale(1.05)}.node-card__ports--right .port-handle:hover{transform:translate(50%)scale(1.05)}.node-card__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.node-card__header>div:first-child{min-width:0}.node-card__title-group{align-items:center;gap:10px;min-width:0;display:flex}.node-card__title-copy{min-width:0}.node-card__type-icon{border:1px solid color-mix(in srgb, var(--brand) 22%, #ffffff14);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--brand) 38%, transparent), transparent 62%), color-mix(in srgb, var(--surface-soft) 72%, transparent);width:30px;height:30px;color:color-mix(in srgb, var(--brand) 74%, white 18%);border-radius:10px;flex:0 0 30px;place-items:center;font-size:12px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff0f}.node-card__header-actions{align-items:center;gap:8px;display:flex}.node-card__body{gap:12px;min-width:0;padding-bottom:6px;padding-right:6px;display:grid}.node-card__body--text-compact{width:100%;margin-left:0;margin-right:0;padding-bottom:14px;padding-right:0}.node-title-input{width:100%;color:var(--text-primary);-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:0;font-size:21px;font-weight:700;line-height:1.28}.node-title-input:focus{-webkit-user-select:text;user-select:text}.node-title-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:700;line-height:1.28;transition:color .18s,opacity .16s;overflow:hidden}.node-card--expanded .node-card__header{border-bottom:1px solid color-mix(in srgb, var(--border-soft) 34%, transparent);align-items:flex-start;gap:10px;margin:-1px 0 9px;padding-bottom:9px}.node-card--expanded .eyebrow{color:color-mix(in srgb, var(--text-secondary) 88%, transparent);letter-spacing:.06em;margin-bottom:3px;font-size:10px}.node-card--expanded .node-title-label,.node-card--expanded .node-title-input{letter-spacing:-.015em;font-size:17px;line-height:1.18}.node-card--expanded .node-card__header-actions{gap:6px}.node-card--expanded.node-card--video{padding-bottom:72px}.node-card--expanded.node-card--video .node-run-button{letter-spacing:.02em;background:radial-gradient(circle at 20% 0%, #fff3, transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--brand) 86%, #6d5dfc 14%), #268f86);width:auto;min-height:46px;box-shadow:0 16px 34px color-mix(in srgb, var(--brand) 26%, transparent), inset 0 1px 0 #ffffff29;border-radius:15px;justify-content:center;font-size:14px;position:absolute;bottom:16px;left:16px;right:16px}.node-card--expanded.node-card--video .node-run-button:before{content:"▶";margin-right:8px;font-size:13px}.status-badge{white-space:nowrap;text-transform:capitalize;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;padding:9px 12px;font-size:14px;font-weight:700;display:inline-flex}.node-card--expanded .status-badge{border:1px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, currentColor 12%, transparent);min-height:26px;padding:0 10px;font-size:11px;font-weight:800}.node-run-button{border:1px solid color-mix(in srgb, var(--brand) 26%, transparent);background:linear-gradient(135deg, var(--brand), #1e968d);color:#fff;min-height:34px;box-shadow:var(--shadow-soft);white-space:nowrap;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.node-card--expanded .node-run-button{border:1px solid color-mix(in srgb, var(--brand) 34%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 82%, white 8%), #24b7aac2);min-height:28px;box-shadow:0 8px 18px color-mix(in srgb, var(--brand) 14%, transparent);padding:0 11px;font-size:11px}.node-card--image-compact .node-run-button{min-height:28px;box-shadow:none;padding:0 10px;font-size:11px}.node-run-button:disabled{opacity:.78;cursor:default}.node-run-button:hover{transform:translateY(-1px)}.status-badge--idle{color:var(--text-secondary);background:#6f675d1f}.status-badge--running{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.status-badge--success{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.status-badge--error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.node-card__summary{width:100%;min-width:0;max-width:100%;color:color-mix(in srgb, var(--text-primary) 76%, var(--text-secondary));overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:17px;font-weight:500;line-height:1.56;transition:opacity .18s,transform .22s;display:-webkit-box;overflow:hidden}.node-card--text:not(.node-card--expanded) .node-card__summary,.node-card--image:not(.node-card--expanded) .node-card__summary,.node-card--asset:not(.node-card--expanded) .node-card__summary,.node-card--output:not(.node-card--expanded) .node-card__summary{-webkit-line-clamp:3}.node-card__meta{flex-wrap:wrap;gap:8px;width:100%;min-width:0;max-width:100%;margin-top:2px;padding-right:8px;transition:opacity .18s,transform .22s;display:flex}.node-card__meta span{text-overflow:ellipsis;white-space:nowrap;background:var(--surface-soft);max-width:100%;color:color-mix(in srgb, var(--text-primary) 68%, var(--text-secondary));border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;overflow:hidden}.node-activity{border:1px solid color-mix(in srgb, var(--brand) 34%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-soft) 74%, transparent), color-mix(in srgb, var(--surface-input) 58%, transparent)), color-mix(in srgb, var(--card) 82%, transparent);min-width:0;box-shadow:inset 0 1px 0 #ffffff0b, 0 12px 28px color-mix(in srgb, var(--brand) 10%, transparent);border-radius:16px;gap:8px;padding:10px 11px 11px;display:grid;position:relative;overflow:hidden}.node-activity:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 12%,#ffffff12 42%,#0000 72%);animation:1.8s ease-in-out infinite node-activity-sheen;position:absolute;inset:0;transform:translate(-120%)}.node-activity--waiting{border-color:#f6b64d57;box-shadow:inset 0 1px #ffffff09,0 12px 24px #f6b64d14}.node-activity__header{z-index:1;align-items:center;gap:7px;min-width:0;display:flex;position:relative}.node-activity__signal{width:9px;height:9px;box-shadow:0 0 12px color-mix(in srgb, var(--brand) 62%, transparent);background:linear-gradient(135deg,#b77cff,#35d7cf);border-radius:999px;flex:0 0 9px;position:relative}.node-activity__signal:after{content:"";border:1px solid color-mix(in srgb, var(--brand) 52%, transparent);border-radius:inherit;animation:1.5s ease-out infinite node-activity-pulse;position:absolute;inset:-5px}.node-activity--waiting .node-activity__signal{background:linear-gradient(135deg,#f7c45b,#ff8c53);box-shadow:0 0 12px #f6b64d5c}.node-activity--waiting .node-activity__signal:after{border-color:#f6b64d6b}.node-activity__header strong{min-width:0;color:color-mix(in srgb, var(--text-primary) 94%, white 6%);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.node-activity__pill{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 72%, #7bdff2 20%), #2ba89e);color:#fff;letter-spacing:.02em;min-height:22px;box-shadow:0 8px 18px color-mix(in srgb, var(--brand) 18%, transparent);border-radius:999px;flex:none;align-items:center;margin-left:auto;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.node-activity--waiting .node-activity__pill{color:#ffd58b;box-shadow:none;background:#f6b64d29}.node-activity__skeleton,.node-activity__typing{z-index:1;position:relative}.node-activity__skeleton{gap:5px;display:grid}.node-activity__skeleton span,.node-activity__typing span{background:linear-gradient(90deg,#ffffff0d,#ffffff21,#ffffff0d) 0 0/220% 100%;border-radius:999px;animation:1.25s ease-in-out infinite node-activity-shimmer;display:block}.node-activity__skeleton--image span:first-child{width:82%;height:9px}.node-activity__skeleton--image span:nth-child(2){width:64%;height:9px}.node-activity__skeleton--image span:nth-child(3){width:44%;height:9px}.node-activity__skeleton--video{grid-template-columns:1fr .8fr 1.2fr .7fr;align-items:end;height:24px}.node-activity__skeleton--video span{width:100%}.node-activity__skeleton--video span:first-child{height:12px}.node-activity__skeleton--video span:nth-child(2){height:20px}.node-activity__skeleton--video span:nth-child(3){height:15px}.node-activity__skeleton--video span:nth-child(4){height:23px}.node-activity__typing{align-items:center;gap:5px;min-height:18px;display:flex}.node-activity__typing span{border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite node-activity-typing}.node-activity__typing span:nth-child(2){animation-delay:.16s}.node-activity__typing span:nth-child(3){animation-delay:.32s}.node-activity__detail{z-index:1;min-width:0;color:color-mix(in srgb, var(--text-secondary) 84%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.38;position:relative;overflow:hidden}.node-activity__progress{z-index:1;background:#ffffff13;border-radius:999px;height:4px;position:relative;overflow:hidden}.node-activity__progress span{border-radius:inherit;background:linear-gradient(90deg,#a855f7,#4f8df7,#28d7c2);width:42%;animation:1.4s ease-in-out infinite node-activity-progress;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #50beff47}.node-activity__progress--determinate span{width:var(--activity-progress);animation:none}.asset-preview{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:18px;place-items:center;padding:12px;display:grid;overflow:hidden}.asset-preview--plain{background:0 0;border:none;border-radius:0;padding:0;display:block;overflow:visible}.asset-preview__image{object-fit:contain;background:color-mix(in srgb, var(--surface-strong) 92%, transparent);border-radius:14px;width:100%;max-height:210px;display:block}.asset-preview--plain .asset-preview__image{object-fit:contain;background:0 0;border-radius:18px;height:auto;max-height:none}.asset-preview--compact-image{background:color-mix(in srgb, var(--surface-soft) 98%, transparent);min-height:168px;padding:0}.asset-preview--compact-image .asset-preview__image{object-fit:cover;background:color-mix(in srgb, var(--surface-strong) 92%, transparent);border-radius:18px;height:168px;max-height:none}.asset-preview--collection{background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border-radius:18px;width:100%;height:432px;min-height:432px;padding:0;display:block;position:relative}.asset-preview-collection__grid{border-radius:17px;gap:2px;width:100%;height:100%;display:grid;overflow:hidden}.asset-preview--collection-2 .asset-preview-collection__grid{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.asset-preview--collection-3 .asset-preview-collection__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.28fr) minmax(0,1fr)}.asset-preview--collection-3 .asset-preview-collection__tile:first-child{grid-row:1/span 2}.asset-preview--collection-4 .asset-preview-collection__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.asset-preview-collection__tile{background:color-mix(in srgb, var(--surface-strong) 92%, transparent);min-width:0;min-height:0;position:relative;overflow:hidden}.asset-preview-collection__media{object-fit:cover;width:100%;height:100%;display:block}.asset-preview-collection__badge,.asset-preview-collection__more{border:1px solid color-mix(in srgb, var(--border-strong) 55%, transparent);background:color-mix(in srgb, var(--surface) 84%, transparent);min-width:34px;height:26px;color:var(--text-primary);box-shadow:0 8px 22px color-mix(in srgb, var(--shadow) 18%, transparent);border-radius:999px;place-items:center;padding:0 9px;font-size:12px;font-weight:800;line-height:1;display:inline-grid;position:absolute}.asset-preview-collection__badge{top:8px;right:8px}.asset-preview-collection__more{background:color-mix(in srgb, var(--surface) 62%, transparent);border:0;border-radius:0;width:100%;height:100%;font-size:20px;inset:0}.asset-preview--compact-hero{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.asset-preview--compact-hero .asset-preview__image{object-fit:contain;background:0 0;border-radius:18px;width:100%;height:auto;max-height:none;display:block}.asset-preview--fit .asset-preview__image{object-fit:contain;height:auto}.asset-preview--media{align-items:center;gap:14px;padding:14px 16px;display:flex}.asset-preview__icon{background:color-mix(in srgb, var(--brand) 16%, transparent);width:46px;height:46px;color:var(--brand);border-radius:16px;flex:0 0 46px;place-items:center;font-size:14px;font-weight:700;display:grid}.asset-preview__info{gap:4px;min-width:0;display:grid}.asset-preview__info strong,.asset-preview__info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-preview__info strong{color:var(--text-primary);font-size:15px}.asset-preview__info small{color:var(--text-secondary);font-size:13px}.node-result-note{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.6}.node-result-grid{scrollbar-width:thin;scrollbar-color:var(--brand-glow) transparent;overscroll-behavior-x:contain;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;gap:12px;padding:4px 0 12px;display:flex;overflow-x:auto}.node-result-grid--dragging{cursor:grabbing;scroll-behavior:auto}.node-result-grid::-webkit-scrollbar{height:6px}.node-result-grid::-webkit-scrollbar-track{background:0 0}.node-result-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brand) 28%, transparent);border-radius:99px}.node-result-grid:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brand) 45%, transparent)}.node-result-grid--videos{grid-template-columns:1fr}.node-result-tile{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-soft) 98%, transparent);text-align:left;-webkit-user-drag:none;border-radius:16px;flex:0 0 226px;gap:8px;min-width:0;padding:8px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.node-result-tile:hover{border-color:color-mix(in srgb, var(--brand) 24%, var(--border-strong));transform:translateY(-1px)}.node-result-grid--dragging .node-result-tile,.node-result-grid--dragging .node-result-tile:hover{transition:none;transform:none}.node-result-tile--selected{border-color:color-mix(in srgb, var(--brand) 52%, white 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 18%, transparent);background:color-mix(in srgb, var(--brand) 8%, var(--surface-soft))}.node-result-tile--video{padding:10px}.node-result-tile__media{object-fit:cover;background:color-mix(in srgb, var(--surface-strong) 92%, transparent);pointer-events:none;-webkit-user-drag:none;border-radius:12px;width:100%;min-height:160px;max-height:280px;display:block}.node-result-tile--video .node-result-tile__media{object-fit:contain;min-height:220px}.node-result-tile__label{color:var(--text-primary);overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.4;display:block}.node-result-tile__meta{color:var(--text-secondary);font-size:11px;font-weight:700}.node-result-tile__footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.node-result-tile__footer--video{align-items:flex-start}.node-result-tile__copy{gap:4px;min-width:0;display:grid}.node-result-tile__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.node-result-tile__action{border-radius:999px;min-height:30px;padding:0 12px;font-size:12px}.video-result-summary{border:1px dashed color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-soft) 96%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.video-result-summary__copy{gap:4px;min-width:0;display:grid}.video-result-summary__copy strong{font-size:13px;line-height:1.35}.video-result-summary__copy span{color:var(--text-secondary);font-size:12px;line-height:1.5}.video-result-summary__button{border-radius:999px;flex:none;min-height:32px;padding:0 12px}.motion-reference-summary{border:1px solid color-mix(in srgb, var(--border-soft) 42%, transparent);background:color-mix(in srgb, var(--surface-input) 36%, transparent);border-radius:13px;align-items:center;gap:10px;min-height:48px;padding:9px 10px;display:flex}.motion-reference-summary__icon{background:color-mix(in srgb, var(--brand) 18%, transparent);width:30px;height:30px;color:color-mix(in srgb, var(--brand) 74%, white 18%);border-radius:10px;flex:0 0 30px;place-items:center;font-size:11px;display:grid}.motion-reference-summary__copy{gap:2px;min-width:0;display:grid}.motion-reference-summary__copy strong,.motion-reference-summary__copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.motion-reference-summary__copy strong{color:var(--text-primary);font-size:12px}.motion-reference-summary__copy small{color:var(--text-secondary);font-size:10px}.node-card__editor{border-top:1px solid var(--border-soft);transform-origin:top;gap:10px;min-width:0;margin-top:14px;padding-top:14px;animation:.22s cubic-bezier(.22,1,.36,1) both node-editor-reveal;display:grid}.node-card--expanded .node-card__editor{border-top:none;gap:9px;margin-top:0;padding-top:0}.node-card--expanded .node-card__summary,.node-card--expanded .node-card__meta{display:none}.node-card__editor--split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.node-card__editor--image{grid-template-columns:1fr}.field{gap:6px;min-width:0;display:grid}.node-card--expanded .field{gap:5px}.field--full{grid-column:1/-1}.field span{color:color-mix(in srgb, var(--text-primary) 68%, var(--text-secondary));font-size:14px;font-weight:700}.node-card--expanded .field span{color:color-mix(in srgb, var(--text-primary) 76%, var(--text-secondary));font-size:11.5px}.field__heading{gap:3px;min-width:0;display:grid}.node-card--expanded .field__heading{gap:2px}.field__heading span{color:var(--text-primary);overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:700;line-height:1.4}.node-card--expanded .field__heading span{color:color-mix(in srgb, var(--text-primary) 90%, var(--text-secondary));font-size:11.5px;font-weight:800}.field__collapse-trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.field__collapse-icon{color:var(--text-muted);font-size:16px;transition:transform .18s cubic-bezier(.2,0,.2,1)}.field__collapse-icon--expanded{transform:rotate(180deg)}.field__heading small{color:var(--text-secondary);overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.45}.node-card--expanded .field__heading small{color:color-mix(in srgb, var(--text-secondary) 82%, transparent);font-size:10px;line-height:1.38}.field__context-textarea{min-height:96px;color:color-mix(in srgb, var(--text-primary) 90%, var(--text-secondary));background:color-mix(in srgb, var(--surface-strong) 82%, transparent);cursor:default}.node-card--expanded .field__context-textarea{min-height:76px}.field__context-preview{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-strong) 82%, transparent);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.4;transition:background .16s;overflow:hidden}.node-card--expanded .field__context-preview{background:color-mix(in srgb, var(--surface-strong) 42%, transparent);border-radius:12px;padding:9px 10px;font-size:11px}.field__context-preview:hover{background:color-mix(in srgb, var(--surface-strong) 92%, transparent)}.field--result{gap:10px}.field__result-preview{border:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-strong) 84%, transparent);color:color-mix(in srgb, var(--text-primary) 92%, var(--text-secondary));white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;border-radius:16px;-webkit-box-orient:vertical;padding:14px 16px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.node-card--expanded .field__result-preview{border-color:color-mix(in srgb, var(--border-soft) 48%, transparent);background:color-mix(in srgb, var(--surface-strong) 42%, transparent);border-radius:12px;padding:9px 10px;font-size:11.5px;line-height:1.52}.field__result-preview--compact{-webkit-line-clamp:3}.field__preview-trigger{appearance:none;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.field__preview-trigger:focus-visible .field__result-preview{outline:2px solid color-mix(in srgb, var(--brand) 54%, transparent);outline-offset:2px}.text-detail-modal{gap:12px;display:grid}.text-detail-modal__content{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);max-height:min(60vh,520px);color:color-mix(in srgb, var(--text-primary) 94%, var(--text-secondary));white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;padding:16px 18px;font-size:14px;line-height:1.75;overflow:auto}.field__error-text{color:#d65b73f2;margin-top:10px;font-size:12px;line-height:1.5;display:block}.field__running{color:var(--text-secondary);background:#4ac9bc14;border:1px solid #4ac9bc2e;border-radius:16px;padding:14px 16px;font-size:13px;line-height:1.6}.node-card--expanded .field__running{border-radius:12px;padding:10px 12px;font-size:11px}.field__actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.field__result-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.field__result-header-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.field--panel{border:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 96%, transparent), color-mix(in srgb, var(--surface-input) 92%, transparent));border-radius:18px;padding:12px}.node-card--expanded .field--panel{border:1px solid color-mix(in srgb, var(--border-soft) 34%, transparent);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand) 5%, transparent), transparent 40%), color-mix(in srgb, var(--surface-soft) 26%, transparent);border-radius:14px;padding:9px 10px;box-shadow:inset 0 1px #ffffff06}.node-card--expanded .field--panel:last-child{border-bottom-width:1px}.node-card--expanded .field--status-strip{background:color-mix(in srgb, var(--surface-soft) 18%, transparent);border-style:dashed;padding:7px 9px}.node-card--expanded .field--status-strip .field__heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.node-card--expanded .field--status-strip .field__heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field--compact{gap:8px;padding:13px 14px 12px}.node-card--expanded .field--compact{border-color:color-mix(in srgb, var(--border-soft) 34%, transparent);background:color-mix(in srgb, var(--surface-soft) 24%, transparent);border-radius:13px;gap:4px;padding:8px 9px}.asset-upload-row{align-items:center;gap:12px;display:flex}.asset-upload-stack{gap:10px;display:grid}.asset-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.node-card--expanded .asset-collection-grid{gap:8px}.asset-collection-tile,.asset-collection-add{border-radius:18px;min-height:188px;position:relative;overflow:hidden}.node-card--expanded .asset-collection-tile,.node-card--expanded .asset-collection-add{border-radius:14px;min-height:142px}.asset-collection-tile{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-soft) 98%, transparent)}.asset-collection-tile__media{object-fit:cover;background:color-mix(in srgb, var(--surface-strong) 92%, transparent);width:100%;height:138px;display:block}.node-card--expanded .asset-collection-tile__media{height:104px}.asset-collection-tile__meta{justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.asset-collection-tile__badge{color:#fff8eefa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4e422cb8;border:1px solid #fff5e638;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.asset-collection-tile__remove{color:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8;border:none;border-radius:999px;place-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:grid}.asset-collection-tile__footer{gap:4px;padding:10px 12px 12px;display:grid}.asset-collection-tile__footer strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.asset-collection-tile__footer small{color:var(--text-secondary);font-size:12px;line-height:1.45}.asset-collection-add{border:1px dashed var(--border-strong);background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 12%, transparent), transparent 52%), color-mix(in srgb, var(--surface-soft) 96%, transparent);color:var(--text-secondary);text-align:center;place-items:center;gap:10px;padding:14px;display:grid}.asset-collection-add__icon{background:color-mix(in srgb, var(--brand) 14%, transparent);width:56px;height:56px;color:var(--brand);border-radius:18px;place-items:center;font-size:22px;font-weight:700;display:grid}.asset-collection-add__copy{gap:4px;display:grid}.asset-collection-add__copy strong{color:var(--text-primary);font-size:14px;line-height:1.3}.asset-collection-add__copy small{color:var(--text-secondary);font-size:12px;line-height:1.45}.asset-image-frame{border-radius:18px;position:relative;overflow:hidden}.asset-image-frame__button{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border-radius:18px;width:100%;padding:0;overflow:hidden}.asset-image-frame__thumb{object-fit:contain;background:color-mix(in srgb, var(--surface-strong) 92%, transparent);width:100%;height:220px;display:block}.node-card--expanded .asset-image-frame__thumb{height:178px}.asset-image-frame__badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;z-index:2;background:#4e422cb8;border:1px solid #fff5e638;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px;color:#fff8eefa!important}.asset-image-frame__remove{color:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:2;background:#0f172ab8;border:none;border-radius:999px;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;transition:opacity .16s,transform .18s,background .16s;display:grid;position:absolute;top:10px;right:10px;transform:scale(.92);box-shadow:0 10px 24px #0f172a38}.asset-image-frame:hover .asset-image-frame__remove,.asset-image-frame:focus-within .asset-image-frame__remove{opacity:1;pointer-events:auto;transform:scale(1)}.asset-image-frame__remove:hover{background:#0f172adb}.asset-upload-surface{border:1px dashed var(--border-strong);background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 10%, transparent), transparent 48%), color-mix(in srgb, var(--surface-soft) 92%, transparent);text-align:left;border-radius:18px;align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex}.node-card--expanded .asset-upload-surface{border-color:color-mix(in srgb, var(--border-strong) 62%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 8%, transparent), transparent 48%), color-mix(in srgb, var(--surface-soft) 46%, transparent);border-radius:14px;gap:10px;padding:10px 11px}.asset-upload-surface--filled{border-style:solid}.asset-upload-surface__thumb,.asset-upload-surface__icon{border-radius:16px;flex:0 0 72px;width:72px;height:72px}.node-card--expanded .asset-upload-surface__thumb,.node-card--expanded .asset-upload-surface__icon{border-radius:12px;flex-basis:54px;width:54px;height:54px}.asset-upload-surface__thumb{object-fit:cover}.asset-upload-surface__icon{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand);place-items:center;font-size:24px;font-weight:700;display:grid}.asset-upload-surface__copy{gap:4px;min-width:0;display:grid}.asset-upload-surface__copy strong{color:var(--text-primary);font-size:15px;line-height:1.3}.asset-upload-surface__copy small{color:var(--text-secondary);word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.52;display:-webkit-box;overflow:hidden}.asset-upload-hint{color:var(--text-secondary);overflow-wrap:anywhere;font-size:13px;line-height:1.52;display:block}.image-ref-row{border:1px dashed var(--border-soft);background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 12%, transparent), transparent 40%), color-mix(in srgb, var(--surface-soft) 92%, transparent);border-radius:20px;align-items:center;gap:10px;width:100%;min-height:104px;padding:10px;display:flex}.image-ref-tile{border:1px dashed var(--border-strong);background:var(--surface-soft);width:88px;height:88px;color:var(--text-secondary);border-radius:18px;place-items:center;display:grid;overflow:hidden}.image-ref-tile--preview{border-style:solid;padding:0}.image-ref-tile__image{object-fit:cover;width:100%;height:100%}.image-ref-tile--upload{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-input) 96%, transparent), color-mix(in srgb, var(--surface-soft) 86%, transparent));gap:6px;padding:10px}.image-ref-tile__icon{background:color-mix(in srgb, var(--brand) 14%, transparent);width:26px;height:26px;color:var(--brand);border-radius:999px;place-items:center;font-size:16px;font-weight:700;line-height:1;display:grid}.image-ref-tile__label{text-overflow:ellipsis;max-width:100%;color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.asset-upload-input{display:none}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.node-card--expanded .reference-grid{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--brand) 30%, transparent) transparent;gap:7px;min-height:92px;padding:2px 1px 4px;display:flex;overflow-x:auto}.reference-grid--context{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-tile{border:1px dashed var(--border-strong);background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 12%, transparent), transparent 52%), color-mix(in srgb, var(--surface-soft) 96%, transparent);min-height:116px;color:var(--text-secondary);border-radius:18px;place-items:center;gap:8px;padding:12px;transition:border-color .18s,transform .18s,box-shadow .18s,background .18s;display:grid;position:relative}.node-card--expanded .reference-tile{background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 8%, transparent), transparent 52%), color-mix(in srgb, var(--surface-soft) 36%, transparent);border-radius:13px;flex:0 0 66px;width:66px;min-height:86px;padding:8px}.reference-tile:hover{border-color:color-mix(in srgb, var(--brand) 38%, var(--border-strong));transform:translateY(-1px);box-shadow:0 18px 40px #0f172a24}.reference-tile--filled{background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border-style:solid;place-items:stretch stretch;padding:0;overflow:hidden}.reference-tile__image{object-fit:cover;width:100%;height:116px}.node-card--expanded .reference-tile__image{width:66px;height:86px}.node-card--expanded .reference-tile--add{flex-basis:64px}.reference-grid--context .reference-tile__image{object-fit:contain;background:color-mix(in srgb, var(--surface-strong) 92%, transparent)}.reference-tile__meta{z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset:8px 8px auto}.reference-tile__badge{white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.01em;background:#4e422cb8;border:1px solid #fff5e638;border-radius:999px;justify-content:center;align-items:center;max-width:calc(100% - 40px);min-height:30px;padding:0 12px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden;color:#fff8eefa!important}.node-card--expanded .reference-tile__badge{min-height:20px;padding:0 7px;font-size:9.5px}.reference-tile__remove{color:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;opacity:0;pointer-events:none;background:#0f172ab8;border:none;border-radius:999px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;transition:opacity .16s,transform .18s,background .16s;display:grid;transform:scale(.92);box-shadow:0 10px 24px #0f172a38}.node-card--expanded .reference-tile__remove{flex-basis:24px;width:24px;height:24px}.reference-tile--filled:hover .reference-tile__remove,.reference-tile--filled:focus-within .reference-tile__remove{opacity:1;pointer-events:auto;transform:scale(1)}.reference-tile__remove:hover{background:#0f172adb}.reference-tile--add{border-style:solid;border-color:color-mix(in srgb, var(--border-soft) 70%, var(--brand));background:radial-gradient(circle at top center, color-mix(in srgb, var(--brand) 12%, transparent), transparent 54%), linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 98%, white 2%), color-mix(in srgb, var(--surface-soft) 94%, transparent));align-content:center;justify-items:center;gap:12px}.reference-tile__plus{background:color-mix(in srgb, var(--brand) 16%, transparent);width:48px;height:48px;color:var(--brand);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 18%, transparent);border-radius:16px;place-items:center;font-size:22px;font-weight:600;display:grid}.node-card--expanded .reference-tile__plus{border-radius:11px;width:32px;height:32px;font-size:16px}.reference-tile__copy{text-align:center;gap:4px;display:grid}.reference-tile__copy strong{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.25}.node-card--expanded .reference-tile__copy strong{font-size:10.5px}.reference-tile__copy small{color:var(--text-secondary);white-space:nowrap;font-size:12px;line-height:1.2}.node-card--expanded .reference-tile__copy small{display:none}.node-card--expanded.node-card--video .reference-grid{min-height:132px}.node-card--expanded.node-card--video .reference-tile{flex-basis:84px;width:84px;min-height:118px}.node-card--expanded.node-card--video .reference-tile__image{width:84px;height:118px}.node-card--expanded.node-card--video .reference-tile--add{flex-basis:82px}.node-card--image .reference-grid{align-items:start}.image-generator-params{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.node-card--expanded .image-generator-params{gap:8px;padding-top:0}.node-card--expanded.node-card--video .image-generator-params>.field:first-child,.node-card--expanded.node-card--video .field--routing{grid-column:1/-1}.mode-switcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.node-card--expanded .mode-switcher{gap:7px}.mode-switcher--dual{grid-template-columns:repeat(2,minmax(0,1fr))}.node-card__download{justify-content:flex-start;padding-top:6px;display:flex}.mode-chip{border:1px solid var(--border-strong);background:var(--surface-input);min-height:72px;color:var(--text-primary);text-align:left;border-radius:16px;gap:4px;padding:8px 6px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid}.node-card--expanded .mode-chip{border-color:color-mix(in srgb, var(--border-strong) 44%, transparent);background:color-mix(in srgb, var(--surface-input) 40%, transparent);border-radius:13px;min-height:50px;padding:7px 8px}.mode-chip strong{font-size:14px;line-height:1.3}.node-card--expanded .mode-chip strong{font-size:12px}.mode-chip small{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.node-card--expanded .mode-chip small{font-size:10px;line-height:1.35}.mode-chip:hover{transform:translateY(-1px)}.mode-chip--active{border-color:color-mix(in srgb, var(--brand) 58%, white 42%);background:color-mix(in srgb, var(--brand) 12%, var(--surface-input));box-shadow:0 10px 24px #167c7424}.routing-pill-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.routing-pill{border:1px solid color-mix(in srgb, var(--border-strong) 42%, transparent);background:color-mix(in srgb, var(--surface-input) 42%, transparent);min-height:38px;color:color-mix(in srgb, var(--text-primary) 74%, var(--text-secondary));border-radius:12px;padding:0 10px;font-size:12px;font-weight:800;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s}.routing-pill:hover{border-color:color-mix(in srgb, var(--brand) 38%, var(--border-strong));transform:translateY(-1px)}.routing-pill--active{border-color:color-mix(in srgb, var(--brand) 68%, white 16%);background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--brand) 24%, transparent), transparent 56%), color-mix(in srgb, var(--brand) 12%, var(--surface-input));color:color-mix(in srgb, var(--text-primary) 96%, white 4%);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 18%, transparent), 0 10px 24px color-mix(in srgb, var(--brand) 14%, transparent)}.routing-custom-button{border:1px solid color-mix(in srgb, var(--border-strong) 34%, transparent);background:color-mix(in srgb, var(--surface-input) 40%, transparent);width:100%;min-height:38px;color:color-mix(in srgb, var(--text-primary) 66%, var(--text-secondary));border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:0 11px;font-size:12px;font-weight:800;display:flex}.routing-custom-button--active{border-color:color-mix(in srgb, var(--brand) 58%, white 10%);color:var(--text-primary);background:color-mix(in srgb, var(--brand) 10%, var(--surface-input))}.field input,.field textarea,.field select{border:1px solid var(--border-strong);background:var(--surface-input);width:100%;max-width:100%;color:var(--text-primary);resize:vertical;-webkit-user-select:text;user-select:text;border-radius:16px;outline:none;padding:13px 15px;font-size:16px;line-height:1.55}.node-card--expanded .field input,.node-card--expanded .field textarea,.node-card--expanded .field select{border-color:color-mix(in srgb, var(--border-strong) 44%, transparent);background:color-mix(in srgb, var(--surface-input) 46%, transparent);border-radius:12px;padding:9px 10px;font-size:12px;line-height:1.48}.field--compact select{padding:8px 6px}.node-card--expanded .field--compact select{min-height:30px;padding:6px 26px 6px 8px}.node-card--image .node-card__summary{min-height:40px}.node-card--image:not(.node-card--expanded) .node-card__summary{-webkit-line-clamp:1;min-height:0;color:var(--text-secondary);font-size:13px;line-height:1.35}.node-card--image:not(.node-card--expanded) .node-card__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:0;padding-right:0;display:flex}.node-card--image:not(.node-card--expanded) .node-card__meta span{text-align:center;flex:0 auto;justify-content:center;width:auto;min-width:0;max-width:100%;padding:4px 8px;font-size:11px}.node-card--text:not(.node-card--expanded) .node-card__meta span{max-width:min(100%,210px)}.node-card--text:not(.node-card--expanded) .node-card__header{margin-bottom:14px}.node-card--text:not(.node-card--expanded) .node-card__body--text-compact{gap:0;padding-bottom:0}.node-card--text:not(.node-card--expanded) .node-card__summary{margin-top:0;line-height:1.62}.node-card--image:not(.node-card--expanded) .node-card__body{gap:8px;padding-bottom:6px}.node-card--image-compact{background:linear-gradient(180deg, color-mix(in srgb, var(--card-image) 94%, transparent), color-mix(in srgb, var(--card-image) 84%, transparent))}.node-card--image-process-compact{background:var(--card-image-process)}.node-card--image-compact .node-card__header{margin-bottom:8px}.node-card--image-compact .node-title-label,.node-card--image-compact .node-title-input{font-size:15px}.node-card--image-compact .node-card__meta{opacity:.92}.node-card--image-process-compact .node-card__body{gap:6px;padding-bottom:4px}.node-card--image-process-compact .node-card__summary{-webkit-line-clamp:2;min-height:0}.node-card--asset:not(.node-card--expanded) .node-card__body,.node-card--output:not(.node-card--expanded) .node-card__body{gap:8px;padding-bottom:0;padding-right:0}.node-card__body--media-compact{gap:8px}.node-card__body--media-showcase{gap:0;padding-bottom:0;padding-right:0}.node-card--asset:not(.node-card--expanded) .node-card__header,.node-card--output:not(.node-card--expanded) .node-card__header{margin-bottom:8px}.node-card--asset:not(.node-card--expanded) .status-badge,.node-card--output:not(.node-card--expanded) .status-badge{padding:7px 10px;font-size:12px}.node-card--media-showcase{padding:16px 16px 14px}.node-card--media-showcase .node-card__header{margin-bottom:12px}.node-card--media-showcase .node-title-label,.node-card--media-showcase .node-title-input{font-size:16px;line-height:1.2}.node-card--image .field textarea{min-height:108px}.node-card--text .field textarea{min-height:112px;max-height:280px}.node-card--expanded.node-card--image .field textarea,.node-card--expanded.node-card--text .field textarea,.node-card--expanded.node-card--video .field textarea{min-height:82px;max-height:220px}.node-card--image .field--panel textarea,.node-card--image .field--panel select{background:color-mix(in srgb, var(--surface-strong) 88%, transparent)}.field select{color-scheme:inherit;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:34px}.field option{background:var(--surface-strong);color:var(--text-primary)}.output-editor{border:1px dashed var(--border-soft);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);border-radius:18px;grid-column:1/-1;padding:16px 18px}.node-card--expanded .output-editor{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 42%), color-mix(in srgb, var(--surface-soft) 36%, transparent);border-radius:14px;padding:10px 12px}.output-editor__copy{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.node-card--expanded .output-editor__copy{color:color-mix(in srgb, var(--text-secondary) 86%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.output-editor .field__actions{justify-content:flex-start;margin:14px 0 0}.node-card--expanded .output-editor .field__actions{margin-top:9px}@keyframes node-running-halo{0%,to{opacity:.28;transform:scale(.998)}50%{opacity:.58;transform:scale(1.01)}}@keyframes node-activity-sheen{0%,18%{transform:translate(-120%)}72%,to{transform:translate(120%)}}@keyframes node-activity-pulse{0%{opacity:.7;transform:scale(.62)}to{opacity:0;transform:scale(1.65)}}@keyframes node-activity-shimmer{0%{background-position:160% 0}to{background-position:-80% 0}}@keyframes node-activity-typing{0%,80%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes node-activity-progress{0%{transform:translate(-115%)}55%{transform:translate(72%)}to{transform:translate(235%)}}@keyframes node-editor-reveal{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.node-card,.port-handle,.node-card__summary,.node-card__meta,.node-card__editor,.edge-layer__path,.edge-layer__draft,.message-toast{transition:none!important;animation:none!important}}.bottom-toolbar{z-index:20;-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);background:#0f0f0f80;border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;min-width:860px;padding:8px 12px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 24px 60px #0006,inset 0 1px 1px #ffffff0d}.toolbar-button{min-height:40px;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;padding:0 18px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.toolbar-button:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.toolbar-button--primary{box-shadow:0 4px 15px var(--glow);background:var(--brand-gradient)!important;color:#fff!important;border:none!important}.toolbar-button--primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--glow);transform:translateY(-2px)}.toolbar-group{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.bottom-toolbar--producer{gap:20px}.bottom-toolbar--producer .toolbar-group:first-child{flex:auto;min-width:0}.toolbar-hint{max-width:440px;color:color-mix(in srgb, var(--text-secondary) 86%, var(--text-primary));white-space:nowrap;font-size:12px;font-weight:650;line-height:1.5}.toolbar-group--zoom{min-width:248px}.zoom-slider{width:120px;accent-color:var(--brand);cursor:pointer;background:#ffffff1a;border-radius:2px;height:4px}.zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--brand);width:12px;height:12px;box-shadow:0 0 10px var(--glow);cursor:pointer;border-radius:50%;transition:transform .2s}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.zoom-label{min-width:42px;color:var(--text-secondary);font-weight:700}.editor-results-panel{z-index:36;-webkit-backdrop-filter:blur(36px)saturate(160%);background:#0d0d0db8;border:1px solid #ffffff1a;border-radius:28px;grid-template-rows:auto minmax(0,1fr);width:min(420px,100vw - 64px);display:grid;position:absolute;top:92px;bottom:104px;right:24px;overflow:hidden;box-shadow:0 32px 80px #0000007a,inset 0 0 0 1px #ffffff08}.editor-results-panel__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 16px;display:flex}.editor-results-panel__header-copy{gap:6px;min-width:0;display:grid}.editor-results-panel__header-copy h2{margin:0;font-size:22px;line-height:1.2}.editor-results-panel__header-copy p:last-child{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.editor-results-panel__close{flex:none;margin-top:0;margin-right:0}.editor-results-panel__body{align-content:start;gap:14px;padding:18px 18px 20px;display:grid;overflow:auto}.editor-results-section{gap:12px;display:grid}.editor-results-section__header{gap:4px;padding:0 2px;display:grid}.editor-results-section__header strong{font-size:14px;line-height:1.3}.editor-results-section__header small{color:var(--text-secondary);font-size:12px;line-height:1.5}.editor-results-panel__status{border:1px solid color-mix(in srgb, var(--brand) 22%, transparent);background:color-mix(in srgb, var(--brand) 8%, transparent);border-radius:18px;gap:4px;padding:14px 16px;display:grid}.editor-results-panel__status strong{font-size:14px;line-height:1.3}.editor-results-panel__status span,.editor-results-panel__status small{color:var(--text-secondary);line-height:1.5}.editor-results-panel__status span{font-size:13px}.editor-results-panel__status small{font-size:12px}.editor-results-panel__status--error{border-color:color-mix(in srgb, var(--danger) 26%, transparent);background:color-mix(in srgb, var(--danger) 9%, transparent)}.editor-results-panel__error{border:1px solid color-mix(in srgb, var(--danger) 24%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent);border-radius:18px;gap:6px;padding:14px 16px;display:grid}.editor-results-panel__error strong{color:color-mix(in srgb, var(--danger) 82%, white 18%);font-size:14px;line-height:1.3}.editor-results-panel__error p{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.55}.editor-results-panel__empty{border:1px dashed var(--border-soft);background:color-mix(in srgb, var(--surface-soft) 96%, transparent);border-radius:18px;gap:8px;padding:18px;display:grid}.editor-results-panel__empty strong{font-size:15px;line-height:1.3}.editor-results-panel__empty p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.editor-results-panel__grid{gap:14px;display:grid}.editor-result-card{border:1px solid color-mix(in srgb, var(--border-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-soft) 97%, transparent);border-radius:20px;gap:12px;min-width:0;padding:12px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid}.editor-result-card--selected{border-color:color-mix(in srgb, var(--brand) 34%, transparent);background:color-mix(in srgb, var(--brand) 9%, var(--surface-soft) 91%);box-shadow:0 16px 28px #00000038, inset 0 0 0 1px color-mix(in srgb, var(--brand) 14%, transparent);transform:translateY(-1px)}.editor-result-card--pending{border-style:dashed}.editor-result-card__media{background:color-mix(in srgb, var(--surface-strong) 92%, transparent);border-radius:16px;position:relative;overflow:hidden}.editor-result-card__media--pending{place-items:center;min-height:220px;display:grid}.editor-result-card__placeholder{background:radial-gradient(circle at top, color-mix(in srgb, var(--brand) 10%, transparent), transparent 52%), color-mix(in srgb, var(--surface-strong) 92%, transparent);width:100%;min-height:220px;color:var(--text-secondary);letter-spacing:.02em;place-items:center;font-size:13px;font-weight:700;display:grid}.editor-result-card__video{object-fit:contain;background:#000;width:100%;min-height:220px;max-height:320px;display:block}.editor-result-card__image{object-fit:contain;background:color-mix(in srgb, var(--surface-strong) 92%, transparent);width:100%;min-height:220px;max-height:360px;display:block}.editor-result-card__badge{background:color-mix(in srgb, var(--brand) 24%, transparent);min-height:28px;color:color-mix(in srgb, var(--brand) 82%, white 18%);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 10px 24px #0000003d}.editor-result-card__body{gap:12px;min-width:0;display:grid}.editor-result-card__copy{gap:4px;min-width:0;display:grid}.editor-result-card__copy strong{overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:14px;line-height:1.35}.editor-result-card__copy small{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--text-secondary);font-size:12px;line-height:1.5}.editor-result-card__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-result-card__action{border-radius:999px;min-height:34px;padding:0 12px;font-size:12px}.output-placeholder{border:1px dashed var(--border-strong);background:color-mix(in srgb, var(--surface-soft) 94%, transparent);border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.output-placeholder--asset{padding:14px 16px}.output-placeholder--button{appearance:none;text-align:left;width:100%;color:inherit;cursor:pointer}.output-placeholder__icon{background:color-mix(in srgb, var(--brand) 16%, transparent);width:52px;height:52px;color:var(--brand);border-radius:18px;flex:0 0 52px;place-items:center;font-size:18px;font-weight:700;display:grid}.output-placeholder__copy{gap:4px;display:grid}.output-placeholder__copy strong{color:var(--text-primary);font-size:15px}.output-placeholder__copy small{color:var(--text-secondary);font-size:13px;line-height:1.55}.modal-panel,.node-context-menu{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-strong) 92%, transparent);position:absolute;box-shadow:0 28px 50px #342a1a2e}.create-menu{z-index:901;background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 12%, transparent), transparent 40%), #0d0d0da6;-webkit-backdrop-filter:blur(40px)saturate(160%);border:1px solid #ffffff1a;border-radius:28px;width:min(440px,100vw - 120px);max-height:calc(100vh - 40px);padding:12px;position:fixed;overflow:auto;box-shadow:0 40px 100px #0009,inset 0 0 0 1px #ffffff08}.create-menu__grid,.template-grid,.placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.create-menu__item,.template-card,.placeholder-card{border:1px solid var(--border-strong);background:var(--surface-soft);text-align:left;border-radius:18px;gap:10px;padding:15px 16px;display:grid}.create-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.create-menu__section{margin-top:12px}.create-menu__section:first-of-type{margin-top:0}.create-menu__section-header{gap:0;margin-bottom:8px;display:grid}.create-menu__section-title{color:color-mix(in srgb, var(--text-primary) 78%, var(--text-secondary));letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.create-menu__section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.create-menu__item{min-height:76px;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s,background .3s;display:grid}.create-menu__item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px #0003,0 0 0 1px #ffffff0d}.create-menu__icon{background:color-mix(in srgb, var(--text-primary) 8%, transparent);width:36px;height:36px;color:var(--text-primary);border-radius:12px;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid}.create-menu__label{align-items:center;min-width:0;display:flex}.create-menu__item strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2;display:block;overflow:hidden}.create-menu__item--text .create-menu__icon{background:color-mix(in srgb, var(--brand) 16%, transparent);color:var(--brand)}.create-menu__item--image-io .create-menu__icon{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.create-menu__item--video-io .create-menu__icon{color:#4a7bd0;background:#4a7bd029}.create-menu__item--image-generation .create-menu__icon{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.create-menu__item--text{background:var(--create-item-text)}.create-menu__item--image-io{background:var(--create-item-asset)}.create-menu__item--video-io{background:color-mix(in srgb, var(--create-item-asset) 78%, var(--surface-soft))}.create-menu__item--image-generation{background:var(--create-item-image)}.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out modalFadeIn;position:fixed;inset:0;display:flex!important}.modal-backdrop--anchored{padding:0;display:block!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{-webkit-backdrop-filter:blur(48px)saturate(180%);background:#121212a6;border:1px solid #ffffff1a;border-radius:36px;flex-direction:column;width:100%;max-width:580px;max-height:calc(100vh - 48px);animation:.5s cubic-bezier(.16,1,.3,1) modalPanelSlide;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0003,0 40px 120px #000000b3,inset 0 1px 1px #ffffff0f;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.modal-panel--anchored{border-radius:28px;width:min(560px,100vw - 32px);max-width:min(560px,100vw - 32px);max-height:min(70vh,100vh - 32px);animation:.24s cubic-bezier(.16,1,.3,1) modalPanelPopover;left:var(--modal-anchor-left,16px)!important;top:var(--modal-anchor-top,16px)!important;position:fixed!important}@keyframes modalPanelSlide{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalPanelPopover{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:32px 32px 12px;display:flex}.modal-header h2{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:800}.modal-subtitle{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.modal-content{flex:1;padding:12px 32px;overflow-y:auto}.modal-actions{background:linear-gradient(#0000,#ffffff05);justify-content:flex-end;align-items:center;gap:12px;padding:20px 32px 32px;display:flex}.modal-close-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;margin-top:-8px;margin-right:-8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)scale(1.1)}.template-save-form{gap:24px;padding:8px 0;flex-direction:column!important;display:flex!important}.template-save-form label{gap:10px;flex-direction:column!important;display:flex!important}.template-save-form label span{color:var(--text-primary);letter-spacing:.02em;font-size:13px;font-weight:700}.template-save-form input,.template-save-form textarea,.template-save-form select{background:var(--surface-input)!important;border:1px solid var(--border-soft)!important;width:100%!important;color:var(--text-primary)!important;border-radius:14px!important;outline:none!important;padding:12px 16px!important;font-size:14px!important;transition:all .3s!important;box-shadow:inset 0 2px 4px #0000001a!important}.template-save-form textarea{resize:vertical;min-height:100px}.template-save-form input:focus,.template-save-form textarea:focus,.template-save-form select:focus{border-color:var(--brand)!important;background:var(--surface-strong)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 10%, transparent), inset 0 2px 4px #0003!important}.template-save-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px!important}.draft-safety-panel{gap:12px;display:grid}.draft-safety-panel__item{background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 12%, transparent), transparent 52%), #ffffff09;border:1px solid #ffffff14;border-radius:18px;gap:5px;padding:14px 16px;display:grid}.draft-safety-panel__item strong{color:var(--text-primary);font-size:13px}.draft-safety-panel__item span{color:var(--text-secondary);font-size:12px;line-height:1.6}.runner-inline-copy{color:color-mix(in srgb, var(--danger) 80%, white);background:#ef444414;border:1px dashed #ef444433;border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:1.6}.menu-backdrop{z-index:900;position:fixed;inset:0}.node-context-menu{z-index:901;background:var(--surface-strong);border:1px solid var(--border-strong);min-width:180px;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px;flex-direction:column;gap:2px;padding:6px;animation:.12s cubic-bezier(.22,1,.36,1) ctx-menu-in;display:flex;position:fixed}@keyframes ctx-menu-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.node-context-menu__item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;font-family:inherit;font-size:13px;display:flex}.node-context-menu__item:hover:not(:disabled){background:var(--surface-soft)}.node-context-menu__item:disabled{opacity:.35;cursor:not-allowed}.node-context-menu__item span{color:var(--text-muted);flex-shrink:0;font-size:11px}.node-context-menu__item--danger{color:var(--danger)}.node-context-menu__item--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 15%, transparent)}.node-context-menu__item--danger span{color:color-mix(in srgb, var(--danger) 60%, transparent)}.library-v2-container{flex-direction:column;flex:1;min-height:0;display:flex}.library-v2-content-area{flex-direction:column;flex:1;align-items:center;min-height:0;padding:0 48px 60px;display:flex;overflow-y:auto}.library-v2-hero{grid-template-columns:minmax(360px,.72fr) minmax(660px,1.28fr);align-items:center;gap:30px;width:min(1520px,100%);min-height:min(650px,100vh - 150px);margin:0 auto;padding:56px 0 34px;display:grid;position:relative}.library-v2-hero:before{content:"";pointer-events:none;background:linear-gradient(115deg,#a855f71a,#0000 34%),linear-gradient(#ffffff0a,#0000 44%);border:1px solid #ffffff0b;border-radius:26px;position:absolute;inset:18px -32px 26px;-webkit-mask-image:linear-gradient(#000 0% 80%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#0000 100%)}.library-v2-hero__copy{z-index:2;align-content:center;gap:20px;display:grid;position:relative}.library-hero__eyebrow{width:max-content;color:color-mix(in srgb, var(--brand) 78%, white);letter-spacing:.02em;background:#a855f71c;border:1px solid #a855f738;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 0 28px #a855f729}.library-v2-hero h1{letter-spacing:0;gap:2px;margin:0;font-size:clamp(64px,8vw,118px);font-weight:950;line-height:.92;display:grid}.library-v2-hero h1 span:first-child{color:#fff;text-shadow:0 0 38px #ffffff29,0 18px 48px #00000080}.library-v2-hero h1 span:last-child{background:linear-gradient(90deg,#fff 0%,#d9c9ff 48%,#68f5de 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.78em;line-height:.96}.library-v2-hero__copy>p{color:#aeb7c8;max-width:560px;margin:0;font-size:19px;line-height:1.7}.library-v2-hero__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.library-v2-hero__button{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-width:136px;height:50px;padding:0 20px;font-size:15px;font-weight:850;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.library-v2-hero__button:hover:not(:disabled){transform:translateY(-2px)}.library-v2-hero__button:disabled{opacity:.5;cursor:not-allowed}.library-v2-hero__button--primary{color:#fff;background:linear-gradient(135deg,#a855f7f2,#7c3aedf2 52%,#2dd4bfe6);border:1px solid #ffffff38;box-shadow:0 18px 42px #a855f752,inset 0 1px #ffffff42}.library-v2-hero__button--ghost{color:var(--text-primary);background:#ffffff0b;border:1px solid #ffffff1f}.library-v2-hero__signals{color:#c6ccda;flex-wrap:wrap;align-items:center;gap:28px;margin-top:18px;font-size:14px;font-weight:750;display:flex}.library-v2-hero__signals span{align-items:center;gap:8px;display:inline-flex;position:relative}.library-v2-hero__signals span:before{content:"";background:var(--accent);border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #2dd4bf73}.library-v2-hero__stage{z-index:1;height:520px;position:relative;overflow:hidden}.library-v2-hero__stage-map{z-index:1;transform-origin:0;width:954px;height:520px;position:absolute;top:0;left:0}.library-v2-hero__stage:before{content:"";z-index:0;pointer-events:none;opacity:.72;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 44%,#000 0% 58%,#0000 86%);mask-image:radial-gradient(at 50% 44%,#000 0% 58%,#0000 86%)}.library-v2-hero__stage:after{content:"";z-index:0;pointer-events:none;transform-origin:bottom;opacity:.68;background:repeating-linear-gradient(92deg,#2dd4bf33 0 1px,#0000 1px 34px),linear-gradient(#2dd4bf29,#0000);width:112%;height:52%;position:absolute;bottom:-44%;right:-22%;transform:perspective(720px)rotateX(62deg)rotate(-4deg)}.library-flow-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.library-flow-line{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:7 12;filter:drop-shadow(0 0 10px #a855f76b)}.library-flow-line--purple{stroke:#a855f7b8}.library-flow-line--cyan{stroke:#2dd4bfbd}.library-flow-line--mint{stroke:#86efac9e}.library-flow-line--muted{stroke:#ffffff2e}.hero-workflow-node,.hero-result-panel{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#161820e0,#080a10c7),#08090edb;border:1px solid #ffffff1f;border-radius:18px;position:absolute;box-shadow:0 22px 60px #0000006b,inset 0 1px #ffffff14}.hero-workflow-node{gap:10px;padding:16px;display:grid}.hero-port{z-index:3;background:var(--brand);border:1px solid #ffffffd1;border-radius:999px;width:10px;height:10px;position:absolute;box-shadow:0 0 0 4px #080a10b8,0 0 18px #a855f799}.hero-port--script-video,.hero-port--video-in,.hero-port--video-out,.hero-port--done-video{background:#7ee7b3;box-shadow:0 0 0 4px #080a10b8,0 0 18px #7ee7b38a}.hero-port--script-image,.hero-port--image-in,.hero-port--image-out,.hero-port--result-in{background:var(--accent);box-shadow:0 0 0 4px #080a10b8,0 0 18px #2dd4bf8a}.hero-port--input-out{top:62px;right:-5px}.hero-port--script-in{bottom:-5px;left:165px}.hero-port--script-image{bottom:-5px;left:236px}.hero-port--script-video{top:66px;right:-5px}.hero-port--image-in{top:-5px;left:92px}.hero-port--image-out{top:94px;right:-5px}.hero-port--video-in{top:59px;left:-5px}.hero-port--video-out{bottom:-5px;left:107px}.hero-port--done-video{top:-5px;left:95px}.hero-port--done-result{top:106px;left:-5px}.hero-port--result-in{top:76px;left:-5px}.hero-port--result-out{background:#ffffffb8;top:76px;right:-5px;box-shadow:0 0 0 4px #080a10b8,0 0 18px #ffffff3d}.hero-workflow-node strong,.hero-result-panel strong{color:#fff;font-size:15px;line-height:1.2}.hero-workflow-node p{color:#aab3c4;margin:0;font-size:12px;line-height:1.5}.hero-workflow-node__chips{flex-wrap:wrap;gap:8px;display:flex}.hero-workflow-node__chips span,.hero-workflow-node__file{color:#d7deed;background:#ffffff14;border-radius:999px;align-items:center;width:max-content;min-height:24px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.hero-workflow-node--script{width:330px;top:54px;left:64px}.hero-workflow-node--input{width:168px;top:264px;left:10px}.hero-workflow-node--image{border-color:#2dd4bf3d;width:184px;top:286px;left:222px;box-shadow:0 22px 60px #0000006b,0 0 36px #2dd4bf1f,inset 0 1px #ffffff14}.hero-workflow-node--video{width:214px;top:112px;right:48px}.hero-workflow-node--done{width:190px;top:302px;right:0}.hero-status-dot{background:#7ee7b3;border-radius:999px;width:22px;height:22px;box-shadow:0 0 20px #7ee7b370}.hero-thumb{background:#10131d;border:1px solid #ffffff17;border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.hero-thumb:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff1a,#0000 34%),radial-gradient(circle at 70% 12%,#2dd4bf24,#0000 38%);position:absolute;inset:0}.hero-thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-thumb--product,.hero-thumb--result{background:radial-gradient(circle at 34% 64%,#f59e0bd6 0 10%,#0000 11%),radial-gradient(circle at 68% 58%,#ef4444d1 0 12%,#0000 13%),linear-gradient(135deg,#ffffff29,#2dd4bf38),linear-gradient(#2a2135,#111827);height:92px}.hero-thumb--result{background:linear-gradient(150deg,#ffffff38,#0000 36%),radial-gradient(circle at 34% 64%,#f59e0bd6 0 10%,#0000 11%),radial-gradient(circle at 68% 58%,#2dd4bfb8 0 12%,#0000 13%),linear-gradient(#1e2038,#07131c)}.hero-thumb--video{background:linear-gradient(135deg,#a855f740,#0000),linear-gradient(#2dd4bf2e,#0f172acc),#111827;height:90px}.hero-thumb--video span{z-index:2;color:#fff;background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;place-items:center;width:44px;height:44px;font-size:18px;display:grid;position:relative}.hero-result-panel{border-color:#2dd4bf33;width:284px;padding:16px;bottom:24px;left:446px}.hero-result-panel>div{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hero-result-panel>div span{color:#7ee7b3;font-size:12px;font-weight:850}.hero-result-panel p{color:#aab3c4;border-top:1px solid #ffffff12;grid-template-columns:12px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:30px;margin:0;font-size:11.5px;display:grid}.hero-result-panel p span{background:#7ee7b3;border-radius:999px;width:8px;height:8px;box-shadow:0 0 12px #7ee7b380}.hero-result-panel em{color:#c8d0df;text-align:right;font-style:normal}.library-v2-controls{z-index:10;background:0 0;flex-direction:row;justify-content:center;align-items:center;gap:40px;padding:32px 0 48px;display:flex;position:sticky;top:0}.library-v2-search-wrapper{flex-shrink:0;width:340px;position:relative}.library-v2-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.library-v2-search-input{width:100%;height:52px;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;padding:0 18px 0 52px;font-size:15px}.library-v2-search-input:focus{background:#ffffff1a;border-color:#ffffff38;outline:none;box-shadow:0 0 0 4px #ffffff0a}.library-categories-v2{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-category-chip{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;height:40px;padding:0 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.library-category-chip:hover{color:#fff;background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.library-category-chip--active,.library-category-chip--active:hover{color:#000;background:#fff;border-color:#fff;transform:scale(1.05)translateY(-2px);box-shadow:0 0 30px #ffffff40}.library-category-chip--active:hover{background:#ffffffe6}.library-waterfall-container{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1800px;display:flex}.template-waterfall{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%;display:grid}.template-waterfall>article{width:100%}@media (width<=1600px){.template-waterfall{gap:24px}}@media (width<=600px){.template-waterfall{grid-template-columns:1fr}}.library-v2-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -1px #00000026}.library-v2-card:hover{border-color:#ffffff26;transform:translateY(-8px)scale(1.015);box-shadow:0 30px 60px -15px #0009,0 0 30px #a855f71a}.library-v2-card__cover{aspect-ratio:3/4;background:#09090b;position:relative;overflow:hidden}.library-v2-card__img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:block}.library-v2-card:hover .library-v2-card__img{transform:scale(1.12)}.library-v2-card__overlay{background:linear-gradient(#0000 40%,#000000e6 100%);flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:absolute;inset:0}.library-v2-card__actions{opacity:0;justify-content:flex-end;transition:opacity .3s;display:flex;position:relative}.library-v2-card:hover .library-v2-card__actions{opacity:1}.library-v2-card__menu-trigger{color:#fff;background:#0d0d0d8c;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 10px 20px #0000004d}.library-v2-card__dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0d0d0df0;border:1px solid #ffffff14;border-radius:14px;gap:4px;min-width:132px;padding:6px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 24px 40px #00000059}.library-v2-card__dropdown button{width:100%;height:36px;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:13px;display:flex}.library-v2-card__dropdown button:hover{background:var(--surface-soft);color:var(--text-primary)}.library-v2-card__cta{color:#000;opacity:0;pointer-events:none;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:140px;height:44px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)scale(.9);box-shadow:0 10px 20px #0000004d}.library-v2-card:hover .library-v2-card__cta{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.library-v2-card__body{padding:20px 22px 24px}.library-v2-card__meta{align-items:center;gap:8px;margin-bottom:12px;display:flex}.library-v2-card__tag{text-transform:uppercase;letter-spacing:.1em;color:#a855f7;background:#a855f714;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.library-v2-card__badge{color:#64748b;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff14;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:800}.library-v2-card__title{color:#fff;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0 0 10px;font-size:20px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.library-v2-card__desc{color:#94a3b8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.library-empty-v2{text-align:center;color:var(--text-secondary);padding:100px 0}.library-empty-v2 h3{color:#fff;margin-bottom:8px;font-size:24px}.library-pagination-v2{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:24px;margin-top:60px;padding-top:40px;display:flex}.pagination-info{color:var(--text-muted);font-size:14px}.pagination-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-btn{border:1px solid var(--border-soft);background:var(--surface-soft);min-width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-strong);color:var(--text-primary)}.pagination-btn--active{background:var(--brand);border-color:var(--brand);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1540px) and (width>=1181px){.library-v2-hero__stage-map{transform:scale(.92)}}@media (width<=1420px) and (width>=1181px){.library-v2-hero h1{font-size:clamp(82px,6.8vw,94px)}.library-v2-hero__copy>p{max-width:500px;font-size:18px}.library-v2-hero__stage-map{transform:scale(.82)}}@media (width<=1320px) and (width>=1181px){.library-v2-hero h1{font-size:clamp(76px,6.4vw,84px)}.library-v2-hero__copy>p{max-width:450px;font-size:17px}.library-v2-hero__stage-map{transform:scale(.78)}}@media (width<=1180px){.library-v2-content-area{padding-inline:28px}.library-v2-hero{grid-template-columns:1fr;gap:20px;min-height:auto;padding-top:52px}.library-v2-hero__stage{display:none}.hero-workflow-node--script{left:72px}.hero-workflow-node--input{left:42px}.hero-workflow-node--image{left:286px}.hero-workflow-node--video{right:74px}.hero-workflow-node--done{right:8px}.hero-result-panel{width:min(440px,100% - 48px);bottom:16px;left:auto;right:24px}.library-v2-controls{gap:20px}}@media (width<=900px){.library-v2-content-area{align-items:stretch;padding:0 16px 44px}.library-v2-hero{width:100%;padding:42px 0 32px;display:block}.library-v2-hero:before{border-radius:22px;inset:14px -2px 10px}.library-v2-hero h1{font-size:clamp(52px,17vw,70px);line-height:.96}.library-v2-hero__copy{gap:18px;padding:34px 32px 0}.library-v2-hero__copy>p{font-size:16px;line-height:1.7}.library-v2-hero__actions{gap:10px}.library-v2-hero__button{flex:128px;min-width:0;height:48px;padding:0 14px}.library-v2-hero__signals{gap:14px;font-size:13px}.library-v2-hero__stage{display:none}.library-v2-controls{flex-direction:column;align-items:stretch;gap:16px;padding:20px 0 28px;position:relative}.library-v2-search-wrapper{width:100%}.library-categories-v2{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding-bottom:4px;overflow-x:auto}.library-categories-v2::-webkit-scrollbar{display:none}.library-category-chip{flex:none;height:38px;padding:0 18px}.library-pagination-v2{flex-direction:column;align-items:flex-start}}@media (width<=430px){.library-v2-hero__copy{padding-inline:24px}.library-v2-hero h1{font-size:clamp(48px,16vw,62px)}}.creations-page-content{flex-direction:column;flex:1;width:100%;max-width:1800px;margin:0 auto;padding:48px;display:flex;overflow-y:auto}.creations-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;width:100%;padding:24px 0;display:grid}.creation-card{background:var(--surface-soft);border:1px solid var(--border-soft);cursor:pointer;border-radius:32px;flex-direction:column;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.creation-card:hover{background:#ffffff0d;border-color:#ffffff40;transform:translateY(-16px)scale(1.02);box-shadow:0 42px 80px -20px #000000b3,0 0 0 1px #ffffff1a}.creation-card__preview{aspect-ratio:1;background:#000;border-radius:24px;margin:12px;position:relative;overflow:hidden}.creation-card__preview img,.creation-card__preview video,.creation-card__preview-media{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.creation-card:hover .creation-card__preview img,.creation-card:hover .creation-card__preview video,.creation-card:hover .creation-card__preview-media{transform:scale(1.1)}.creation-card__placeholder{background:linear-gradient(135deg,#a855f733,#2dd4bf26);width:100%;height:100%}.creation-card__body{flex:1;padding:12px 24px 32px}.creation-card__meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.creation-card__body h3{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:800}.creation-card__body p{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.creation-card__footer{opacity:0;z-index:10;background:linear-gradient(#0000,#000000e6);gap:12px;padding:24px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.creation-card:hover .creation-card__footer{opacity:1;transform:translateY(0)}.creation-card__glow{background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0a, transparent 40%);z-index:1;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.creation-card:hover .creation-card__glow{opacity:1}.creation-detail-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:18px;margin-top:24px;display:grid}.creation-detail-stage{gap:14px;padding-bottom:18px;display:grid}.creation-detail-stage__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.creation-detail-stage__body{background:#000;border-radius:20px;min-height:320px;overflow:hidden}.creation-detail-stage__media{object-fit:contain;background:#000;width:100%;max-height:640px;display:block}.creation-detail-stage__empty{background:linear-gradient(135deg,#a855f729,#2dd4bf1a);border-radius:20px;min-height:320px}.creation-detail-sidebar .workspace-summary-list{gap:12px;padding:18px;display:grid}.creation-detail-sidebar .workspace-summary-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;gap:4px;padding:16px 20px;display:grid}.creation-detail-sidebar .workspace-summary-item strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.creation-detail-sidebar .workspace-summary-item p{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.creation-detail-sidebar{gap:18px;display:grid}.creation-detail-tabs{flex-wrap:wrap;gap:8px;display:flex}.creation-detail-tab{border:1px solid var(--border-soft);background:var(--surface-soft);min-height:36px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.creation-detail-tab:hover{color:var(--text-primary);border-color:var(--border-strong)}.creation-detail-tab--active{background:var(--brand-gradient);color:#fff;border-color:#ffffff1a;box-shadow:0 8px 20px #a855f742}@media (width<=1280px){.creation-detail-layout{grid-template-columns:1fr}}