:root{--hj-space-0-5:2px;--hj-space-1:4px;--hj-space-2:8px;--hj-space-3:12px;--hj-space-4:16px;--hj-space-5:20px;--hj-space-6:24px;--hj-space-8:32px;--hj-space-10:40px;--hj-space-12:48px;--hj-font-family-sans:Huajing Sans SC,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;--hj-font-size-caption:12px;--hj-font-size-body:14px;--hj-font-size-section:16px;--hj-font-size-page:20px;--hj-font-line-height-control:20px;--hj-font-line-height-body:22px;--hj-font-line-height-section:24px;--hj-font-line-height-page:28px;--hj-font-weight-regular:400;--hj-font-weight-medium:500;--hj-font-weight-semibold:600;--hj-radius-control:10px;--hj-radius-panel:16px;--hj-radius-card:16px;--hj-radius-dialog:22px;--hj-radius-round:999px;--hj-size-control:32px;--hj-size-icon-compact:28px;--hj-size-table-row:38px;--hj-size-topbar:56px;--hj-size-touch-target:44px;--hj-duration-instant:100ms;--hj-duration-fast:150ms;--hj-duration-quick:150ms;--hj-duration-standard:150ms;--hj-duration-slow:200ms;--hj-duration-slower:200ms;--hj-ease-inout:cubic-bezier(0.4,0,0.2,1);--hj-ease-overlay-in:cubic-bezier(0.16,1,0.3,1);--hj-ease-overlay-out:cubic-bezier(0.4,0,1,1);--hj-ease-sheet:cubic-bezier(0.32,0.72,0,1);--hj-duration-overlay-in:200ms;--hj-duration-scrim:320ms;--hj-duration-overlay-out:160ms;--hj-duration-pop-in:150ms;--hj-duration-pop-out:100ms;--hj-layer-base:0;--hj-layer-sticky:100;--hj-layer-popover:400;--hj-layer-assistant:600;--hj-layer-modal:800;--hj-layer-toast:1000;--hj-glass-blur:26px;--hj-glass-saturation:1.15;--hj-brand-ai-gradient:linear-gradient(135deg,var(--hj-brand-ai-from),var(--hj-brand-ai-to));--hj-fg-on-brand:#ffffff;--hj-brand-ai-soft:var(--hj-action-primary-soft);--hj-brand-ai-fg:var(--hj-action-primary-default);--hj-canvas-node-bg:var(--hj-bg-surface);--hj-canvas-node-border:var(--hj-border-default);--hj-canvas-node-selected:var(--hj-border-focus);--hj-canvas-edge-default:var(--hj-border-strong);--hj-canvas-edge-active:var(--hj-action-primary-default);--hj-canvas-port-idle:var(--hj-fg-secondary);--hj-canvas-port-connected:var(--hj-status-success-solid);--hj-assistant-stream-solid:var(--hj-action-primary-default);--hj-assistant-stream-soft:var(--hj-action-primary-soft);--hj-assistant-user-message-bg:var(--hj-action-primary-soft);--hj-assistant-layer:600;--hj-bg-hover:var(--hj-action-neutral-hover);--hj-bg-active:var(--hj-action-neutral-active);--hj-bg-selected:var(--hj-action-primary-soft);--hj-bg-inset:var(--hj-bg-elevated);--hj-border-subtle:var(--hj-border-default);--hj-border-strong-hover:var(--hj-border-focus);--hj-fg-inverse:var(--hj-fg-on-action);--hj-shadow-card-hover:var(--hj-shadow-card);--hj-shadow-raised:var(--hj-shadow-popover);--hj-shadow-popover-light:0 12px 40px rgb(80 90 200/13%);--hj-shadow-modal-light:0 12px 40px rgb(76 88 150/14%);--hj-shadow-popover-dark:0 16px 48px rgb(0 0 0/30%);--hj-shadow-modal-dark:0 16px 48px rgb(0 0 0/45%)}:root,[data-theme=light]{color-scheme:light;--hj-color-scheme:light;--hj-bg-page:#f3f4fc;--hj-bg-surface:#f6f7ff;--hj-bg-elevated:#ffffff;--hj-bg-canvas:#f1f2fb;--hj-bg-overlay:rgb(0 0 0/10%);--hj-fg-primary:#151833;--hj-fg-secondary:#5a6082;--hj-fg-tertiary:#646b83;--hj-fg-disabled:#8c92b0;--hj-fg-on-action:#ffffff;--hj-placeholder:#646b83;--hj-border-default:rgb(90 100 190/13%);--hj-border-strong:rgb(90 100 190/28%);--hj-border-focus:#5c73bd;--hj-action-primary-default:#4f6fc9;--hj-action-primary-hover:#435fae;--hj-action-primary-active:#384f90;--hj-brand-ai-from:#4f6fc9;--hj-brand-ai-to:#776fbc;--hj-action-primary-soft:#eef1f8;--hj-action-neutral-hover:rgb(76 101 170/9%);--hj-action-neutral-active:rgb(76 101 170/14%);--hj-status-success-fg:#087a53;--hj-status-success-solid:#087a53;--hj-status-success-soft:#e3f7ee;--hj-status-warning-fg:#935300;--hj-status-warning-solid:#935300;--hj-status-warning-soft:#fdf1dd;--hj-status-danger-fg:#b53333;--hj-status-danger-solid:#b53333;--hj-status-danger-soft:#fdecec;--hj-status-info-fg:#4f6fc9;--hj-status-info-solid:#4f6fc9;--hj-status-info-soft:#eef1f8;--hj-glass-surface:rgb(255 255 255/58%);--hj-glass-elevated:rgb(255 255 255/78%);--hj-glass-border:rgb(255 255 255/85%);--hj-bg-popover:rgb(248 249 255/94%);--hj-tooltip-bg:#151833;--hj-shadow-card:0 4px 18px rgb(76 88 150/5%);--hj-shadow-glass:0 12px 40px rgb(76 88 150/10%),inset 0 1px 0 rgb(255 255 255/90%);--hj-shadow-popover:var(--hj-shadow-popover-light);--hj-shadow-modal:var(--hj-shadow-modal-light);--hj-focus-ring:0 0 0 3px rgb(82 108 180/25%);--hj-aurora:radial-gradient(52% 48% at 10% 6%,rgb(132 158 220/24%),transparent 62%),radial-gradient(46% 44% at 92% 12%,rgb(184 162 208/18%),transparent 62%),radial-gradient(58% 52% at 66% 100%,rgb(126 178 176/18%),transparent 62%)}[data-theme=dark]{color-scheme:dark;--hj-color-scheme:dark;--hj-bg-page:#090a14;--hj-bg-surface:#151735;--hj-bg-elevated:#1b1e3d;--hj-bg-canvas:#0a0b15;--hj-bg-overlay:rgb(0 0 0/10%);--hj-fg-primary:#eceefb;--hj-fg-secondary:#a2a8c8;--hj-fg-tertiary:#8f96b2;--hj-fg-disabled:#6c7295;--hj-fg-on-action:#ffffff;--hj-placeholder:#8f96b2;--hj-border-default:rgb(255 255 255/8%);--hj-border-strong:rgb(255 255 255/18%);--hj-border-focus:#9aa8d5;--hj-action-primary-default:#526ebc;--hj-action-primary-hover:#4e6bb6;--hj-action-primary-active:#465b9e;--hj-brand-ai-from:#5c78c8;--hj-brand-ai-to:#7f76c6;--hj-action-primary-soft:#202b48;--hj-action-neutral-hover:rgb(120 137 194/12%);--hj-action-neutral-active:rgb(120 137 194/18%);--hj-status-success-fg:#4fd1a5;--hj-status-success-solid:#4fd1a5;--hj-status-success-soft:#17332b;--hj-status-warning-fg:#e8bd64;--hj-status-warning-solid:#e8bd64;--hj-status-warning-soft:#3a2f1c;--hj-status-danger-fg:#f18b8b;--hj-status-danger-solid:#f18b8b;--hj-status-danger-soft:#3a2126;--hj-status-info-fg:#9db2ff;--hj-status-info-solid:#9db2ff;--hj-status-info-soft:#1d2340;--hj-glass-surface:rgb(255 255 255/4.5%);--hj-glass-elevated:rgb(255 255 255/8%);--hj-glass-border:rgb(255 255 255/9%);--hj-bg-popover:rgb(19 21 42/96%);--hj-tooltip-bg:#343a4c;--hj-shadow-card:0 4px 18px rgb(0 0 0/9%);--hj-shadow-glass:0 16px 48px rgb(0 0 0/35%),inset 0 1px 0 rgb(255 255 255/6%);--hj-shadow-popover:var(--hj-shadow-popover-dark);--hj-shadow-modal:var(--hj-shadow-modal-dark);--hj-focus-ring:0 0 0 3px rgb(111 133 190/32%);--hj-aurora:radial-gradient(48% 46% at 8% 4%,rgb(76 96 184/20%),transparent 62%),radial-gradient(44% 42% at 94% 10%,rgb(124 94 186/15%),transparent 62%),radial-gradient(56% 50% at 62% 104%,rgb(62 132 140/12%),transparent 62%)}@media (max-width:767px){:root{--hj-glass-blur:16px}}@media (prefers-reduced-transparency:reduce){:root,[data-theme]{--hj-glass-surface:var(--hj-bg-surface);--hj-glass-elevated:var(--hj-bg-elevated);--hj-bg-popover:var(--hj-bg-surface);--hj-glass-blur:0px}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root,[data-theme]{--hj-glass-surface:var(--hj-bg-surface);--hj-glass-elevated:var(--hj-bg-elevated);--hj-bg-popover:var(--hj-bg-surface)}}html[data-glass=on] [data-theme=light],html[data-glass=on][data-theme=light]{--hj-glass-surface:rgb(250 252 255/32%);--hj-glass-elevated:rgb(253 254 255/60%);--hj-glass-border:rgb(255 255 255/66%);--hj-bg-popover:rgb(251 253 255/68%);--hj-glass-blur:28px;--hj-glass-saturation:1.2;--hj-shadow-glass:inset 0 1px 0 rgb(255 255 255/76%),0 4px 18px rgb(35 47 86/7%);--workspace-shell-surface:rgb(250 252 255/18%)}html[data-glass=on] [data-theme=dark],html[data-glass=on][data-theme=dark]{--hj-glass-surface:rgb(20 26 43/36%);--hj-glass-elevated:rgb(29 35 53/60%);--hj-glass-border:rgb(225 233 255/16%);--hj-bg-popover:rgb(25 31 49/72%);--hj-glass-blur:28px;--hj-glass-saturation:1.2;--hj-shadow-glass:inset 0 1px 0 rgb(255 255 255/8%),0 6px 24px rgb(0 0 0/18%);--workspace-shell-surface:rgb(17 23 39/20%)}html[data-glass=on],html[data-glass=on] [data-theme]{--studio-page-gradient:var(--hj-aurora),var(--hj-bg-page);--studio-glass-bg:var(--hj-glass-surface);--studio-glass-border:var(--hj-glass-border)}html[data-glass=on] body{background:var(--hj-aurora),var(--hj-bg-page);background-attachment:fixed}html[data-glass=on] .app-shell{background:transparent}html[data-glass=on] .app-shell-content>main,html[data-glass=on] :is(.creation-page,.settings-page,.app-shell-page-scroll){background:transparent}html[data-glass=on] :is(.app-shell-content,.app-shell-sidebar,.app-topbar,.admin-context-nav,.creation-surface,.hj-material-header,.hj-material-toolbar,.glass-panel,.hj-glass-panel,.hj-glass-elevated,.studio-topbar,.studio-mobile-workflow-bar,.hj-ai-window){background:var(--hj-glass-surface);border-color:var(--hj-glass-border);-webkit-backdrop-filter:blur(var(--hj-glass-blur)) saturate(var(--hj-glass-saturation));backdrop-filter:blur(var(--hj-glass-blur)) saturate(var(--hj-glass-saturation));box-shadow:var(--hj-shadow-glass)}html[data-glass=on] .app-shell-content{background:var(--workspace-shell-surface)}html[data-glass=on] :is([data-slot=sheet-content],[data-slot=dialog-content],[data-slot=alert-dialog-content],[data-slot=dropdown-menu-content],[data-slot=popover-content],[data-slot=select-content],.appearance-sheet){background:var(--hj-bg-popover);border-color:var(--hj-glass-border);-webkit-backdrop-filter:blur(36px) saturate(var(--hj-glass-saturation));backdrop-filter:blur(36px) saturate(var(--hj-glass-saturation));box-shadow:inset 0 1px 0 var(--hj-glass-border),var(--hj-shadow-modal)}@media (max-width:639px){html[data-glass=on],html[data-glass=on] [data-theme]{--hj-glass-blur:16px}}html[data-glass=off],html[data-glass=off] [data-theme]{--hj-glass-blur:0px;--hj-glass-saturation:1;--hj-glass-surface:var(--hj-bg-surface);--hj-glass-elevated:var(--hj-bg-elevated);--hj-glass-border:var(--hj-border-default);--hj-bg-popover:var(--hj-bg-elevated);--hj-shadow-glass:0 1px 3px rgb(10 16 46/5%);--hj-aurora:none}html[data-glass=off] *,html[data-glass=off] :after,html[data-glass=off] :before{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.appearance-theme-preview{display:grid;grid-template-columns:22% 1fr;grid-template-rows:22% 1fr 1fr;gap:4px;width:100%;height:52px;padding:5px;overflow:hidden;border:1px solid rgb(120 128 156/18%);border-radius:6px;background:#f3f4fc}.appearance-theme-preview i{background:#dce1f3;border-radius:2px}.appearance-theme-preview i:first-child{grid-row:1/4;background:#bec9ed}.appearance-theme-preview i:nth-child(2){grid-column:2}.appearance-theme-preview i:last-child{grid-row:2/4}.appearance-theme-preview[data-preview=dark]{background:#151735}.appearance-theme-preview[data-preview=dark] i{background:#2b3154}.appearance-theme-preview[data-preview=dark] i:first-child{background:#485281}.appearance-theme-preview[data-preview=system]{background:linear-gradient(90deg,#f3f4fc 50%,#151735 0)}.appearance-theme-option{transition:background-color .15s,border-color .15s}.appearance-theme-option:has(:focus-visible){outline:2px solid var(--hj-border-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.appearance-theme-option{transition:none}}:root{--workspace-gutter:24px;--workspace-topbar:64px}.app-shell{padding:8px;gap:8px}.app-shell-content{background:var(--hj-bg-surface)}.app-shell-content,.app-shell-sidebar.workspace-sidebar{height:100%;border:1px solid var(--hj-glass-border);border-radius:14px}.app-shell-sidebar.workspace-sidebar{display:flex;flex-direction:column;flex:0 0 auto;width:236px;min-height:0;padding:0;overflow:clip;transition:width .18s var(--hj-ease-out)}.workspace-sidebar.workspace-sidebar--collapsed{width:68px}.workspace-sidebar.workspace-sidebar--mobile{width:100%;border:0;border-radius:0}.sidebar-header{justify-content:space-between;min-height:var(--workspace-topbar);padding:10px 16px;border-bottom:1px solid var(--hj-glass-border)}.sidebar-brand,.sidebar-header{display:flex;align-items:center;gap:10px}.sidebar-brand{min-width:0}.sidebar-brand>img{flex:0 0 auto}.sidebar-brand>span{display:flex;min-width:0;flex-direction:column;gap:2px}.sidebar-brand strong{color:var(--hj-fg-primary);font-size:14px;font-weight:600;line-height:20px}.sidebar-brand small{color:var(--hj-fg-secondary);font-size:10px;line-height:14px}.workspace-page-nav{min-height:0;flex:1 1 0%;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 14px}.sidebar-nav-group+.sidebar-nav-group{margin-top:10px;padding-top:6px;border-top:1px solid var(--hj-glass-border)}.workspace-section-label{margin:0;padding:8px 10px 6px;color:var(--hj-fg-secondary);font-size:10px;font-weight:500}.workspace-page-link{display:flex;min-height:38px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;border:1px solid transparent;border-radius:7px;color:var(--hj-fg-secondary);font-size:13px;line-height:20px}.workspace-page-link>span:not(.sr-only){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-page-link>svg{flex:0 0 auto}.workspace-page-link:hover{background:var(--hj-action-neutral-hover);color:var(--hj-fg-primary)}.workspace-sidebar .app-shell-nav a[aria-current=page]{background:var(--hj-glass-elevated);color:var(--hj-fg-primary);border-color:var(--hj-glass-border);box-shadow:0 1px 3px rgb(20 40 80/6%);font-weight:500}.workspace-sidebar .app-shell-nav a[aria-current=page]:before{display:none}.workspace-account{display:flex;min-width:0;align-items:center;gap:4px;margin:0 10px;padding:12px 0;border-top:1px solid var(--hj-glass-border)}.workspace-account>:first-child{min-width:0;flex:1 1 0%}.workspace-sidebar--collapsed .sidebar-header{justify-content:center;padding-inline:0}.workspace-sidebar--collapsed .workspace-page-nav{padding-inline:8px}.workspace-sidebar--collapsed .workspace-page-link{justify-content:center;padding-inline:0}.workspace-sidebar--collapsed .workspace-account{flex-direction:column;gap:10px}.workspace-sidebar--mobile .workspace-page-link{min-height:44px}.workspace-sidebar :is(.workspace-page-link,.sidebar-brand):focus-visible{outline:2px solid var(--hj-border-focus);outline-offset:2px}@media (max-width:1023px){.workspace-sidebar:not(.workspace-sidebar--mobile){display:none}.app-shell{padding:0;gap:0}.app-shell-content{border:0;border-radius:0}}.app-shell-sidebar .app-shell-brand{font-size:13px;letter-spacing:-.2px}.app-shell-sidebar .app-shell-muted{font-size:10px;margin-top:2px}.app-shell-nav-group+.app-shell-nav-group{margin-top:15px}.app-shell-nav-group-title{padding:8px 12px 7px;font-size:11px;font-weight:500;letter-spacing:.04em}.app-shell-nav a{min-height:38px;transition:background-color .15s,color .15s}.app-shell-nav a[aria-current=page]{background:color-mix(in srgb,var(--hj-border-focus) 9%,var(--hj-glass-surface));box-shadow:none}.app-shell-nav a[aria-current=page]:before{left:0;width:2px;height:16px;background:var(--hj-border-focus)}.app-shell-nav a[aria-current=page]>svg{color:var(--hj-border-focus)}.app-shell-page-scroll{padding-inline:var(--workspace-gutter)}.app-shell-page-scroll>.mx-auto{max-width:none;margin-inline:0}.settings-page{padding:24px var(--workspace-gutter)}.settings-content{width:100%;max-width:none;margin:0}.app-topbar{min-height:var(--workspace-topbar);flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--workspace-gutter)}.app-topbar>div:first-child{flex:1 1 0%;min-width:0}.app-topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:24px}.app-topbar-subtitle{margin-top:2px;font-size:12px;line-height:18px}.app-topbar>div:last-child{flex-wrap:nowrap;flex-shrink:0;gap:6px}.app-shell-mobile-menu{top:10px;left:10px}.admin-context-nav{display:flex;align-items:center;gap:9px;min-height:40px;padding:8px var(--workspace-gutter);border-bottom:1px solid var(--hj-border-default);font-size:12px;color:var(--hj-fg-secondary)}.admin-context-nav a{color:inherit}.admin-context-nav a:hover{color:var(--hj-fg-primary)}.admin-workspace-content{width:100%;max-width:none;margin:0;padding:24px var(--workspace-gutter)}.admin-section-links{display:flex;flex-direction:column;gap:3px}.admin-section-title{padding:17px 12px 7px;font-size:11px;color:var(--hj-fg-secondary);font-weight:500}.admin-section-link{display:flex;align-items:center;gap:11px;min-height:38px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--hj-fg-secondary)}.admin-section-link:hover{background:var(--hj-glass-elevated);color:var(--hj-fg-primary)}.admin-section-link[aria-current=page]{color:var(--hj-fg-primary);font-weight:500}.admin-nav-back{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;margin-bottom:3px;border-bottom:1px solid var(--hj-border-default);font-size:12px;color:var(--hj-fg-secondary)}.admin-context-nav a:focus-visible,.admin-nav-back:focus-visible,.admin-section-link:focus-visible{outline:2px solid var(--hj-border-focus);outline-offset:2px}.login-appearance{position:absolute;top:20px;right:24px}.login-page{position:relative}.login-brand-panel{background:transparent;border:0;box-shadow:none;min-height:0;gap:36px;padding:32px 24px 32px 0}.login-page-layout{align-items:center;max-width:1120px;min-height:min(720px,calc(100dvh - 130px))}.login-brand-panel h1{max-width:600px;margin:32px 0 16px;font-size:clamp(32px,3vw,44px);line-height:1.45;font-weight:600;letter-spacing:-1.3px}.login-brand-panel>div:first-child>p{max-width:470px;line-height:1.9;font-size:14px}.login-brand-mark{gap:12px;color:var(--hj-fg-primary)}.login-onboarding-panel{border-top:1px solid var(--hj-border-default);padding-top:24px}.login-feature-panel{margin-top:0;padding-top:0;border-top:0}.login-feature-panel .login-feature-heading{display:none}.login-feature-grid{gap:14px 20px}.login-feature-item{padding:0;background:transparent;border:0;min-height:0;gap:12px}.login-feature-icon{background:var(--hj-glass-elevated);border:1px solid var(--hj-border-default);color:var(--hj-border-focus);border-radius:9px}.login-form-column{width:100%}.login-form-column>*{box-shadow:0 10px 36px rgb(30 44 100/6%)}@media (max-width:1023px){:root{--workspace-gutter:20px}.app-shell-content .hj-material-header,.app-topbar{padding-left:60px}.login-brand-panel{padding-right:0}}@media (max-width:639px){:root{--workspace-gutter:16px}.app-topbar{gap:8px}.app-topbar-subtitle{display:none}.app-topbar-title{font-size:16px}.app-topbar>div:last-child{gap:1px}.admin-workspace-content{padding-top:18px}.login-appearance{top:12px;right:12px}.login-brand-panel{padding:10px 0 0;gap:18px}.login-brand-panel h1{margin-top:18px;margin-bottom:8px;font-size:28px}.login-onboarding-panel{padding-top:16px}.login-page-layout{min-height:0}}@media (prefers-reduced-motion:reduce){.app-shell-nav a,.app-shell-sidebar{transition:none}}