.login-page{min-width:320px;min-height:100%;color:var(--n-950);background:var(--n-0);place-items:center;padding:2.5vh 5vw;display:grid;position:fixed;inset:0;overflow:auto}.login-dialog{aspect-ratio:45/32;border:1px solid rgba(var(--tint), .04);background:var(--n-100);border-radius:32px;grid-template-columns:62.5% 37.5%;width:min(1440px,90vw);max-height:95vh;display:grid;position:relative;overflow:hidden;box-shadow:0 36px 120px #0000007a}.login-hero{background:radial-gradient(circle at 30% 24%, #ff9e6138, transparent 32%), radial-gradient(circle at 75% 62%, #576f964d, transparent 36%), var(--n-150);isolation:isolate;border-radius:24px;min-width:0;margin:8px 0 8px 8px;position:relative;overflow:hidden}.login-hero:before{content:"";z-index:2;background:linear-gradient(90deg, transparent 62%, rgba(var(--surface-rgb), .12)), linear-gradient(180deg, transparent 52%, rgba(var(--surface-rgb), .62) 100%);pointer-events:none;position:absolute;inset:0}.login-hero__image{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;filter:contrast(1.02)brightness(.94)saturate(1.06);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.015)}.login-hero__veil{z-index:1;background:radial-gradient(circle at 48% 38%, transparent 0 32%, rgba(var(--surface-rgb), .08) 70%), linear-gradient(130deg, #21191405, rgba(var(--surface-rgb), .16));position:absolute;inset:0}.login-hero__copy{z-index:3;text-shadow:0 2px 24px #0000008c;position:absolute;bottom:6.2%;left:6.6%;right:6.6%}.login-hero__copy p{letter-spacing:-.045em;max-width:660px;margin:0;font-size:clamp(28px,3vw,52px);font-weight:600;line-height:1.14}.login-hero__copy span{color:rgba(var(--tint), .68);margin-top:16px;font-size:clamp(12px,1vw,15px);line-height:1.6;display:block}.login-panel{background:var(--n-100);min-width:0;position:relative}.login-panel__heading{text-align:center;width:100%;position:absolute;top:28.125%;left:0;transform:translateY(-100%)}.login-wordmark{color:rgba(var(--tint), .96);justify-content:center;align-items:center;gap:7px;display:inline-flex}.login-wordmark .xinjian-brand-logo__mark{flex:none;display:block}.login-wordmark .xinjian-brand-logo__name{letter-spacing:.12em;font-size:12px;font-weight:750;line-height:16px}.login-panel__heading h1{color:var(--ink-default);letter-spacing:-.03em;margin:24px 0 0;font-size:32px;font-weight:600;line-height:40px}.login-form{width:min(360px,100% - 32px);position:absolute;top:41.9922%;left:50%;transform:translate(-50%)}.login-field{width:100%;height:48px;display:block;position:relative}.login-field+.login-field{margin-top:12px}.login-field input{border:1px solid rgba(var(--tint), .08);width:100%;height:100%;color:rgba(var(--tint), .94);background:rgba(var(--tint), .055);font:inherit;caret-color:var(--ink-default);border-radius:12px;outline:0;padding:0 16px;font-size:14px;transition:border-color .16s,background-color .16s,box-shadow .16s}.login-field input::placeholder{color:rgba(var(--tint), .35)}.login-field input:hover{background:rgba(var(--tint), .07)}.login-field input:focus{border-color:rgba(var(--tint), .9);background:rgba(var(--tint), .065);box-shadow:0 0 0 1px rgba(var(--tint), .08)}.login-field input:disabled{opacity:.62}.login-field--password input{padding-right:48px}.login-password-toggle{width:44px;height:48px;color:rgba(var(--tint), .42);cursor:pointer;background:0 0;border:0;outline:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:2px}.login-password-toggle:hover{color:rgba(var(--tint), .8)}.login-password-toggle:focus-visible{color:var(--ink-default)}.login-error{color:#ff7770;opacity:0;height:20px;padding:6px 2px 0;font-size:11px;line-height:14px;overflow:hidden}.login-error.is-visible{opacity:1}.login-submit{width:100%;height:48px;color:var(--n-50);background:var(--n-950);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:600;transition:transform .12s,background-color .12s,opacity .12s;display:flex}.login-submit:hover:not(:disabled){background:var(--n-1000)}.login-submit:active:not(:disabled){transform:scale(.992)}.login-submit:disabled{cursor:default;opacity:.62}.login-submit__spinner{animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-agreement{color:rgba(var(--tint), .6);text-align:center;margin:24px 0 0;font-size:11px;line-height:18px}.auth-checking{z-index:1000;color:rgba(var(--tint), .64);background:var(--n-100);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:fixed;inset:0}.auth-checking__spinner{border:2px solid rgba(var(--tint), .18);border-top-color:rgba(var(--tint), .82);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite login-spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=960px){.login-page{background:var(--n-100);padding:0}.login-dialog{aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0;display:block}.login-hero{display:none}.login-panel{width:100%;height:100%}.login-panel__heading{top:max(18%,128px)}.login-form{top:max(36%,260px)}}@media (height<=660px) and (width>=961px){.login-panel__heading{top:25%}.login-form{top:39%}}@media (prefers-reduced-motion:reduce){.login-submit,.login-field input{transition:none}.login-submit__spinner,.auth-checking__spinner{animation-duration:1.6s}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-full{bottom:100%}.left-1\/2{left:50%}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.h-1{height:var(--spacing)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[120px\]{height:120px}.h-\[180px\]{height:180px}.h-\[350px\]{height:350px}.h-full{height:100%}.w-9{width:calc(var(--spacing) * 9)}.w-\[72px\]{width:72px}.w-\[120px\]{width:120px}.w-\[280px\]{width:280px}.w-\[284px\]{width:284px}.w-full{width:100%}.w-px{width:1px}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-6{gap:calc(var(--spacing) * 6)}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.text-left{text-align:left}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.whitespace-nowrap{white-space:nowrap}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.placeholder\:text-\[var\(--ink-disabled\)\]::placeholder{color:var(--ink-disabled)}@media (hover:hover){.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:brightness-125:hover{--tw-brightness:brightness(125%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}:root,:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--n-0:#0a0a0b;--n-50:#141414;--n-100:#171717;--n-150:#1f1f1f;--n-200:#212121;--n-250:#262626;--n-300:#2e2e2e;--n-400:#363636;--n-500:#474747;--n-550:#525252;--n-600:#6b6b6b;--n-700:#86909c;--n-750:#919191;--n-800:#a8a8a8;--n-900:#d4d4d4;--n-950:#f7f7f7;--n-1000:#fff;--tint:255, 255, 255;--surface-rgb:38, 38, 38;--surface-invert:#f7f7f7;--ink-on-invert:#171717;--ink-on-accent:#fff;--surface-canvas:var(--n-50);--canvas-dot:var(--n-500);--surface-node:var(--n-250);--line-node:var(--n-400);--line-node-active:var(--n-800);--surface-panel:var(--n-200);--surface-node-pending:var(--n-100);--surface-controls:var(--n-250);--surface-toolbar:var(--n-250);--surface-raised:var(--n-400);--surface-hover:#ffffff1a;--surface-selection:#ffffff0f;--surface-group:#ffffff0d;--line-default:var(--n-550);--line-muted:var(--n-400);--line-strong:var(--n-700);--line-edge:var(--n-700);--ink-default:var(--n-950);--ink-muted:var(--n-750);--ink-disabled:var(--n-550);--ink-invert:var(--n-100);--accent:#5ddcff;--danger:#f76560;--success:#3ddc97;--accent-blue:#3b82f6;--radius-node:12px;--radius-panel:12px;--radius-control:8px;--shadow-float:0 4px 10px #00000040, 0 2px 4px #0000004d}:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--n-0:#fff;--n-50:#fbfbfa;--n-100:#f7f7f6;--n-150:#f2f2f0;--n-200:#ededea;--n-250:#e7e7e3;--n-300:#deded9;--n-400:#d0d0ca;--n-500:#b8b8b2;--n-550:#9a9a94;--n-600:#7d7d77;--n-700:#6b7280;--n-750:#6b6b66;--n-800:#55554f;--n-900:#333330;--n-950:#1a1a1c;--n-1000:#000;--surface-canvas:var(--n-150);--surface-node:var(--n-0);--surface-panel:var(--n-0);--surface-controls:var(--n-0);--surface-toolbar:var(--n-0);--surface-raised:var(--n-200);--surface-node-pending:var(--n-150);--surface-hover:#0000000d;--surface-selection:#00000014;--surface-group:#00000008;--accent:#0e9bc4;--danger:#cb272d;--success:#16a34a;--accent-blue:#2f74e0;--shadow-float:0 2px 8px #0000001a, 0 1px 3px #00000014;--tint:0, 0, 0;--surface-rgb:255, 255, 255;--surface-invert:#1a1a1c;--ink-on-invert:#f7f7f7}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}button,textarea{font:inherit}button{color:inherit}body{background:var(--surface-canvas);color:var(--ink-default);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,system-ui,PingFang SC,Inter,Noto Sans SC,Microsoft YaHei,sans-serif}.studio-shell{--floating-scale:min(2, calc(1 / var(--flow-zoom,.772277)));--floating-width:max(.5, var(--flow-zoom,.772277));background:var(--surface-canvas);width:100%;height:100%;display:flex}.canvas-region{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.react-flow{background:var(--surface-canvas)}.react-flow__pane{cursor:default}.react-flow__node{cursor:grab}.react-flow__node:active{cursor:grabbing}.node-drag-surface{cursor:grab}.node-drag-surface:active{cursor:grabbing}.react-flow__selection{background:var(--surface-selection);border:1px solid var(--line-strong)}.react-flow__edge-path{transition:opacity .15s}.studio-edge-stream{pointer-events:none}.studio-edge-guide{fill:none;stroke:#0000;stroke-width:1px}.studio-edge-stream-glow-legacy,.studio-edge-stream-core-legacy{fill:none;pointer-events:none;stroke-dasharray:25 43;stroke-linecap:round;animation:1s linear infinite studio-edge-flow}.studio-edge-stream-glow{stroke:#4c9de857;stroke-width:9px;filter:blur(3px)}.studio-edge-stream-core{stroke:#7ac1ffeb;stroke-width:3.5px}@keyframes studio-edge-flow{to{stroke-dashoffset:-68px}}.studio-node{width:350px;height:200px;color:var(--ink-default);background:var(--surface-node);border:1px solid var(--line-node);border-radius:var(--radius-node);outline-offset:0;outline:2px solid #0000;transition:border-color .12s,outline-color .12s;position:relative;overflow:visible;box-shadow:0 2px 8px #0000001f}.note-node:hover,.note-node.is-selected,.image-node:hover,.image-node.is-selected{border-color:var(--n-800)}.generator-node:hover,.generator-node.is-selected,.sequence-node:hover,.sequence-node.is-selected{outline-color:var(--n-800)}.node-caption{width:calc((100% + 2px) * var(--floating-width));height:24px;color:var(--ink-muted);white-space:nowrap;transform:scale(var(--floating-scale));transform-origin:0 100%;align-items:center;gap:4px;font-size:13px;line-height:20.15px;display:flex;position:absolute;bottom:calc(100% + 5px);left:-1px}.node-caption>svg{flex:none;width:14px;height:14px}.caption-glyph{background:var(--n-750);border-radius:2px;flex:0 0 14px;width:14px;height:14px;display:block;position:relative;overflow:hidden}.caption-glyph-note:before,.caption-glyph-script:before{content:"";background:var(--n-150);width:8.4px;height:1.3px;box-shadow:0 2.5px var(--n-150), 0 5px var(--n-150);border-radius:.5px;position:absolute;top:2.6px;left:2.8px}.caption-glyph-note:after,.caption-glyph-script:after{content:"";background:var(--n-150);border-radius:.5px;width:5.6px;height:1.3px;position:absolute;top:10.1px;left:2.8px}.caption-glyph-image:before{content:"";background:var(--n-150);clip-path:polygon(0 100%,33% 35%,52% 70%,70% 48%,100% 100%);height:7px;position:absolute;bottom:2px;left:2px;right:2px}.caption-glyph-image:after{content:"";background:var(--n-150);border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:3px;right:3px}.caption-glyph-audio:before{content:"";background:var(--n-150);width:1.6px;height:4px;box-shadow:3px -2px var(--n-150), 6px 1px var(--n-150);border-radius:.8px;position:absolute;top:5px;left:3px}.audio-node{width:350px;height:350px}.audio-node-body{flex-direction:column;justify-content:center;gap:12px;height:100%;padding:16px 18px;display:flex;position:relative}.audio-wave{align-items:center;gap:3px;height:42px;display:flex}.audio-wave b{background:linear-gradient(#8ea6d8,#5b6f96);border-radius:2px;flex:1;min-height:3px}.audio-node-player{width:100%;height:32px}.node-caption>span{text-overflow:ellipsis;overflow:hidden}.node-caption-badge{border:.5px solid var(--line-node);background:var(--surface-node);max-width:156px;height:24px;color:var(--ink-muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;margin-left:auto;padding:4px 8px;font-size:11px;display:flex}.studio-node .node-port.react-flow__handle{opacity:1;background:0 0;border:0;border-radius:0;width:0;min-width:0;height:0;min-height:0;padding:0;overflow:visible}.node-port__hit{cursor:crosshair;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.node-port--target .node-port__hit{right:0}.node-port--source .node-port__hit{left:0}.studio-node .node-port.is-disabled,.studio-node .node-port.is-disabled .node-port__hit{pointer-events:none;cursor:default}.node-port__dot{opacity:0;border:1.2px solid rgba(var(--tint), .7);background:rgba(var(--surface-rgb), .9);border-radius:50%;flex:0 0 20px;width:20px;height:20px;transition:opacity .12s,transform .12s;display:block;position:relative}.node-port--target .node-port__dot{transform:translate(25px)}.node-port--source .node-port__dot{transform:translate(-25px)}.node-port__dot:before,.node-port__dot:after{content:"";background:rgba(var(--tint), .7);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.node-port__dot:before{width:7px;height:1.5px}.node-port__dot:after{width:1.5px;height:7px}.studio-node:hover .node-port.is-enabled .node-port__dot,.studio-node.is-selected .node-port.is-enabled .node-port__dot{opacity:1}.studio-node .node-port.is-disabled{pointer-events:none}.note-node{height:350px;overflow:visible}.note-editor{width:100%;height:100%;color:var(--n-950);cursor:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;padding:12px 16px;font-size:14px;line-height:20px;overflow:hidden}.note-editor.is-editing{cursor:text;-webkit-user-select:text;user-select:text}.note-editor p{margin:0 0 7px}.note-editor p:last-child{margin-bottom:0}.node-inline-toolbar{z-index:20;border:.5px solid var(--n-400);background:var(--n-250);width:41px;height:41px;transform:translateX(-50%) scale(var(--floating-scale));transform-origin:bottom;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:calc(100% + 42.42px);left:50%;box-shadow:0 4px 10px #0000001f}.node-inline-toolbar button{width:32px;height:32px;color:var(--n-950);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.node-inline-toolbar button:hover{background:var(--n-300)}.node-inline-toolbar svg{stroke-width:2px;width:16px;height:16px}.generator-node{width:350px;height:350px;overflow:visible}.generator-node.is-pending{background:var(--surface-node-pending)}.generator-empty:has(.sequence-upper){display:block}.generator-empty{width:100%;height:100%;color:var(--n-550);place-content:center;display:grid;position:relative}.generator-editor{z-index:20;border:.5px solid var(--n-400);background:var(--n-250);width:660px;color:var(--n-950);transform:translateX(-50%) scale(var(--floating-scale));transform-origin:top;border-radius:16px;position:absolute;top:calc(100% + 17px);left:50%;overflow:hidden;box-shadow:0 4px 10px #0000001f}.generator-editor-body{flex-direction:column;gap:8px;width:100%;padding:8px;display:flex}.generator-prompt{width:100%;height:96px;min-height:96px;color:var(--n-950);white-space:pre-wrap;border-radius:12px;outline:0;padding:8px;font-size:14px;line-height:20px;overflow-y:auto}.generator-prompt:empty:before,.note-editor.is-editing:empty:before{color:var(--n-600);content:attr(data-placeholder);pointer-events:none}.generator-footer{flex:0 0 32px;align-items:center;gap:4px;width:100%;height:32px;display:flex}.generator-footer button{color:var(--n-950);background:0 0;border:0}.generator-model{align-items:center;gap:4px;min-width:0;height:32px;padding:4px 8px;font-size:16px;display:flex;border-radius:8px!important}.generator-model:hover{background:var(--n-300)}.generator-model svg:first-child{width:16px;height:16px}.generator-model svg:last-child{width:12px;height:12px;color:var(--n-750)}.generator-footer-spacer{flex:1}.generator-send{flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;background:var(--n-950)!important;color:var(--n-100)!important;border-radius:12px!important}.generator-send svg{stroke-width:2px;width:17px;height:17px}@keyframes slow-spin{to{transform:rotate(360deg)}}.image-node{width:622px;height:350px;overflow:visible}.image-action{z-index:2;color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:8px;right:8px}.image-action svg{width:14px;height:14px}.sequence-node{width:350px;height:350px;overflow:visible}.sequence-upper{border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;gap:28px;height:350px;padding:24px 32px;display:flex;position:relative;overflow:hidden}.sequence-upper .node-empty{padding:0;position:static}.sequence-steps{width:100%;color:var(--n-750);justify-content:center;align-items:flex-start;display:flex}.sequence-steps>div{justify-items:center;gap:8px;min-width:76px;font-size:12px;display:grid;position:relative}.sequence-steps i{border:2px solid var(--n-550);width:26px;height:26px;color:var(--n-750);border-radius:50%;place-items:center;font-size:12px;font-style:normal;display:grid}.sequence-steps .is-done i{border-color:var(--n-950);background:var(--n-950);color:var(--n-250)}.sequence-steps .is-done span{color:var(--n-950)}.sequence-steps .is-active i{border-color:var(--n-950);color:var(--n-950)}.sequence-steps .is-active span{color:var(--n-950)}.sequence-steps b{background:var(--n-400);width:48px;height:2px;margin-top:12px}.stage-count{color:var(--n-600);margin-top:2px;font-size:11px;font-weight:400;position:absolute;top:100%}.open-sequence{background:var(--n-400);width:100%;height:40px;color:var(--ink-default);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.open-sequence:hover{background:var(--n-500)}.top-bar{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;height:32px;transition:right .2s;display:flex;position:fixed;top:16px;left:16px;right:16px}.top-bar.with-agent{right:356px}.top-left,.top-right,.account-bar,.canvas-bar,.view-switcher{pointer-events:auto;align-items:center;display:flex}.canvas-bar,.view-switcher,.top-icon,.membership,.credits,.storage-meter,.agent-button,.avatar{border:.5px solid var(--n-400);background:rgba(var(--surface-rgb), .8);height:32px}.canvas-bar{border-radius:8px;gap:4px;max-width:260px;padding:0 4px 0 0;font-size:13px}.brand-chip{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 57.023px;align-items:center;gap:4px;height:32px;padding:0 8px;display:flex}.canvas-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 4px;overflow:hidden}.brand-mark{flex:0 0 20px;justify-content:center;align-items:center;display:inline-flex}.brand-mark .xinjian-brand-logo__mark{filter:drop-shadow(0 2px 5px #6c5ce74d);display:block}.view-switcher{border-radius:8px;gap:0;width:65px;margin-left:8px}.view-switcher .top-icon:first-child{border-radius:8px 0 0 8px}.view-switcher .top-icon:last-child{border-radius:0 8px 8px 0}.top-icon{cursor:pointer;border-radius:8px;place-items:center;width:32px;display:grid}.view-switcher .top-icon{box-shadow:none;color:var(--n-750);border:0;border-radius:8px}.view-switcher .top-icon svg{width:16px;height:16px}.view-switcher .top-icon.is-active{background:var(--n-400);color:var(--ink-default)}.top-icon:hover,.agent-button:hover,.credits:hover,.storage-meter:hover{background:var(--n-300)}.market-glyph{background:#20c6e8;border-radius:3px 3px 4px 4px;width:16px;height:13px;display:block;position:relative;box-shadow:inset 0 -3px #00000024}.market-glyph:before{content:"";background:repeating-linear-gradient(90deg,#20c6e8 0 3px,#73e8f7 3px 5px);border-radius:3px 3px 2px 2px;height:5px;position:absolute;top:-2px;left:1px;right:1px}.top-right,.account-bar{gap:8px}.top-right>.top-icon{flex:0 0 32px}.membership,.credits,.agent-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.membership{width:159.46px}.membership svg{color:#e9a52d;stroke-width:1.6px}.membership em{color:#efa73c;font-size:10px;font-style:normal}.credits{white-space:nowrap;width:auto;min-width:58.49px;padding:0 10px}.credits span{font-variant-numeric:tabular-nums;min-width:1ch}.credits--link{font:inherit;cursor:pointer;border:0}.credits--link:hover{background:var(--surface-hover)}.credits--link:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.storage-meter{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:auto;padding:0 10px;font-size:13px;display:flex}.storage-meter svg{color:var(--n-750)}.storage-meter span{font-variant-numeric:tabular-nums}.storage-meter em{color:var(--n-750);font-style:normal}.storage-meter.is-low{color:#efa73c;border-color:#7a4a12}.storage-meter.is-low svg,.storage-meter.is-low em{color:#c98a3c}.avatar{background:var(--n-250);width:32px;color:var(--ink-default);border-radius:999px;flex:0 0 32px;place-items:center;padding:0;display:grid}.avatar-glyph{width:19px;height:22px;box-shadow:inset 0 -2px 4px #1d749773, 0 0 0 1px rgba(var(--tint), .32);background:linear-gradient(#edfaff 0 58%,#73d9f7 59%);border-radius:52% 52% 46% 46%;display:block;position:relative;overflow:hidden}.avatar-glyph:before{content:"";background:#83ddf4;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:7px}.avatar-glyph:after{content:"";background:rgba(var(--tint), .72);border-radius:6px 6px 3px 3px;width:9px;height:5px;position:absolute;bottom:3px;left:5px}.agent-button{gap:8px;width:87.17px}.agent-glyph{border:2px solid;border-radius:3px;width:18px;height:14px;display:block;position:relative}.agent-glyph:before{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:4px;left:3px;box-shadow:6px 0}.agent-glyph:after{content:"";border-left:2px solid;border-right:2px solid;height:5px;position:absolute;top:3px;left:-4px;right:-4px}.agent-button.active{border-color:var(--n-600);background:var(--n-400)}.agent-open .membership{gap:0;width:60px;font-size:0}.agent-open .membership span,.agent-open .membership em,.agent-open .agent-button{display:none}.bottom-toolbar-wrap{z-index:35;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:12px;left:0;right:0}.bottom-toolbar{border:.5px solid var(--n-400);background:var(--n-250);pointer-events:auto;border-radius:12px;align-items:center;gap:8px;height:49px;padding:8px;display:flex}.bottom-toolbar button{width:32px;height:32px;color:var(--n-950);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.bottom-toolbar .tool-button>svg{width:16px;height:16px}.bottom-toolbar button:hover{background:var(--n-400);color:#fff}.bottom-toolbar .primary-tool,.bottom-toolbar .primary-tool:hover{color:var(--ink-on-invert)}.primary-tool-glyph{background:var(--surface-invert);border-radius:8px;place-items:center;width:32px;height:32px;transition:background-color .15s;display:grid}.primary-tool-glyph svg{width:16px;height:16px}.primary-tool.active .primary-tool-glyph{background:var(--surface-invert)}@supports (color:color-mix(in lab, red, red)){.primary-tool.active .primary-tool-glyph{background:color-mix(in srgb, var(--surface-invert) 80%, transparent)}}.primary-tool.active .primary-tool-glyph svg{transform:rotate(45deg)}.tool-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 2px var(--n-250);border-radius:50%;position:absolute;top:-6px;right:2px}.toolbar-separator{background:var(--n-400);width:1px;height:22px;margin:0}.view-toolbar{z-index:34;background:rgba(var(--surface-rgb), .7);pointer-events:auto;border-radius:12px;align-items:center;gap:4px;height:40px;padding:6px;display:flex;position:fixed;bottom:12px;left:16px}.view-toolbar button{width:28px;min-width:28px;height:28px;color:var(--n-950);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0;font-size:13px;display:flex}.view-toolbar button:hover{background:var(--n-300);color:#fff}.view-toolbar button.enabled{background:0 0;outline:0}.view-toolbar .asset-control{white-space:nowrap;width:94px;padding:0 12px}.view-toolbar .zoom-label{width:auto;min-width:34.86px;padding:0 4px}.add-menu{z-index:50;border:.5px solid var(--n-400);background:var(--n-250);border-radius:16px;flex-direction:column;gap:4px;width:196px;padding:8px;display:flex;position:fixed;bottom:70px;left:calc(50% - 243px);box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a}.add-menu.at-pointer{bottom:auto;transform:none}.menu-label{height:32px;color:var(--n-750);align-items:center;padding:0 8px;font-size:12px;display:flex}.resource-label{border:0;margin:0}.add-menu button{width:100%;height:32px;color:var(--ink-default);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;flex:0 0 32px;align-items:center;gap:8px;padding:0 8px;font-size:13px;line-height:19.5px;display:flex}.add-menu button:hover{background:rgba(var(--tint), .08)}.add-menu button>svg{width:14px;height:14px;color:var(--n-950);flex:0 0 14px}.add-menu .menu-content{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.add-menu .menu-content>span{white-space:nowrap}.add-menu em{background:rgba(var(--tint), .15);color:var(--ink-default);border-radius:4px;padding:2px 6px;font-size:10px;font-style:normal;line-height:12px}.add-menu em.new{color:#5ddcff;background:#3cb5cc40;font-weight:700}.add-menu em.model{color:#5ddcff;background:#3cb5cc40;font-weight:600}.add-menu .premium-mark{fill:#f5c451;color:#f5c451;width:12px;height:12px;margin-left:auto}.add-menu b{color:var(--n-800);font-size:18px;font-weight:400}.agent-panel{z-index:80;border-left:.5px solid var(--n-400);background:var(--n-200);flex:0 0 340px;width:340px;height:100%;position:relative}.agent-panel>header{align-items:center;gap:8px;height:52px;padding:10px 16px 14px;display:flex}.agent-panel>header strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;line-height:13px;overflow:hidden}.agent-panel>header div{align-items:center;gap:2px;display:flex}.agent-panel button{cursor:pointer;border:0}.agent-panel>header button{width:28px;height:28px;color:var(--ink-default);background:0 0;border-radius:8px;place-items:center;padding:0;display:grid}.agent-panel>header button svg{width:14px;height:14px}.agent-panel>header button.is-muted{opacity:.4}.agent-panel>header button:hover{background:rgba(var(--tint), .1);color:var(--ink-default)}.agent-panel main{position:absolute;inset:52px 0 185px;overflow:hidden}.suggestion-section{flex-direction:column;gap:12px;height:172px;padding-bottom:4px;display:flex;position:absolute;bottom:8px;left:16px;right:16px}.suggestion-title{height:24px;color:var(--n-950);flex:0 0 24px;align-items:center;gap:8px;display:flex}.suggestion-title>span{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.suggestion-title b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.idea-mark{border:2px solid var(--n-950);border-radius:4px;flex:0 0 18px;width:18px;height:18px;display:block;position:relative;transform:rotate(-8deg)}.idea-mark:before{content:"";border:2px solid var(--n-950);border-right:0;border-radius:3px 0 0 3px;width:5px;height:5px;position:absolute;top:4px;left:-3px}.idea-mark>i{background:var(--n-950);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;right:2px}.suggestion-title button{width:68px;height:24px;color:var(--n-750);white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;display:flex}.suggestion-grid{grid-template-columns:1fr 1fr;gap:8px;height:132px;display:grid}.suggestion-grid>button{border:.5px solid var(--n-400);background:var(--n-200);min-width:0;height:62px;color:var(--ink-default);text-align:left;border-radius:16px;align-items:center;gap:8px;padding:12px;display:flex;overflow:hidden}.suggestion-grid>button>span:last-child{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.suggestion-grid strong,.suggestion-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggestion-grid strong{color:var(--n-950);font-size:14px;font-weight:500;line-height:20px}.suggestion-grid small{color:var(--n-750);font-size:12px;line-height:15px}.suggestion-art{border:.5px solid var(--n-400);filter:saturate(.72)brightness(.6)contrast(1.18);border-radius:13px;flex:0 0 48px;width:48px;height:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #00000070}.browser-notice{z-index:2;height:40px;color:var(--ink-default);background:#1f6dff33;border-radius:12px;align-items:center;gap:10px;padding:12px 8px;font-size:13px;line-height:normal;display:flex;position:absolute;bottom:141px;left:8px;right:8px;overflow:hidden}.browser-notice>div{flex:1 0 0;align-items:center;gap:12px;min-width:0;height:18px;padding:0 8px;display:flex}.browser-notice span{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.browser-notice button{color:var(--ink-default);background:0 0;flex:none;padding:0}.browser-notice>div button{text-decoration:underline}.browser-notice .notice-close{justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.browser-notice .notice-close svg{width:14px;height:14px;color:var(--n-950)}.agent-composer{border:.5px solid var(--n-550);background:var(--n-200);border-radius:16px;flex-direction:column;gap:8px;height:121px;padding:8px;display:flex;position:absolute;bottom:12px;left:8px;right:8px}.agent-composer textarea{resize:none;width:100%;height:64px;color:var(--n-950);background:0 0;border:0;border-radius:8px;outline:none;flex:0 0 64px;padding:0 0 8px;font-size:14px;line-height:24px}.agent-composer textarea::placeholder{color:var(--n-600)}.composer-actions{flex:0 0 32px;justify-content:space-between;align-items:center;height:32px;display:flex}.composer-actions>div{gap:3px;display:flex}.composer-actions button{width:32px;height:32px;color:var(--n-750);background:0 0;border-radius:8px;place-items:center;padding:0;display:grid}.composer-actions button svg{width:16px;height:16px}.composer-actions button:hover{background:var(--n-300);color:var(--n-950)}.composer-actions .send-button{background:var(--n-750);color:var(--n-100);border-radius:12px}.composer-actions .send-button svg{stroke-width:2px;width:12px;height:12px}@media (width<=1100px){.membership em,.canvas-bar>span{display:none}.top-right{gap:4px}.agent-panel{flex-basis:340px;width:340px}.top-bar.with-agent{right:356px}}.canvas-context-backdrop{z-index:90;cursor:default;background:0 0;border:0;border-radius:0;width:auto;height:auto;padding:0;position:fixed;inset:0}.canvas-context-menu{z-index:91;border:.5px solid var(--n-400);background:var(--n-250);border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a}.canvas-context-menu button{width:100%;height:32px;color:var(--ink-default);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;outline:none;flex:0 0 32px;justify-content:space-between;align-items:center;padding:0 8px;font-size:13px;font-weight:400;line-height:1.55;transition:background-color .12s;display:flex}.canvas-context-menu button:hover:not(:disabled){background:rgba(var(--tint), .08)}.canvas-context-menu button:disabled{cursor:default;opacity:.3}.canvas-context-label{align-items:center;min-width:0;display:inline-flex}.canvas-context-label em{width:14px;height:14px;color:rgba(var(--tint), .35);border:1.2px solid;border-radius:50%;place-items:center;margin-left:4px;font-size:9px;font-style:normal;font-weight:500;line-height:1;display:inline-grid}.canvas-context-menu kbd{color:rgba(var(--tint), .4);white-space:nowrap;margin-left:24px;font-family:inherit;font-size:12px;font-weight:400}.canvas-context-separator{background:var(--n-550);flex:0 0 .5px;height:.5px;margin:0 8px;display:block}.canvas-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.note-editor{white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:rgba(var(--tint), .24) transparent;overflow:hidden}.note-editor.is-editing{overscroll-behavior:contain;white-space:break-spaces;cursor:text;-webkit-user-select:text;user-select:text;caret-color:var(--n-950);overflow:hidden auto}.note-editor::-webkit-scrollbar{width:6px}.note-editor::-webkit-scrollbar-track{background:0 0}.note-editor::-webkit-scrollbar-thumb{background:rgba(var(--tint), .24);border-radius:999px}.note-format-toolbar{z-index:40;border:.5px solid var(--n-400);background:rgba(var(--surface-rgb), .96);width:532px;height:50px;transform:translateX(-50%) scale(var(--floating-scale));transform-origin:bottom;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;justify-content:center;align-items:center;gap:2px;padding:6px 8px;display:flex;position:absolute;bottom:calc(100% + 28px);left:50%;box-shadow:0 8px 24px #0003}.note-format-toolbar>i{background:var(--n-400);flex:0 0 .5px;width:.5px;height:24px;margin:0 5px;display:block}.note-format-toolbar button{width:34px;height:34px;color:var(--n-800);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 34px;place-items:center;padding:0;font-size:14px;font-weight:500;display:grid}.note-format-toolbar button:hover{background:rgba(var(--tint), .08);color:var(--n-950)}.note-format-toolbar button svg{stroke-width:2px;width:17px;height:17px}.note-format-toolbar button:first-child{color:var(--n-550)}.generator-editor{box-shadow:none;background:0 0;border:0;overflow:visible}.generator-editor-body{border:.5px solid var(--n-400);background:var(--n-250);border-radius:16px;overflow:hidden;box-shadow:0 4px 10px #0000001f}.generator-model{cursor:pointer}.generator-model.is-open{background:rgba(var(--tint), .1)}.generator-model-menu{z-index:45;border:.5px solid var(--n-550);background:rgba(var(--surface-rgb), .95);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:16px;flex-direction:column;gap:4px;width:369px;height:173px;padding:4px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000003d}.generator-model-option{width:360px;height:52px;min-height:52px;color:var(--n-950);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex}.generator-model-option:hover{background:rgba(var(--tint), .08)}.generator-model-option.is-selected{background:rgba(var(--tint), .15)}.model-mark{background:rgba(var(--tint), .08);width:36px;height:36px;color:var(--ink-default);border-radius:10px;flex:0 0 36px;place-items:center;display:grid;position:relative}.model-mark svg{stroke-width:2.2px;width:19px;height:19px}.model-mark--cvlm svg{transform:rotate(45deg)}.generator-model-copy{flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;display:flex}.generator-model-copy strong{color:var(--n-950);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.generator-model-copy small{color:var(--n-750);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:15px;overflow:hidden}.generator-model-option:not(.is-selected) .generator-model-copy small{display:none}.generator-model-option em{background:rgba(var(--tint), .08);min-width:40px;color:var(--n-750);text-align:center;border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-style:normal;line-height:18px}.avatar{cursor:pointer;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;transition:box-shadow .15s,transform .15s;display:flex}.avatar:hover{box-shadow:0 0 0 2px var(--surface-hover)}.avatar:active{transform:scale(.94)}.avatar-core{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.avatar-glyph{width:24px;height:23px}.avatar-glyph:before{width:6px;height:6px;top:5px;left:9px}.avatar-glyph:after{width:12px;height:6px;bottom:3px;left:6px}.is-spinning{animation:.9s linear infinite slow-spin}.node-generation-state{width:230px;min-height:150px;color:var(--n-800);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.node-generation-state>svg{width:31px;height:31px;color:var(--n-750)}.node-generation-state strong{color:var(--n-950);font-size:15px;font-weight:600}.node-generation-state span{max-width:220px;color:var(--n-600);font-size:12px;line-height:18px}.node-generation-state button{background:var(--n-400);height:34px;color:var(--n-950);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:5px;padding:0 13px;font-size:12px;display:flex}.node-generation-state button:hover{background:var(--n-500)}.node-generation-state button svg{width:13px;height:13px}.node-generation-state.is-success>svg{color:#65c18c}.node-generation-state.is-error>svg{color:#e77}.node-generation-state.is-error span{color:#b47b7b}.media-node-content{background:0 0;border-radius:11px;position:absolute;inset:0;overflow:hidden}.generated-media{background:var(--n-50);object-fit:cover;-webkit-user-select:none;user-select:none;border:0;width:100%;height:100%;display:block}video.generated-media{object-fit:contain}.media-zoom{background:rgba(var(--surface-rgb), .66);width:30px;height:30px;color:var(--n-950);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;border-radius:9px;place-items:center;padding:0;transition:opacity .14s,background .14s;display:grid;position:absolute;top:10px;right:10px}.media-zoom svg{width:15px;height:15px}.media-node-content:hover .media-zoom,.media-zoom:focus-visible{opacity:1}.media-zoom:hover{background:rgba(var(--surface-rgb), .85)}.shot-active-badge{background:var(--accent,#1677ff);color:var(--ink-default);pointer-events:none;border-radius:7px;padding:3px 8px;font-size:11px;line-height:1.4;position:absolute;top:10px;left:10px}.shot-set-active{background:rgba(var(--surface-rgb), .66);height:30px;color:var(--n-950);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;border-radius:9px;padding:0 10px;font-size:12px;transition:opacity .14s,background .14s;position:absolute;top:10px;right:48px}.media-node-content:hover .shot-set-active,.shot-set-active:focus-visible{opacity:1}.shot-set-active:hover{background:var(--accent,#1677ff);color:var(--ink-on-accent)}.media-preview{z-index:120;cursor:zoom-out;background:#000000db;place-items:center;padding:48px;display:grid;position:fixed;inset:0}.media-preview img{cursor:default;object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.media-preview>button{background:rgba(var(--tint), .12);width:36px;height:36px;color:var(--ink-default);cursor:pointer;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:24px;right:24px}.media-preview>button:hover{background:rgba(var(--tint), .22)}.node-empty{color:var(--n-550);pointer-events:none;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.media-node-overlay{background:rgba(var(--surface-rgb), .74);color:var(--n-950);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.media-node-overlay>svg{width:28px;height:28px;color:var(--n-800)}.media-node-overlay strong{font-size:14px;font-weight:600}.media-node-overlay span{color:var(--n-800);font-size:12px}.media-node-overlay.is-error{background:#1d0a0ad1}.media-node-overlay.is-error>svg,.media-node-overlay.is-error span{color:#e38b8b}.media-generator-panel{z-index:38;border:1px solid var(--n-400);background:rgba(var(--surface-rgb), .97);width:660px;color:var(--n-950);transform:translateX(-50%) scale(var(--floating-scale));transform-origin:top;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;flex-direction:column;padding:10px;display:flex;position:absolute;top:calc(100% + 18px);left:50%;box-shadow:0 10px 28px #0000003d}.media-generator-prompt{width:100%;min-height:82px;max-height:150px;color:var(--n-950);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;-webkit-user-select:text;user-select:text;border-radius:11px;outline:0;padding:8px 9px;font-size:14px;line-height:25px;overflow:auto}.media-generator-prompt:empty:before{color:var(--n-600);content:attr(data-placeholder);pointer-events:none}.media-generator-footer{align-items:center;gap:8px;height:32px;display:flex}.media-generator-controls{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.media-generator-actions{flex:none;align-items:center;gap:8px;display:flex}.media-params{align-items:center;min-width:0;display:flex;position:relative}.media-params:before{content:"";background:var(--n-400);flex:none;width:1px;height:14px;margin-right:4px}.media-params-trigger{background:rgba(var(--tint), .07);max-width:100%;height:32px;color:var(--n-950);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:flex}.media-params-trigger:hover:not(:disabled),.media-params-trigger.is-open{background:rgba(var(--tint), .14)}.media-params-trigger:disabled{cursor:default;opacity:.5}.media-params-trigger svg{width:13px;height:13px;color:var(--n-600);flex:none}.media-params-trigger.is-open svg:last-child{transform:rotate(180deg)}.media-params-popover{z-index:20;border:1px solid var(--n-300);background:var(--n-100);border-radius:12px;flex-direction:column;gap:14px;width:296px;max-height:60vh;padding:14px;display:flex;overflow-y:auto;box-shadow:0 18px 44px #00000094}.media-param-group{flex-direction:column;gap:8px;display:flex}.media-param-label{color:var(--n-750);font-size:12px}.media-param-segments{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;display:grid}.media-param-segment{background:var(--n-200);height:32px;color:var(--n-750);cursor:pointer;font:inherit;border:1px solid #0000;border-radius:8px;font-size:12.5px}.media-param-segment:hover{background:var(--n-300);color:var(--n-900)}.media-param-segment.is-active{border-color:var(--n-600);background:var(--n-300);color:var(--ink-default)}.media-param-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.media-param-tile{background:var(--n-200);height:52px;color:var(--n-750);cursor:pointer;font:inherit;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.media-param-tile:hover{background:var(--n-300);color:var(--n-900)}.media-param-tile.is-active{border-color:var(--n-600);background:var(--n-300);color:var(--ink-default)}.media-ratio-glyph{border:1.4px solid;border-radius:2px;display:block}.media-model-button{min-width:0;max-width:280px;height:32px;color:var(--n-950);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 9px;display:flex;overflow:hidden}.media-model-button:hover{background:rgba(var(--tint), .08)}.media-model-button:disabled{cursor:default}.media-model-button:disabled:hover{background:0 0}.media-model-button.is-empty{color:var(--n-600)}.media-model-button svg:first-child{flex:0 0 16px;width:16px;height:16px}.media-model-button svg:last-child{width:12px;height:12px;color:var(--n-750);flex:0 0 12px}.media-generate-button{background:var(--n-950);width:32px;height:32px;color:var(--n-100);cursor:pointer;border:0;border-radius:11px;flex:0 0 32px;place-items:center;padding:0;display:grid}.media-generate-button:hover{background:#fff}.media-generate-button:disabled{background:var(--n-550);color:var(--n-750);cursor:default}.media-generate-button svg{width:16px;height:16px}.media-model-menu{z-index:46;border:.5px solid var(--n-550);background:rgba(var(--surface-rgb), .98);border-radius:14px;flex-direction:column;gap:4px;width:380px;max-height:236px;padding:5px;display:flex;overflow:auto;box-shadow:0 12px 28px #0000004d}.media-model-menu>button{width:100%;min-height:52px;color:var(--n-950);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.media-model-menu>button:hover,.media-model-menu>button[aria-selected=true]{background:rgba(var(--tint), .09)}.media-model-menu>button>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.media-model-menu strong,.media-model-menu small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-model-menu strong{font-size:13px;font-weight:500}.media-model-menu small{color:var(--n-750);font-size:11px}.media-model-menu>button>svg:last-child{width:15px;height:15px;color:var(--ink-default)}.workflow-canvas-view{opacity:0;pointer-events:none;visibility:hidden;position:absolute;inset:0}.workflow-canvas-view.is-active{opacity:1;pointer-events:auto;visibility:visible}.workflow-canvas-view>.react-flow{width:100%;height:100%}.studio-shell.agent-open .canvas-shotlist-view{grid-template-columns:330px minmax(0,1fr)}.material-panel{z-index:80;border-left:.5px solid var(--n-400);background:var(--n-200);flex-direction:column;width:320px;display:flex;position:absolute;top:0;bottom:0;right:0}.material-panel>header{flex:0 0 52px;align-items:center;height:52px;padding:0 12px 0 16px;display:flex}.material-panel>header strong{color:var(--n-950);flex:1;font-size:13px;font-weight:500}.material-panel>header button{width:28px;height:28px;color:var(--ink-default);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.material-panel>header button:hover{background:rgba(var(--tint), .1)}.material-filters{gap:8px;padding:0 12px 10px;display:flex}.material-search{border:1px solid var(--n-400);background:var(--n-150);color:var(--n-750);border-radius:8px;flex:1;align-items:center;gap:6px;padding:0 8px;display:flex}.material-search input{width:100%;height:30px;color:var(--n-900);background:0 0;border:0;outline:none;font-size:12px}.material-filters select{border:1px solid var(--n-400);background:var(--n-150);height:32px;color:var(--n-900);border-radius:8px;padding:0 6px;font-size:12px}.material-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:0 12px 12px;display:grid;overflow-y:auto}.material-cell{border:1px solid var(--n-300);background:var(--n-100);cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:0;display:flex;overflow:hidden}.material-cell:hover{border-color:#7c6cff}.material-cell img{object-fit:cover;background:var(--n-50);width:100%;height:88px}.material-kind{height:88px;color:var(--n-750);place-items:center;font-size:12px;display:grid}.material-name{color:var(--n-800);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:0 6px 6px;font-size:11px;overflow:hidden}.material-empty{color:var(--n-600);text-align:center;grid-column:1/-1;padding:24px 0;font-size:12px}.material-panel>footer{height:40px;color:var(--n-600);flex:0 0 40px;justify-content:center;align-items:center;font-size:12px;display:flex}.material-panel>footer button{color:#7c6cff;cursor:pointer;background:0 0;border:0;font-size:12px}.media-quote{color:var(--n-750);white-space:nowrap;flex:none;align-items:center;font-size:12px;display:inline-flex}.media-quote-value{justify-content:center;align-items:center;min-width:20px;display:inline-flex}.media-quote-value svg{width:12px;height:12px}.shot-versions{z-index:200;border:1px solid var(--n-400);background:var(--n-150);border-radius:12px;flex-direction:column;width:520px;max-height:70vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000080}.shot-versions>header{border-bottom:1px solid var(--n-300);align-items:center;gap:10px;padding:14px 16px;display:flex}.shot-versions>header strong{color:var(--n-950);font-size:14px}.shot-versions-hint{color:#6b9e6b;flex:1;font-size:12px}.shot-versions>header button{width:24px;height:24px;color:var(--n-750);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.shot-versions>header button:hover{background:rgba(var(--tint), .08);color:var(--ink-default)}.shot-versions-state{color:var(--n-600);text-align:center;padding:32px;font-size:12px}.shot-versions-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px;display:grid;overflow-y:auto}.shot-version-cell{background:var(--n-50);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.shot-version-cell:hover{border-color:var(--n-500)}.shot-version-cell.is-active{border-color:#7c6cff}.shot-version-cell img{object-fit:cover;width:100%;height:96px}.shot-version-empty{height:96px;color:var(--n-600);place-items:center;font-size:12px;display:grid}.shot-version-tag{color:var(--n-800);justify-content:center;align-items:center;gap:4px;padding:5px 0;font-size:11px;display:flex}.shot-version-cell.is-active .shot-version-tag{color:#7c6cff}.shot-version-busy{color:var(--ink-default);background:#00000080;place-items:center;display:grid;position:absolute;inset:0}.shotlist-undo-prompt{border:1px solid var(--n-400);height:32px;color:var(--n-800);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;margin-right:8px;padding:0 12px;font-size:13px;display:inline-flex}.shotlist-undo-prompt:hover:not(:disabled){border-color:var(--n-550);color:var(--n-950)}.shotlist-undo-prompt:disabled{opacity:.5;cursor:not-allowed}.shotlist-undo-prompt svg{width:14px;height:14px}.board-view{z-index:30;background:var(--n-50);grid-template-columns:356px minmax(0,1fr);gap:16px;padding:72px 16px 16px;display:grid;position:absolute;inset:0;overflow:hidden}.board-side{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;display:grid}.board-card{border:.5px solid var(--n-400);background:var(--n-250);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.board-card--grow{flex:1}.board-main{grid-auto-rows:minmax(0,1fr);gap:12px;min-height:0;display:grid}.board-head{flex:none;justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.board-head h2{margin:0;font-size:14px;font-weight:600}.board-tabs{align-items:center;gap:14px;display:flex}.board-tabs button{color:var(--n-600);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:14px;display:flex}.board-tabs button.is-active{color:var(--n-950);font-weight:600}.board-kind-menu{z-index:5;border:1px solid var(--n-400);background:var(--n-150);border-radius:10px;flex-direction:column;min-width:96px;margin-top:30px;padding:4px;display:flex;position:absolute;box-shadow:0 12px 28px #00000080}.board-kind-menu button{color:var(--n-900);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:13px}.board-kind-menu button:hover{background:var(--n-300);color:var(--ink-default)}.board-kind-menu button.is-active{color:var(--ink-default)}.board-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0;padding:4px 14px 14px;display:grid;overflow-y:auto}.board-asset{flex-direction:column;gap:6px;margin:0;display:flex}.board-thumb{aspect-ratio:1;background:var(--n-100);border-radius:8px;place-items:center;display:grid;overflow:hidden}.board-thumb img{object-fit:cover;width:100%;height:100%}.board-asset figcaption{color:var(--n-900);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.board-list{min-height:0;margin:0;padding:0 8px 10px;list-style:none;overflow-y:auto}.board-list button{width:100%;color:var(--n-900);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.board-list button:hover{background:var(--n-300);color:var(--ink-default)}.board-list button svg{color:var(--n-750);flex:none}.board-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-media-scroll{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:16px 14px;min-height:0;padding:0 14px 14px;display:grid;overflow-y:auto}.board-group{min-width:0}.board-group h3{color:var(--n-900);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:12.5px;font-weight:400;overflow:hidden}.board-sub{color:var(--n-600);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin:0 0 8px;font-size:11.5px;display:flex;overflow:hidden}.board-model{color:var(--n-600);text-overflow:ellipsis;overflow:hidden}.board-frame{aspect-ratio:1;background:var(--n-100);cursor:pointer;border:0;border-radius:10px;place-items:center;width:100%;padding:0;display:grid;overflow:hidden}.board-frame img,.board-frame video{object-fit:cover;width:100%;height:100%}.board-frame-empty{color:var(--n-600);flex-direction:column;align-items:center;gap:10px;font-size:12.5px;display:flex}.board-chip{background:rgba(var(--tint), .07);color:var(--n-900);border-radius:8px;align-items:center;gap:5px;margin-top:10px;padding:5px 9px;font-size:12px;display:inline-flex}.board-chip svg{color:var(--n-750)}.board-empty-glyph{border:2px solid var(--n-400);border-radius:5px;width:34px;height:28px;display:block;position:relative}.board-empty-glyph:before{content:"";background:var(--n-400);clip-path:polygon(0 100%,34% 26%,54% 64%,71% 40%,100% 100%);height:11px;position:absolute;bottom:3px;left:3px;right:3px}.board-empty-glyph:after{content:"";background:var(--n-400);border-radius:50%;width:4.5px;height:4.5px;position:absolute;top:5px;right:6px}.board-blank{height:100%;color:var(--n-600);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.board-blank-text{color:var(--n-600);grid-column:1/-1;padding:14px;font-size:12.5px}.connect-menu-backdrop{z-index:59;cursor:default;background:0 0;border:0;position:fixed;inset:0}.connect-menu{z-index:60;border:1px solid var(--n-400);background:var(--n-150);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:fixed;box-shadow:0 16px 40px #0000008c}.connect-menu-label{color:var(--n-600);padding:6px 10px 8px;font-size:12px}.connect-menu button{color:var(--n-900);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;display:flex}.connect-menu button:hover{background:var(--n-300);color:var(--ink-default)}.connect-menu button svg{color:var(--n-750);flex:none}.studio-connection-glow{fill:none;stroke:#64b4ff66;stroke-width:6px;stroke-linecap:round}.studio-connection-core{fill:none;stroke:var(--n-800);stroke-width:2px;stroke-linecap:round}.studio-connection-tip{fill:#96d2fff2}.pending-connection{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.media-ref-limits{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:2px 2px 6px;font-size:11px;line-height:14px;display:flex}.media-ref-limits .is-over{color:#e5484d;font-weight:600}.media-ref-limits em{color:#e5484d;font-style:normal}.media-refs{flex-wrap:wrap;gap:8px;padding:2px 2px 8px;display:flex}.media-ref{border:.5px solid var(--n-550);background:var(--n-100);cursor:pointer;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;transition:border-color .14s;display:grid;position:relative;overflow:hidden}.media-ref:hover{border-color:#8ea6d8}.media-ref img{object-fit:cover;width:100%;height:100%}.media-ref-video{z-index:1;width:14px;height:14px;color:var(--ink-default);background:#000000a6;border-radius:50%;place-items:center;font-size:8px;line-height:8px;text-decoration:none;display:grid;position:absolute;bottom:3px;right:3px}.media-ref>i{z-index:1;min-width:14px;height:14px;color:var(--ink-default);background:#000000a6;border-radius:8px;place-items:center;padding:0 4px;font-size:9px;font-style:normal;line-height:9px;display:grid;position:absolute;top:3px;left:3px}.media-ref-empty{border:1.6px solid var(--n-400);border-radius:3px;width:18px;height:14px;display:block}.elements-panel{z-index:8;border:.5px solid var(--line-node);background:var(--surface-panel);width:240px;color:var(--ink-default);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:68px;bottom:64px;left:12px;overflow:hidden;box-shadow:0 8px 24px #00000059}.elements-head{flex:none;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.elements-head h2{color:var(--ink-muted);flex:1;margin:0;font-size:13px;font-weight:400}.elements-filter{flex:none;position:relative}.elements-filter>button{height:24px;color:var(--ink-default);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:2px;padding:0 6px;font-size:12px;display:flex}.elements-filter>button:hover{background:var(--n-300)}.elements-filter-menu{z-index:2;border:.5px solid var(--line-node);background:var(--surface-node);border-radius:10px;min-width:88px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 16px #00000059}.elements-filter-menu button{height:30px;color:var(--ink-default);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px}.elements-filter-menu button:hover{background:var(--n-300)}.elements-filter-menu button.is-active{color:var(--n-950);background:var(--n-400)}.elements-search{color:var(--ink-muted);flex:none;align-items:center;display:flex}.elements-search svg{flex:none}.elements-search input{width:0;height:24px;color:var(--ink-default);background:0 0;border:0;outline:0;padding:0;font-size:12px;transition:width .15s,padding .15s}.elements-search:focus-within input{width:96px;padding:0 6px}.elements-list{flex:1;padding:4px 8px 8px;overflow-y:auto}.elements-item{width:100%;height:44px;color:var(--ink-default);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 8px;font-size:13px;display:flex}.elements-item:hover{background:var(--n-300)}.elements-item.is-active{background:var(--n-400)}.elements-item>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.elements-thumb{background:var(--n-400);border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.elements-thumb img{object-fit:cover;width:100%;height:100%}.elements-blank{color:var(--ink-muted);text-align:center;padding:24px 8px;font-size:12px}.elements-foot{border-top:1px solid var(--line-node);color:var(--ink-muted);flex:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.elements-foot button{width:24px;height:24px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.elements-foot button:hover{background:var(--n-300);color:var(--ink-default)}.group-node{border:1px solid rgba(var(--tint), .1);background:rgba(var(--tint), .1);border-radius:20px;width:100%;height:100%}.group-node.is-tagged{border-color:var(--group-tag);background:var(--group-tag)}@supports (color:color-mix(in lab, red, red)){.group-node.is-tagged{background:color-mix(in srgb, var(--group-tag) 8%, rgba(var(--tint), .1))}}.group-node-dot{background:var(--group-tag);vertical-align:baseline;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.group-node-caption{color:var(--ink-muted);white-space:nowrap;transform:scale(var(--floating-scale));transform-origin:0 100%;font-size:13px;position:absolute;bottom:calc(100% + 4px);left:1px}.react-flow__node.selected:has(.group-node){z-index:2000!important}.selection-toolbar{z-index:200;border:.5px solid var(--line-node);background:var(--surface-controls);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(-50%,-100%)translateY(-14px);box-shadow:0 4px 10px #00000014}.selection-toolbar button{height:32px;color:var(--ink-default);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:13px;transition:background-color .15s;display:flex}.selection-toolbar button:hover{background:var(--surface-node-hover,rgba(var(--tint), .08))}.selection-toolbar-sep{border-left:.5px solid var(--line-node);width:0;height:20px;margin:0 2px}.group-toolbar-color{padding:0 4px}.group-toolbar-swatch{border:.5px solid var(--line-node);background:var(--surface-node-hover,rgba(var(--tint), .08));width:20px;height:20px;color:var(--ink-muted);border-radius:50%;place-items:center;display:grid}.group-color-menu{z-index:210;border:.5px solid var(--line-node);background:var(--surface-controls);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;grid-template-columns:repeat(5,32px);gap:8px;padding:8px;display:grid;box-shadow:0 4px 10px #00000014}.group-color-dot{background:var(--surface-node-hover,rgba(var(--tint), .08));width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;display:grid}.group-color-dot.is-active{border-color:var(--ink-default)}.group-color-dot:hover{transform:scale(1.08)}.group-layout-menu{z-index:210;border:.5px solid var(--line-node);background:var(--surface-controls);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;flex-direction:column;gap:2px;min-width:132px;padding:4px;display:flex;box-shadow:0 4px 10px #00000014}.group-layout-menu button{height:32px;color:var(--ink-default);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.group-layout-menu button:hover{background:var(--surface-node-hover,rgba(var(--tint), .08))}.selection-toolbar .group-toolbar-run{color:var(--accent,#1677ff)}.selection-toolbar .group-toolbar-run:disabled{cursor:not-allowed;opacity:.5}.ui-tooltip{z-index:60;background:var(--surface-controls);width:max-content;color:var(--ink-default);white-space:nowrap;pointer-events:none;border-radius:8px;padding:4px 8px;font-size:12px;line-height:normal;box-shadow:0 4px 10px #00000040,0 2px 4px #0000004d}.ui-tooltip-arrow{fill:var(--surface-controls)}.workflow-canvas-view.tool-hand .react-flow__pane{cursor:grab}.workflow-canvas-view.tool-hand .react-flow__pane:active{cursor:grabbing}.bottom-toolbar .tool-button.active{background:var(--n-400);color:var(--ink-default)}.node-empty-actions{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:2px;margin-top:22px;display:flex}.node-empty-hint{color:var(--n-600);margin-bottom:4px;font-size:13px}.node-empty-actions button{color:var(--n-900);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;transition:background-color .15s;display:flex}.node-empty-actions button:hover{background:rgba(var(--tint), .07)}.node-empty-actions button>svg{color:var(--n-750);flex:none}.workflow-canvas-view .react-flow .react-flow__minimap{background:rgba(var(--surface-rgb), .9);border-radius:12px;width:150px;height:110px;margin:0 0 60px 54px;overflow:hidden;box-shadow:0 4px 14px #00000047}.workflow-canvas-view .react-flow .react-flow__minimap svg{border-radius:12px;overflow:hidden}.confirm-backdrop{z-index:700;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-card{border:1px solid var(--n-400);background:var(--n-250);border-radius:12px;width:min(344px,100vw - 32px);padding:16px;box-shadow:0 8px 32px #0006,0 2px 8px #0003}.confirm-head{align-items:flex-start;gap:8px;display:flex}.confirm-title{color:var(--n-950);margin:0;font-size:13px;font-weight:700;line-height:20px}.confirm-warn{color:#f87171;flex:0 0 16px;width:16px;height:16px;margin-top:2px}.confirm-message{color:var(--n-750);cursor:text;-webkit-user-select:text;user-select:text;margin-top:12px;font-size:13px;line-height:20px}.confirm-input{background:rgba(var(--tint), .08);width:100%;height:28px;color:var(--n-950);border:0;border-radius:8px;outline:0;margin-top:12px;padding:0 8px;font-size:13px}.confirm-input::placeholder{color:var(--n-600)}.confirm-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.confirm-actions button{cursor:pointer;border:0;border-radius:8px;height:32px;padding:0 12px;font-size:13px;transition:background-color .15s}.confirm-actions button:disabled{cursor:not-allowed;opacity:.5}.confirm-cancel{background:rgba(var(--tint), .08);color:var(--n-950)}.confirm-cancel:hover{background:rgba(var(--tint), .14)}.confirm-ok{background:var(--n-950);color:var(--n-100)}.confirm-ok:hover:not(:disabled){background:#fff}.confirm-ok:active:not(:disabled){background:#f7f7f7e6}.confirm-card.is-danger .confirm-ok{color:var(--ink-on-accent);background:#cb272d}.confirm-card.is-danger .confirm-ok:hover:not(:disabled){background:#b82429}.confirm-card.is-danger .confirm-ok:active:not(:disabled){background:#a71f24}.account-menu{z-index:60;border:1px solid var(--line-muted);background:var(--surface-panel);width:200px;box-shadow:var(--shadow-float);border-radius:12px;padding:4px}.account-menu-user{border-bottom:1px solid var(--line-muted);flex-direction:column;gap:2px;margin-bottom:4px;padding:10px 10px 12px;display:flex}.account-menu-user strong{color:var(--ink-default);font-size:13px;font-weight:600}.account-menu-user span{color:var(--ink-muted);font-size:12px}.account-menu-item{width:100%;height:38px;color:var(--ink-default);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.account-menu-item:hover{background:var(--surface-hover)}.account-menu-item>svg{color:var(--ink-muted)}.avatar.is-open{outline:2px solid var(--accent);outline-offset:1px}.theme-toggle:disabled{cursor:not-allowed;opacity:.5}[data-sonner-toaster][data-sonner-theme],[data-sonner-toaster][data-sonner-theme] [data-sonner-toast]{--normal-bg:var(--surface-panel);--normal-border:var(--line-muted);--normal-text:var(--ink-default);--border-radius:12px}[data-sonner-toast]{box-shadow:var(--shadow-float);font-size:13px}[data-sonner-toast] [data-icon]>svg{width:16px;height:16px}[data-sonner-toast][data-type=success] [data-icon]{color:var(--success,#22c55e)}[data-sonner-toast][data-type=error] [data-icon]{color:var(--danger)}[data-sonner-toast] [data-description]{color:var(--ink-muted)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}