:root{--text-micro: .58rem;--text-2xs: .68rem;--text-xs: .72rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.35rem;--text-2xl: 1.65rem;--text-3xl: 2rem;--text-3xl-md: 1.75rem;--text-4xl: 2.5rem;--text-5xl: 2.75rem;--text-display-md: clamp(2rem, 5vw, 3.25rem);--text-display-lg: clamp(2rem, 5vw, 3.5rem);--text-display-mobile: clamp(2rem, 10vw, 2.85rem);--text-display-sm-mobile: clamp(1.65rem, 7vw, 2.15rem);--text-display-xs-mobile: clamp(1.55rem, 6.5vw, 2rem);--text-display: clamp(2.35rem, 7.2vw, 5rem);--text-kicker: clamp(1.05rem, 2.2vw, 1.35rem);--text-lead: clamp(.88rem, 1.55vw, 1.02rem);--text-desc: clamp(.8rem, 1.4vw, .92rem);--text-input: clamp(.95rem, 1.6vw, 1.08rem);--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .03em;--radius: 0;--radius-sm: 0;--radius-pill: 0;--shadow: 0 4px 24px rgba(0, 0, 0, .08);--header-h: 56px;--sidebar-w: 280px;--bottom-nav-h: 0px;--bg: var(--synex-admin-bg, #e9ebf1);--bg-elevated: var(--synex-admin-bg-elevated, #ffffff);--surface: var(--synex-admin-surface, #ffffff);--surface-2: var(--synex-admin-surface-2, #f3f4f8);--text: var(--synex-admin-text, #14141a);--text-muted: var(--synex-admin-text-muted, #6b7280);--border: var(--synex-admin-border, rgba(20, 20, 26, .08));--bubble-user: var(--accent);--bubble-user-text: #fff;--bubble-ai: #f4f4f5;--bubble-ai-text: #18181b;--msg-bubble-user-bg: color-mix(in srgb, var(--accent) 11%, var(--surface));--msg-bubble-user-border: color-mix(in srgb, var(--accent) 22%, var(--border));--msg-bubble-ai-bg: var(--bubble-ai);--msg-bubble-ai-border: color-mix(in srgb, var(--border) 62%, transparent);--msg-bubble-ai-shadow: 0 1px 0 color-mix(in srgb, var(--border) 35%, transparent);--msg-bubble-radius: 0;--msg-bubble-radius-tail: 0;--msg-bubble-radius-assistant: var(--msg-bubble-radius-tail) var(--msg-bubble-radius) var(--msg-bubble-radius) var(--msg-bubble-radius);--msg-bubble-radius-user: var(--msg-bubble-radius) var(--msg-bubble-radius-tail) var(--msg-bubble-radius) var(--msg-bubble-radius);--msg-avatar-size: 36px;--msg-row-gap: .7rem;--msg-side-reserve: calc(var(--msg-avatar-size) + var(--msg-row-gap));--msg-body-max-width: calc(100% - var(--msg-side-reserve));--msg-user-body-max-width: calc(100% - var(--msg-side-reserve));--input-bg: #ffffff;--composer-shell-bg: color-mix(in srgb, var(--bg) 94%, var(--surface));--overlay: rgba(0, 0, 0, .4);--header-popover-radius: 0;--header-popover-bg: color-mix(in srgb, var(--bg-elevated) 96%, transparent);--header-popover-border: var(--border);--header-popover-shadow: var(--shadow), 0 16px 48px rgba(0, 0, 0, .22);--header-popover-backdrop: blur(14px);--header-popover-pad-x: .75rem;--header-popover-pad-y: .65rem;--panel-card-bg: var(--surface-2);--panel-card-border: color-mix(in srgb, var(--border) 80%, transparent);--panel-card-hover-bg: color-mix(in srgb, var(--accent) 10%, var(--surface-2));--panel-card-hover-border: color-mix(in srgb, var(--accent) 55%, var(--border));--panel-card-radius: var(--radius-sm);--panel-card-radius-lg: var(--radius);--media-player-bg: color-mix(in srgb, var(--border) 14%, var(--input-bg));--media-player-border: var(--panel-card-border);--media-player-radius: var(--panel-card-radius)}[data-theme=dark]{--bg: var(--synex-v2-bg);--bg-elevated: var(--synex-v2-bg-elevated);--surface: var(--synex-v2-surface);--surface-2: var(--synex-v2-surface-hover);--text: var(--synex-v2-text);--text-muted: var(--synex-v2-text-muted);--border: var(--synex-v2-border);--bubble-user: var(--accent);--bubble-user-text: #fff;--bubble-ai: var(--surface-2);--bubble-ai-text: var(--text);--msg-bubble-ai-bg: color-mix(in srgb, var(--bg) 88%, var(--surface-2));--msg-bubble-ai-border: color-mix(in srgb, var(--border) 42%, transparent);--msg-bubble-ai-shadow: 0 1px 0 color-mix(in srgb, var(--border) 18%, transparent);--msg-bubble-user-bg: color-mix(in srgb, var(--bg) 86%, var(--surface));--msg-bubble-user-border: color-mix(in srgb, var(--border) 45%, transparent);--input-bg: var(--surface-2);--composer-shell-bg: var(--surface);--shadow: none;--overlay: rgba(0, 0, 0, .65);--header-popover-bg: var(--surface);--header-popover-border: var(--border);--panel-card-bg: var(--surface-2);--studio-glass-bg: var(--bg-elevated);--studio-glass-border: var(--border)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{margin:0;padding:0;height:100%;font-family:var(--font);font-size:var(--text-md);line-height:var(--leading-normal);background:var(--bg);color:var(--text);overflow-x:hidden}[data-theme=dark]{color-scheme:dark}h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:inherit}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{margin:0;line-height:var(--leading-normal)}small{font-size:var(--text-xs);color:var(--text-muted)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.hidden{display:none!important}.auth-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal.hidden{display:none!important}.auth-modal-backdrop{position:absolute;inset:0;background:var(--overlay)}.auth-modal-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,.92fr) minmax(300px,1.08fr);width:100%;max-width:min(880px,96vw);max-height:min(90vh,640px);border-radius:1.25rem;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-strong)}.auth-modal-visual{position:relative;min-height:100%;background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border-right:1px solid var(--border)}.auth-modal-visual--has-media{background:var(--surface-2)}.auth-modal-visual-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auth-modal-visual-fallback{position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.auth-modal-visual--has-media .auth-modal-visual-fallback{display:none}.auth-modal-body{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:min(90vh,640px)}.auth-modal-close{z-index:2}body.auth-modal-open{overflow:hidden}.auth-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:2rem 1.75rem 1.75rem;box-shadow:0 16px 48px #00000038}.auth-modal-body.auth-card{max-width:none;background:transparent;border:none;border-radius:0;box-shadow:none}@media(max-width:720px){html:not([data-mobile]) .auth-modal-shell{grid-template-columns:1fr;max-width:min(400px,96vw);max-height:min(92vh,780px)}html:not([data-mobile]) .auth-modal-visual{min-height:128px;max-height:160px;border-right:none;border-bottom:1px solid color-mix(in srgb,#fff 8%,transparent)}}@media(max-height:760px){.auth-modal-shell{grid-template-columns:1fr;max-height:min(92vh,640px)}.auth-modal-visual{display:none}.auth-modal-body{max-height:min(92vh,640px)}}.auth-brand{text-align:center;margin-bottom:1.5rem}.auth-brand h1{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-bold)}.auth-brand p{margin:.35rem 0 0;color:var(--text-muted);font-size:var(--text-base)}.auth-tabs{display:flex;gap:.25rem;margin-bottom:1.15rem;padding:.2rem;border-radius:var(--radius-md, 10px);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.auth-tabs button{flex:1;min-height:2.25rem;padding:.4rem .65rem;border:1px solid transparent;border-radius:calc(var(--radius-md, 10px) - 2px);background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium, 500);line-height:1.2;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.auth-tabs button:hover:not(.active){color:var(--text);background:color-mix(in srgb,var(--surface) 55%,transparent)}.auth-tabs button.active{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));font-weight:var(--weight-semibold, 600)}.auth-forgot-wrap{margin:.45rem 0 0;text-align:right}.auth-forgot-wrap .link-btn{font-size:var(--text-sm)}.auth-back-login{width:100%;margin-top:.65rem}.auth-legal-consent{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.15rem .35rem;margin:.25rem 0 1rem;font-size:var(--text-sm);line-height:1.45;color:var(--text-muted)}.auth-legal-consent-row{display:inline-flex;align-items:flex-start;gap:.45rem;cursor:pointer;user-select:none}.auth-legal-consent-row input[type=checkbox]{margin:.15rem 0 0;flex-shrink:0;accent-color:var(--accent)}.auth-legal-consent-links{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.2rem}.auth-legal-consent-links .link-btn{font-size:inherit;position:relative;z-index:1}.auth-legal-sep{color:var(--text-muted)}.field{margin-bottom:1rem}.field label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:.35rem;color:var(--text-muted)}.field input,.field textarea{width:100%;box-sizing:border-box;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text)}.field textarea{min-height:5.5rem;resize:vertical;line-height:1.5}.field-hint{margin:.4rem 0 0;font-size:var(--text-sm);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-none);letter-spacing:var(--tracking-normal);transition:background .15s,border-color .15s,color .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--btn-on-accent-fg, var(--text-primary))}.auth-card .btn-primary,#view-auth #auth-submit{width:100%;min-height:3rem;margin-top:.35rem;padding:.85rem 1.1rem;font-size:1rem;font-weight:var(--weight-semibold, 600);letter-spacing:.01em;border-radius:var(--radius-md, 10px)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-sm{padding:.4rem .65rem;font-size:var(--text-sm)}.alert{padding:.65rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-base);margin-bottom:1rem}.alert-error{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.alert-info{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}#view-app{height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:100vw}.app-header{min-height:var(--header-h);flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:color-mix(in srgb,var(--bg-elevated) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:10}#view-app .brand-logo-app{color:var(--text);font-weight:var(--weight-bold);letter-spacing:-.02em}.app-header-start{display:flex;align-items:center;gap:.35rem;flex-shrink:0;min-width:0}.app-header-end{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex-shrink:0}.app-header-tools{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.brand-logo-app .brand-text{font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:-.02em;text-transform:none}.credits-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .6rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:999px;font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;line-height:1}button.credits-badge{cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,background .15s ease}button.credits-badge:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface-2))}.credits-icon{font-size:var(--text-base);line-height:1}.credits-badge strong{color:var(--accent);font-size:var(--text-base)}.credits-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.header-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:transform .15s,box-shadow .15s}.header-tool-btn:active{transform:scale(.96)}.header-tool-theme{background:var(--gradient-brand);color:var(--btn-on-accent-fg, var(--text-primary));font-size:var(--text-lg);box-shadow:var(--shadow-subtle)}.header-user-center-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem .22rem .28rem;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:999px;background:var(--surface-2);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);flex-shrink:0;transition:border-color .15s,background .15s}.header-user-center-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.header-user-center-btn .header-user-avatar{width:28px;height:28px}.header-user-center-btn .header-user-label{white-space:nowrap;line-height:1}.nav-desktop,.plan-badge{display:none}.header-user-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:var(--btn-on-accent-fg, var(--text-primary));font-size:var(--text-xs);font-weight:var(--weight-extrabold);background-size:cover;background-position:center;flex-shrink:0}.header-user-avatar.has-image{color:transparent}@media(max-width:768px){#btn-header-upgrade{display:none}.canvas-floating-toolbar button,.canvas-mobile-dock button,.ma-tabbar button,.chat-send-btn{min-height:44px;min-width:44px}.canvas-node-header{padding-top:.35rem;padding-bottom:.35rem}}.nav-feature-btn{padding:.45rem .95rem;border:1px solid var(--border);border-radius:0;background:var(--surface-2);color:var(--text-muted);cursor:pointer;font-weight:var(--weight-bold);font-size:var(--text-sm);transition:background .15s,color .15s,box-shadow .15s}.nav-feature-btn:hover{color:var(--accent)}.nav-feature-btn.active{background:var(--gradient-brand);color:var(--btn-on-accent-fg, var(--text-primary));box-shadow:var(--shadow-subtle)}.studio-workspace-tabs{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem .75rem 0;border-bottom:none;background:transparent}.studio-workspace-tabs.hidden{display:none}.studio-workspace-tab{padding:.4rem .85rem;border:1px solid var(--border);border-radius:0;background:var(--surface-2);color:var(--text-muted);cursor:pointer;font-weight:var(--weight-bold);font-size:var(--text-sm)}.studio-workspace-tab:hover{color:var(--accent)}.studio-workspace-tab.active{background:var(--gradient-brand);color:var(--btn-on-accent-fg, var(--text-primary))}.canvas-studio-shell{display:flex;flex-direction:column;height:100%;min-height:0}.canvas-studio-shell.is-booting .canvas-studio-viewport{pointer-events:none;opacity:.92}.canvas-studio-shell.is-booting .canvas-studio-toolbar,.canvas-studio-shell.is-booting .canvas-mobile-dock,.canvas-studio-shell.is-booting .canvas-studio-inspector,.canvas-studio-shell.is-booting .canvas-toolbar-cluster,.canvas-studio-shell.is-booting .canvas-toolbar-cluster>*,.canvas-studio-shell.is-booting .canvas-side-dock,.canvas-studio-shell.is-booting .canvas-side-panel-layer:not(.hidden),.canvas-studio-shell.is-booting .canvas-side-panel-layer:not(.hidden)>*,.canvas-studio-shell.is-booting .canvas-viewport-overlay,.canvas-studio-shell.is-booting .canvas-viewport-overlay>*{pointer-events:auto}.canvas-studio-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.55rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);background:color-mix(in srgb,var(--bg-elevated) 55%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.canvas-studio-toolbar-start{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;min-width:0}.canvas-studio-title{margin:0;font-size:var(--text-md);font-weight:var(--weight-extrabold)}.canvas-graph-name{font-weight:var(--weight-bold);color:var(--text);font-size:var(--text-base)}.canvas-graph-meta{font-size:var(--text-sm);color:var(--text-muted)}.canvas-studio-toolbar-actions{display:flex;flex-wrap:wrap;gap:.35rem}.canvas-studio-body{display:flex;flex:1;min-height:0;overflow:hidden}.canvas-studio-work{display:flex;flex:1;min-height:0;min-width:0}.canvas-studio-viewport{flex:1;min-width:0;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(circle,color-mix(in srgb,var(--text-muted) 22%,transparent) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;cursor:grab;position:relative;touch-action:none;overscroll-behavior:none;outline:none}.canvas-studio-viewport.is-panning{cursor:grabbing}.canvas-studio-viewport.is-panning .canvas-viewport-stage,.canvas-studio-viewport.is-canvas-dragging .canvas-viewport-stage,.canvas-studio-viewport.is-marquee .canvas-viewport-stage{user-select:none;-webkit-user-select:none}.canvas-studio-viewport.is-panning .canvas-viewport-stage,.canvas-studio-viewport.is-canvas-dragging .canvas-viewport-stage{will-change:transform;transition:none!important}.canvas-studio-viewport.is-canvas-dragging .canvas-node.is-node-dragging{will-change:transform;box-shadow:0 4px 14px color-mix(in srgb,var(--bg) 48%,transparent)}.canvas-studio-viewport.is-canvas-dragging .canvas-node.is-node-dragging.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.canvas-studio-viewport.is-panning .canvas-zoom-controls{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-elevated)}.canvas-studio-viewport.is-panning .canvas-floating-toolbar,.canvas-toolbar-cluster.is-dragging,.canvas-floating-toolbar.is-dragging,.canvas-studio-viewport.is-panning .canvas-side-dock,.canvas-side-dock.is-dragging{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);will-change:transform}.canvas-side-panel-layer.is-dock-drag-sync .canvas-side-panel-card{transition:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-elevated)}.canvas-studio-viewport.is-space-pan{cursor:grab}.canvas-viewport-stage{position:absolute;top:0;left:0;z-index:1;transform-origin:0 0;pointer-events:none}.canvas-viewport-stage .canvas-studio-surface,.canvas-viewport-stage .canvas-edges-svg{pointer-events:auto}.canvas-edges-svg{position:absolute;top:0;left:0;pointer-events:auto;z-index:1;overflow:visible}.canvas-studio-surface .canvas-edges-svg{z-index:2}.canvas-edges-webgl{position:absolute;top:0;left:0;z-index:2;pointer-events:none;overflow:visible}.canvas-edges-webgl.hidden{display:none}.canvas-edges-svg.canvas-edges-svg--webgl-active .canvas-edge-hit,.canvas-edges-svg.canvas-edges-svg--webgl-active .canvas-edge-path:not(.canvas-edge-preview){display:none}.canvas-studio-surface{position:relative;z-index:2}.canvas-groups-layer,.canvas-groups-chrome-layer,.canvas-nodes-layer{position:absolute;inset:0;pointer-events:none}.canvas-nodes-layer{z-index:3}.canvas-groups-layer{z-index:1}.canvas-groups-chrome-layer{z-index:4}.canvas-group-frame{position:absolute;box-sizing:border-box;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:0;background:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none}.canvas-acos-frames-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.canvas-acos-frame{position:absolute;box-sizing:border-box;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:0;background:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none}.canvas-acos-frame.is-selected{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.canvas-acos-frame.is-collapsed{opacity:.72}.canvas-acos-frame-label{position:absolute;top:0;left:0;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:.35rem;min-height:28px;height:28px;padding:0 .5rem;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,var(--surface-2));color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;cursor:grab;touch-action:none;z-index:25;box-shadow:0 1px color-mix(in srgb,var(--bg) 35%,transparent)}.canvas-studio-viewport.is-canvas-dragging .canvas-acos-frame-label{cursor:grabbing}.canvas-acos-frame-kind{color:color-mix(in srgb,var(--accent) 85%,#fff);font-weight:var(--weight-bold)}.canvas-acos-frame-title{overflow:hidden;text-overflow:ellipsis}.canvas-acos-frame[data-frame-kind=storyboard]{border-style:dashed}.canvas-frame-breadcrumbs-host{position:absolute;top:0;right:0;z-index:26;width:max-content;max-width:min(480px,calc(100vw - 2rem));transform:translateY(calc(-100% - 6px));pointer-events:none}.canvas-frame-breadcrumbs-host:not(.hidden){pointer-events:none}.canvas-frame-breadcrumbs-host.hidden{display:none}.canvas-frame-breadcrumbs{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.35rem .45rem;padding:.35rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 88%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,var(--accent) 20%);box-shadow:0 8px 24px color-mix(in srgb,#000 18%,transparent);font-size:var(--text-xs);line-height:1.2;pointer-events:auto}.canvas-frame-crumb{appearance:none;border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:.15rem .35rem;border-radius:999px}.canvas-frame-crumb:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}.canvas-frame-crumb.is-current{color:var(--text);cursor:default;padding:.15rem .45rem;font-weight:var(--weight-semibold)}.canvas-frame-crumb-kind{margin-right:.35rem;color:color-mix(in srgb,var(--accent) 80%,var(--text));font-weight:var(--weight-bold)}.canvas-frame-crumb-sep{color:var(--text-muted);opacity:.65;user-select:none}.canvas-frame-crumb-exit{margin-left:.15rem}.canvas-studio-viewport.is-frame-focus .canvas-node.is-outside-focused-frame{opacity:.28;filter:saturate(.65);pointer-events:none}.canvas-studio-viewport.is-frame-focus .canvas-node.is-in-focused-frame{opacity:1;filter:none}.canvas-studio-viewport.is-frame-focus .canvas-acos-frame:not(.is-selected){opacity:.35}.canvas-frames-panel{display:flex;flex-direction:column;gap:.65rem}.canvas-frames-hint{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.canvas-frames-actions{display:flex;gap:.5rem}.canvas-frames-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.canvas-frames-list.hidden{display:none}.canvas-frames-empty{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.canvas-frames-empty.hidden{display:none}.canvas-frames-item{display:flex;flex-direction:column;gap:.35rem;padding:.45rem;border-radius:.65rem;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.canvas-frames-item.is-selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.canvas-frames-item.is-focused{background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.canvas-frames-item-btn{appearance:none;border:0;background:transparent;text-align:left;width:100%;padding:0;cursor:pointer;color:inherit}.canvas-frames-item-head{display:flex;align-items:center;gap:.35rem}.canvas-frames-item-kind{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:color-mix(in srgb,var(--accent) 85%,var(--text))}.canvas-frames-item-badge{font-size:var(--text-2xs);padding:.05rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.canvas-frames-item-title{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-top:.15rem}.canvas-frames-item-meta{display:block;margin-top:.1rem;font-size:var(--text-2xs);color:var(--text-muted)}.canvas-frames-item-actions{display:flex;flex-wrap:wrap;gap:.25rem}.canvas-dock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;margin-left:.2rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.62rem;font-weight:var(--weight-bold);line-height:1;vertical-align:super}.canvas-dock-badge.hidden{display:none}.canvas-proposals-entry{position:absolute;left:.65rem;bottom:.65rem;z-index:17;display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .65rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--bg-elevated) 96%,transparent);box-shadow:0 4px 18px color-mix(in srgb,#000 14%,transparent);color:var(--text);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;pointer-events:auto;animation:canvas-proposals-entry-pulse 2.4s ease-in-out infinite}.canvas-proposals-entry.hidden{display:none}.canvas-proposals-entry-text{white-space:nowrap}.canvas-proposals-entry-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .28rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.62rem;font-weight:var(--weight-bold);line-height:1}.canvas-side-dock-btn.has-pending-badge{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}@keyframes canvas-proposals-entry-pulse{0%,to{box-shadow:0 4px 18px color-mix(in srgb,#000 14%,transparent)}50%{box-shadow:0 4px 18px color-mix(in srgb,#000 14%,transparent),0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}}.canvas-proposals-panel{display:flex;flex-direction:column;gap:.5rem}.canvas-proposals-hint{margin:0;font-size:var(--text-2xs);color:var(--text-muted);line-height:1.35}.canvas-proposals-empty{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.canvas-proposals-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.canvas-proposals-item{padding:.55rem .65rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 80%,var(--accent) 20%);background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.canvas-proposals-item-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.canvas-proposals-item-title{font-size:var(--text-sm)}.canvas-proposals-item-source{font-size:var(--text-2xs);color:var(--text-muted);white-space:nowrap}.canvas-proposals-item-summary{margin:.35rem 0 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.canvas-proposals-diff{margin:.35rem 0 0;padding-left:1.1rem;font-size:var(--text-2xs);color:var(--text);line-height:1.45}.canvas-proposals-item-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.canvas-groups-chrome-layer .canvas-group-bar{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:.35rem;min-height:28px;height:28px;padding:0 .5rem;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,var(--surface-2));color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-bold);pointer-events:auto;cursor:grab;touch-action:none;box-shadow:0 1px color-mix(in srgb,var(--bg) 35%,transparent)}.canvas-groups-chrome-layer .canvas-group-bar:active{cursor:grabbing}.canvas-group-grip{flex-shrink:0;opacity:.55;font-size:.72rem;line-height:1;letter-spacing:-.08em;user-select:none;pointer-events:none}.canvas-group-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grab;user-select:none}.canvas-group-bar-actions{display:flex;align-items:center;gap:.2rem;flex-shrink:0;margin-left:auto}.canvas-group-bypass,.canvas-group-ungroup{border:none;background:transparent;color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;padding:0 .15rem;white-space:nowrap}.canvas-group-bypass:hover,.canvas-group-ungroup:hover{text-decoration:underline}.canvas-nodes-layer .canvas-node{pointer-events:auto}.canvas-edge-hit{stroke:transparent;pointer-events:stroke;cursor:pointer}.canvas-edge-path{stroke:color-mix(in srgb,var(--accent) 55%,var(--text-muted));pointer-events:none;stroke-width:2.5}.canvas-edge-path.is-selected{stroke:var(--accent);stroke-width:3.5}.canvas-edge-preview{stroke:var(--accent);stroke-dasharray:6 4;opacity:.85;pointer-events:none}.canvas-studio-viewport.is-canvas-connecting{cursor:crosshair}.canvas-viewport-overlay{position:absolute;right:.65rem;bottom:.65rem;z-index:15;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;pointer-events:none}.canvas-zoom-controls{display:flex;align-items:center;gap:.2rem;padding:.25rem .35rem;border-radius:var(--radius-sm);border:1px solid var(--studio-glass-border, var(--border));background:var(--studio-glass-bg, var(--bg-elevated));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 6px 20px color-mix(in srgb,var(--bg) 70%,transparent);pointer-events:auto}.canvas-zoom-btn{min-width:1.65rem;height:1.65rem;padding:0;border:1px solid var(--studio-glass-border, var(--border));border-radius:6px;background:var(--studio-control-bg, var(--input-bg));color:var(--text);font-size:var(--text-md);line-height:1;cursor:pointer}.canvas-zoom-btn:hover{border-color:var(--accent);color:var(--accent)}.canvas-zoom-btn-text{min-width:auto;padding:0 .45rem;font-size:var(--text-xs);font-weight:var(--weight-bold)}.canvas-max-concurrency-select{height:1.65rem;padding:0 .35rem;font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--surface) 92%,transparent);cursor:pointer}.canvas-max-concurrency-select:hover,.canvas-max-concurrency-select:focus{border-color:var(--accent);color:var(--accent);outline:none}.canvas-zoom-label{min-width:2.75rem;text-align:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);user-select:none}.canvas-minimap{position:absolute;top:.55rem;left:.55rem;z-index:4;padding:.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);pointer-events:auto;cursor:crosshair}.canvas-minimap canvas{display:block;border-radius:4px}.canvas-marquee{position:absolute;z-index:3;border:1px dashed var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}.canvas-studio-viewport.is-marquee{cursor:crosshair}.canvas-zoom-btn.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.canvas-studio-viewport.is-snap-on{background-position:0 0}.canvas-node{--canvas-node-radius: 0;position:absolute;min-width:var(--canvas-node-min-w, 180px);max-width:var(--canvas-node-max-w, min(680px, calc(100vw - 3rem) ));box-sizing:border-box;background:var(--studio-node-bg, var(--studio-glass-bg, var(--bg-elevated)));border:1px solid var(--studio-glass-border, var(--border));border-radius:var(--canvas-node-radius);box-shadow:var(--shadow-subtle);font-size:var(--text-sm);z-index:2;overflow:hidden;user-select:none;-webkit-user-select:none}.canvas-node.is-stacked-front:not(.is-selected){z-index:22}.canvas-node.is-selected{z-index:30;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.canvas-node.is-import-coach{z-index:32;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 6px color-mix(in srgb,var(--accent) 16%,transparent);animation:canvas-import-coach-pulse 1.1s ease-in-out 2}@keyframes canvas-import-coach-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 6px color-mix(in srgb,var(--accent) 12%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent),0 0 0 10px color-mix(in srgb,var(--accent) 22%,transparent)}}.canvas-node.is-picker-open{overflow:visible;z-index:40}.canvas-nodes-layer .canvas-node.canvas-node--prompt-template{pointer-events:none;z-index:1}.canvas-nodes-layer .canvas-node.canvas-node--prompt-template *{pointer-events:none}.canvas-nodes-layer .canvas-node.canvas-node--prompt-template.is-stacked-front:not(.is-selected),.canvas-nodes-layer .canvas-node.canvas-node--prompt-template.is-selected{z-index:30}.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-node-header,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-node-header *,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-node-bypass,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-node-remove,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-port,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-port *,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-node-inline,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-node-chip,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template [data-canvas-chip-value],.canvas-nodes-layer .canvas-node.canvas-node--prompt-template [data-canvas-model-param],.canvas-nodes-layer .canvas-node.canvas-node--prompt-template .canvas-node-resize,.canvas-nodes-layer .canvas-node.canvas-node--prompt-template [data-drag-handle]{pointer-events:auto}.canvas-node.is-sized{display:flex;flex-direction:column}.canvas-node.is-connecting{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.canvas-node.canvas-node--running{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));animation:canvas-node-running-pulse 1.5s ease-in-out infinite}@keyframes canvas-node-running-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 18%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}}.canvas-node.canvas-node--done{border-color:color-mix(in srgb,#22c55e 45%,var(--border))}.canvas-studio-shell.is-workflow-running #canvas-btn-run{opacity:1;cursor:pointer}.canvas-studio-shell.is-workflow-running #canvas-btn-run.is-stop,.canvas-studio-shell.is-workflow-running #canvas-btn-run.is-stop[aria-busy=true]{animation:none}.canvas-floating-toolbar-run-btn.is-stop{background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 92%,#fff 8%) 0%,var(--danger) 55%,color-mix(in srgb,var(--danger) 78%,#b91c1c 22%) 100%)}.canvas-floating-toolbar-run-btn.is-stop:hover:not(:disabled){filter:brightness(1.05)}.canvas-studio-shell.is-workflow-running #canvas-btn-run[aria-busy=true]{animation:canvas-run-pulse 1.4s ease-in-out infinite}@keyframes canvas-run-pulse{0%,to{box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 36%,transparent),0 0 color-mix(in srgb,var(--accent) 35%,transparent)}50%{box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 36%,transparent),0 0 0 5px color-mix(in srgb,var(--accent) 20%,transparent)}}.canvas-node.canvas-node--error{border-color:var(--danger);animation:canvas-node-error-pulse 1.2s ease-in-out 2}@keyframes canvas-node-error-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--danger) 10%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 28%,transparent)}}.canvas-node-header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.35rem .5rem;border-bottom:1px solid var(--studio-glass-border, var(--border));background:var(--studio-node-header-bg, var(--studio-muted-bg, color-mix(in srgb, var(--bg) 60%, var(--surface))))}.canvas-node-header[data-drag-handle]{cursor:grab;touch-action:none}.canvas-node-header[data-drag-handle]:active{cursor:grabbing}.canvas-node-title{flex:1;min-width:0}.canvas-node-header-actions{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.canvas-node-bypass{border:1px solid var(--studio-glass-border, var(--border));border-radius:0;background:var(--studio-node-control-bg, var(--studio-control-bg, var(--input-bg)));color:var(--text-muted);font-size:var(--text-micro);font-weight:var(--weight-bold);line-height:1.2;padding:.1rem .35rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.canvas-node-bypass.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent)}.canvas-node-help{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;padding:0;border:1px solid var(--studio-glass-border, var(--border));border-radius:50%;background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1;cursor:pointer}.canvas-node-help:hover,.canvas-node-help:focus-visible{border-color:var(--accent);color:var(--text-primary);background:color-mix(in srgb,var(--accent) 16%,transparent)}.canvas-node.canvas-node--bypassed{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 40%,var(--border));opacity:.88}.canvas-node.is-resizing{will-change:width,height;contain:layout style}.canvas-node-title{font-weight:var(--weight-extrabold);font-size:var(--text-sm)}.canvas-node .canvas-node-settings{position:relative}.canvas-node-remove{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-xl);line-height:1;padding:0 .2rem}.canvas-node-ports-row{display:grid;grid-template-columns:auto 1fr auto;gap:.35rem;padding:.5rem .55rem .55rem;align-items:start}.canvas-node.is-sized .canvas-node-ports-row{flex:1;min-height:0;align-items:stretch}.canvas-node-ports-in,.canvas-node-ports-out{display:flex;flex-direction:column;gap:.35rem}.canvas-port{position:relative;display:flex;align-items:center;gap:.2rem;font-size:var(--text-2xs);color:var(--text-muted);cursor:crosshair;z-index:2}.canvas-port:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-port-in.is-drop-target .canvas-port-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent);transform:scale(1.15)}.canvas-port-in.is-drop-compatible .canvas-port-dot{box-shadow:0 0 0 2px color-mix(in srgb,#22c55e 55%,transparent);transform:scale(1.08)}.canvas-port-in.is-drop-incompatible .canvas-port-dot{box-shadow:0 0 0 2px color-mix(in srgb,#ef4444 55%,transparent);transform:scale(1.08)}.canvas-studio-viewport.is-canvas-connecting .canvas-port-in.is-drop-compatible .canvas-port-label{color:color-mix(in srgb,#22c55e 70%,var(--text))}.canvas-port-out{justify-content:flex-end}.canvas-port-dot{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0;border:2px solid var(--studio-node-bg, var(--studio-glass-bg, var(--bg-elevated)));box-shadow:0 0 0 1px var(--studio-glass-border, var(--border));transition:transform .12s,box-shadow .12s}.canvas-node-resize{position:absolute;right:3px;bottom:3px;width:12px;height:12px;border-radius:2px;border:1px solid var(--border);background:linear-gradient(135deg,transparent 0 45%,var(--accent) 45% 55%,transparent 55% 65%,var(--accent) 65% 75%,transparent 75%);cursor:nwse-resize;z-index:3;opacity:.75}.canvas-node-resize:hover{opacity:1;border-color:var(--accent)}.canvas-port-in .canvas-port-dot{background:color-mix(in srgb,var(--accent) 55%,var(--text-muted))}.canvas-port.is-disabled{opacity:.42;cursor:not-allowed}.canvas-port.is-disabled .canvas-port-dot{background:var(--text-muted);box-shadow:none}.canvas-port.is-disabled .canvas-port-label{color:var(--text-muted)}.canvas-port-in.is-disabled:not(.is-connected){pointer-events:none}.canvas-port.is-connected.is-disabled .canvas-port-dot{background:color-mix(in srgb,var(--accent) 55%,var(--text-muted));opacity:.55}.canvas-port.is-connected .canvas-port-dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.canvas-studio-viewport.is-canvas-disconnecting{cursor:not-allowed}.canvas-node-body-stack{display:flex;flex-direction:column;gap:.55rem;width:100%;min-width:0}.canvas-node-output-stack{display:flex;flex-direction:column;gap:.6rem;width:100%;min-width:0}.canvas-node-output-media:empty{display:none}.canvas-node-run-meta{display:flex;flex-direction:column;gap:.35rem;margin-top:.05rem;flex-shrink:0;position:relative;z-index:0}.canvas-node-settings{display:flex;flex-direction:column;gap:.55rem;padding:.15rem 0 .5rem;border-bottom:1px dashed color-mix(in srgb,var(--border) 70%,transparent)}.canvas-node-setting{display:flex;flex-direction:column;gap:.35rem}.canvas-node-setting-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);line-height:1.3}.canvas-node-setting--model{flex-direction:column;align-items:stretch;gap:.35rem}.canvas-node-setting--model .canvas-node-model-select{width:100%;min-width:0;max-width:100%}.canvas-node-setting--model>.model-picker-label{flex:none;max-width:none}.canvas-node-model-picker.model-picker{flex:1 1 auto;min-width:0;max-width:none;width:auto}.canvas-node-model-picker .model-picker-control{flex:1 1 auto;min-width:0;position:relative;z-index:1}.canvas-node.is-selected .canvas-node-model-picker,.canvas-node.is-picker-open .canvas-node-model-picker{position:relative;z-index:3}.canvas-node-model-picker .model-picker-trigger,.canvas-node-model-picker .model-picker-label,.canvas-inspector-settings .canvas-node-chip,.canvas-inspector-settings [data-canvas-model-param]{pointer-events:auto}.canvas-node-model-picker .model-picker-menu{z-index:1200}.canvas-node .model-picker-trigger,.canvas-node-setting-select,.canvas-node-setting-input,.canvas-node-setting-textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.canvas-node-setting-select,.canvas-node-setting-textarea{width:100%;box-sizing:border-box;font-size:var(--text-sm);line-height:1.45;border:1px solid var(--studio-glass-border, var(--border));border-radius:var(--radius-sm);background:var(--studio-node-control-bg, var(--studio-control-bg, var(--input-bg)));color:var(--text);padding:.45rem .55rem}.canvas-node-setting-select{min-height:2.1rem;cursor:pointer}.canvas-node-setting-textarea{resize:vertical;min-height:3.25rem}.canvas-node-output-wrap{display:flex;flex-direction:column;gap:.35rem}.canvas-node-output{width:100%;box-sizing:border-box;resize:vertical;min-height:4.5rem;max-height:14rem;padding:.45rem .55rem;border:1px solid var(--studio-glass-border, var(--border));border-radius:8px;background:var(--studio-node-control-bg, var(--input-bg));color:var(--text);font:inherit;font-size:var(--text-sm);line-height:1.45;cursor:text;user-select:text}.canvas-node-output:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.canvas-node-setting,.canvas-node-settings,.canvas-inspector-settings,.canvas-inspector-settings-wrap{min-width:0}.canvas-node-setting-chips{display:flex;flex-wrap:wrap;gap:.3rem;row-gap:.35rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.canvas-node-setting-chips--scroll-snap{flex-wrap:wrap;overflow-x:visible;overflow-y:visible;width:100%;max-width:100%;min-width:0;scroll-snap-type:none;padding-bottom:0}.canvas-node-setting-chips--scroll-snap .canvas-node-chip{flex:0 0 auto;min-width:2.35rem}.canvas-node-setting-chips--wrap{flex-wrap:wrap;row-gap:.35rem}.canvas-node-setting-chips--wrap .canvas-node-chip{flex:0 0 auto;min-width:2.5rem;max-width:100%;text-align:center;white-space:normal;word-break:break-word}html[data-mobile] .canvas-node-setting-chips--scroll-snap .canvas-node-chip,html[data-mobile] .canvas-node-setting-chips--wrap .canvas-node-chip{min-height:2.15rem;padding:.32rem .62rem}.canvas-node-chip{border:1px solid var(--border);border-radius:999px;background:var(--studio-muted-bg, color-mix(in srgb, var(--bg) 60%, var(--surface)));color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:.28rem .55rem;cursor:pointer;line-height:1.35;max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s,color .15s,background .15s}.canvas-node-chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--text)}.canvas-node-chip.is-active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:var(--weight-bold)}.canvas-node-body{min-width:0}.canvas-node.is-sized .canvas-node-body{display:flex;flex-direction:column;min-height:0;height:100%}.canvas-node-inline,.canvas-inspector-textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:3.25rem;padding:.45rem .55rem;border:1px solid var(--studio-glass-border, var(--border));border-radius:8px;background:var(--studio-node-control-bg, var(--input-bg));color:var(--text);font:inherit;font-size:var(--text-sm);line-height:1.45;user-select:text;-webkit-user-select:text}.canvas-node-upload-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;width:100%;text-align:center;padding:.55rem .75rem;border:1px dashed color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,var(--studio-node-control-bg, var(--input-bg)));cursor:pointer;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium, 500);line-height:1.35;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background .15s ease,color .15s ease}.canvas-node-upload-primary-btn{min-height:5.25rem;flex-direction:column;padding:.85rem .75rem}.canvas-node-upload-primary-btn:before{content:"\ff0b";display:block;width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.95rem;line-height:1.65rem;font-weight:var(--weight-bold, 700)}.canvas-node-upload-primary-btn:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--studio-node-control-bg, var(--input-bg)));color:var(--text)}.canvas-node-upload-label{display:block}.canvas-node-document-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);color:var(--text-muted, var(--muted));margin-bottom:.35rem}.canvas-node-upload-replace-btn{flex:0 0 auto;width:auto;min-height:2rem;margin-top:.4rem;padding:.28rem .65rem;border-style:solid;border-color:color-mix(in srgb,var(--border) 80%,transparent);background:var(--studio-node-control-bg, var(--input-bg));color:var(--accent);font-size:var(--text-xs, .75rem);font-weight:var(--weight-semibold, 600)}.canvas-node-upload-replace-btn:before{content:none}.canvas-node-upload-replace-btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--studio-node-control-bg, var(--input-bg)))}.canvas-node-upload-dropzone{position:relative;width:100%;min-height:5.25rem}.canvas-node-upload-dropzone--filled{display:flex;flex-direction:column;min-height:0;gap:0}.canvas-node-upload-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-medium, 500);opacity:0;pointer-events:none;transition:opacity .12s ease}.canvas-node--file-dragover .canvas-node-upload-hint{opacity:1}.canvas-upload-session-hint{margin:.35rem 0 0;font-size:var(--text-xs, .75rem);color:var(--text-muted, #888);line-height:1.35}.studio-media-ttl{position:absolute;top:.4rem;left:.4rem;z-index:4;max-width:calc(100% - .8rem);padding:.15rem .4rem;border-radius:4px;font-size:.68rem;font-weight:600;line-height:1.3;background:#0000008c;color:#ffdca0f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.studio-media-ttl--expired{color:#ffffffeb;background:#282828b8}.studio-media-expired-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.75rem;text-align:center;background:color-mix(in srgb,var(--bg-elevated, #1a1a1a) 82%,transparent);color:var(--text, #eee);pointer-events:none}.studio-media-expired-title{font-size:var(--text-sm, .875rem);font-weight:700;color:var(--text, #eee)}.studio-media-expired-desc{font-size:var(--text-xs, .75rem);line-height:1.4;color:var(--text-muted, #999);max-width:16rem}.is-studio-media-expired:not(video):not(audio){opacity:.2;filter:grayscale(.4)}.is-studio-media-expired-wrap .msg-project-video,.is-studio-media-expired-wrap .canvas-node-preview-video{opacity:.2}.canvas-studio-media-fail{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;margin-top:.35rem;border-radius:6px;background:color-mix(in srgb,var(--danger, #e5484d) 12%,transparent);color:var(--danger, #e5484d);font-size:var(--text-sm)}.canvas-node-preview-media>.canvas-studio-media-fail,.canvas-web-source-media>.canvas-studio-media-fail,.canvas-preview-embed-wrap>.canvas-studio-media-fail{position:absolute;inset:0;z-index:3;margin:0;flex-direction:column;flex-wrap:nowrap;text-align:center;pointer-events:auto;background:color-mix(in srgb,#000 55%,color-mix(in srgb,var(--danger, #e5484d) 18%,transparent))}.canvas-node-preview-media>.canvas-studio-media-fail .canvas-studio-media-fail-text,.canvas-web-source-media>.canvas-studio-media-fail .canvas-studio-media-fail-text{max-width:90%;writing-mode:horizontal-tb;white-space:normal}.canvas-studio-media-fail-retry{border:1px solid currentColor;border-radius:4px;padding:.15rem .45rem;background:transparent;color:inherit;cursor:pointer;font-size:inherit}.canvas-studio-media-fail-retry:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.is-studio-media-failed:not(.canvas-node-preview-video):not(.canvas-node-preview-audio){opacity:.45}.canvas-node--file-dragover .canvas-node-upload-btn,.canvas-node--file-dragover .canvas-node-upload-dropzone--filled .canvas-node-preview-media,.canvas-node--file-dragover .canvas-node-upload-dropzone--filled .canvas-node-preview-video,.canvas-node--file-dragover .canvas-node-upload-dropzone--filled .canvas-node-preview-audio{outline:2px solid var(--accent);outline-offset:-2px}.canvas-node.is-sized .canvas-node-header{flex-shrink:0}.canvas-node.is-sized .canvas-node-body-stack{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.canvas-node.is-sized .canvas-node-output-stack{flex:1;min-height:0;display:flex;flex-direction:column}.canvas-node.is-sized .canvas-node-settings,.canvas-node.is-sized .canvas-node-run-meta,.canvas-node.is-sized .canvas-web-sources{flex-shrink:0}.canvas-node.is-sized .canvas-node-output-stack:has(.canvas-node-output-wrap--fill)>.canvas-node-output-media{flex:0 1 auto;min-height:0;max-height:48%;overflow:auto}.canvas-node.is-sized .canvas-node-output-wrap--fill{flex:1 1 auto;min-height:5rem;display:flex;flex-direction:column}.canvas-node.is-sized .canvas-node-body>.canvas-node-output-wrap--fill{flex:1;min-height:0;display:flex;flex-direction:column}.canvas-node.is-sized .canvas-node-body>.canvas-node-inline{flex:1;min-height:0}.canvas-node.is-sized .canvas-node-inline,.canvas-node.is-sized .canvas-node-output{flex:1;min-height:4.5rem;height:auto;max-height:none;resize:none;overflow:auto}.canvas-node.is-sized .canvas-node-setting-textarea{flex:0 1 auto;resize:vertical;max-height:9rem}.canvas-node.is-sized .canvas-node-upload-primary-btn{flex:1;min-height:4.5rem}.canvas-node.is-sized .canvas-node-upload-replace-btn{flex:0 0 auto;align-self:center;width:auto;min-height:2rem;max-height:2rem}.canvas-node.is-sized .canvas-node-upload-dropzone{flex:1;min-height:0;display:flex;flex-direction:column}.canvas-node.is-sized .canvas-node-upload-dropzone:not(.canvas-node-upload-dropzone--filled){min-height:4.5rem}.canvas-node.is-sized .canvas-node-upload-dropzone--filled>:not(.canvas-node-upload-hint):not(.canvas-node-upload-replace-btn){flex:1;min-height:0}.canvas-node.is-sized .canvas-node-upload-dropzone .canvas-node-preview-media{flex:1;min-height:0;max-height:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-node.is-sized .canvas-node-upload-dropzone .canvas-node-preview-img,.canvas-node.is-sized .canvas-node-upload-dropzone .canvas-node-preview-video{width:100%;height:100%;max-height:100%;object-fit:contain}.canvas-node.is-sized .canvas-node-upload-dropzone .canvas-node-preview-media--audio{flex:0 0 auto;min-height:3rem;padding:.35rem 0}.canvas-node-upload-dropzone .canvas-node-preview-video,.canvas-node-upload-dropzone .canvas-node-preview-audio{height:100%;max-height:none}.canvas-node-preview-media{position:relative;width:100%;max-width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;background:color-mix(in srgb,var(--surface-2) 80%,transparent);overflow:hidden}.canvas-node-preview-media.is-preview-loading:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,color-mix(in srgb,var(--surface-2) 92%,transparent) 25%,color-mix(in srgb,var(--surface-3, var(--surface-2)) 70%,#fff 8%),color-mix(in srgb,var(--surface-2) 92%,transparent) 65%);background-size:200% 100%;animation:canvas-preview-shimmer 1.15s ease-in-out infinite;pointer-events:none}@keyframes canvas-preview-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.canvas-node-setting-input{width:100%;box-sizing:border-box;padding:.35rem .5rem;border:1px solid var(--studio-glass-border, var(--border));border-radius:8px;background:var(--studio-node-control-bg, var(--input-bg));color:var(--text);font:inherit;font-size:var(--text-sm)}.canvas-node-preview-audio{width:100%;max-height:160px;border-radius:var(--media-player-radius, 8px);background:var(--media-player-bg, var(--surface-2));border:1px solid var(--media-player-border, transparent);object-fit:contain;pointer-events:auto;touch-action:manipulation;position:relative;z-index:1}.canvas-node-preview-video{width:100%;max-height:160px;border-radius:8px;background:var(--surface-2);object-fit:contain;pointer-events:auto;touch-action:manipulation;position:relative;z-index:1}.canvas-web-source-preview-video,.canvas-web-source-preview-audio{pointer-events:auto;touch-action:manipulation;position:relative;z-index:1}.canvas-node-preview-media .canvas-node-preview-video{height:100%;max-height:none}.canvas-node-preview-media.is-portrait-media{max-width:min(100%,220px);margin-left:auto;margin-right:auto}.canvas-node-preview-img{width:100%;height:100%;max-width:100%;max-height:140px;border-radius:6px;display:block;object-fit:contain}.canvas-node-preview-img.media-zoomable,.canvas-web-source-preview-img.media-zoomable{cursor:zoom-in}.canvas-node-preview-media:hover .canvas-node-preview-img.media-zoomable,.canvas-web-source-media:hover .canvas-web-source-preview-img.media-zoomable{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 38%,transparent)}.canvas-node.is-sized .canvas-node-preview-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.canvas-node.is-sized .canvas-node-preview-media{flex:1;min-height:4.5rem;max-height:none;aspect-ratio:auto}.canvas-node.is-sized .canvas-node-preview-img{flex:1;width:100%;height:100%;max-height:none;object-fit:contain;margin:0 auto}.canvas-node-muted{color:var(--text-muted);font-size:var(--text-xs)}.canvas-node-progress{position:relative;width:100%}.canvas-node-progress.is-idle{display:none}.canvas-node-progress-track{height:1.15rem;border-radius:999px;background:color-mix(in srgb,var(--border) 55%,var(--surface-2));overflow:hidden}.canvas-node-progress-fill{height:100%;width:0;border-radius:999px;background:var(--gradient-brand-wide);transition:width .38s ease}.canvas-node-progress.is-running .canvas-node-progress-fill{background:var(--gradient-brand-animated);background-size:220% 100%;animation:canvas-node-progress-shine 1.6s ease-in-out infinite}.canvas-node-progress.is-done .canvas-node-progress-fill{background:var(--accent);animation:none}.canvas-node-progress.is-error .canvas-node-progress-fill{background:linear-gradient(90deg,var(--danger),#f87171);animation:none}.canvas-node-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:1;color:var(--text-muted);pointer-events:none}.canvas-node-progress.is-running .canvas-node-progress-text,.canvas-node-progress.is-done .canvas-node-progress-text{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.canvas-node-progress.is-error .canvas-node-progress-text{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes canvas-node-progress-shine{0%{background-position:100% 0}to{background-position:0% 0}}.canvas-node-error{margin:.25rem 0 0;font-size:var(--text-xs);color:var(--danger)}.canvas-palette{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--studio-glass-border, var(--border))}.canvas-palette-group{margin-bottom:.5rem}.canvas-palette-title{margin:0 0 .3rem;font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.canvas-palette-row{display:flex;flex-wrap:wrap;gap:.3rem}.canvas-template-btn{width:100%;margin-top:.35rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.canvas-node-inspector{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.canvas-inspector-guide{margin:0 0 .65rem;padding:.55rem .6rem;border-radius:0;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))}.canvas-inspector-guide-tip{margin:0 0 .4rem;font-size:var(--text-xs);line-height:1.5;color:var(--text-muted)}.canvas-inspector-guide-note{margin:0 0 .4rem;font-size:var(--text-2xs);line-height:1.45;color:color-mix(in srgb,var(--text-muted) 88%,var(--text))}.canvas-inspector-actions{display:flex;flex-wrap:wrap;gap:.3rem}.canvas-inspector-shortcuts{margin:.4rem 0 0;font-size:var(--text-2xs);line-height:1.45;color:color-mix(in srgb,var(--text-muted) 90%,transparent)}.canvas-inspector-next-step{margin:0 0 .45rem;padding:.45rem .5rem;border-radius:0;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 4%,transparent)}.canvas-inspector-next-step-tip{margin:0 0 .35rem;font-size:var(--text-2xs);line-height:1.45;color:var(--text-muted)}.canvas-connect-hint,.canvas-stacked-hint{position:absolute;z-index:40;max-width:min(240px,calc(100% - 1rem));padding:.3rem .45rem;border-radius:8px;font-size:var(--text-2xs);line-height:1.4;pointer-events:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted)}.canvas-connect-hint.is-error{border-color:color-mix(in srgb,#ef4444 45%,var(--border));color:color-mix(in srgb,#ef4444 75%,var(--text));background:color-mix(in srgb,#ef4444 8%,var(--surface-2))}.canvas-connect-hint.hidden,.canvas-stacked-hint.hidden{display:none}.canvas-first-run-tour{position:fixed;inset:0;z-index:12000;pointer-events:none}.canvas-first-run-tour.hidden{display:none}.canvas-first-run-tour-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 20%,transparent);pointer-events:auto}.canvas-first-run-tour-card{position:absolute;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:0;border:1px solid var(--border);background:var(--surface);pointer-events:auto}.canvas-first-run-tour-kicker{margin:0 0 .25rem;font-size:var(--text-2xs);color:var(--accent)}.canvas-first-run-tour-card h3{margin:0 0 .35rem;font-size:var(--text-sm)}.canvas-first-run-tour-body{margin:0 0 .55rem;font-size:var(--text-xs);line-height:1.55;color:var(--text-muted)}.canvas-first-run-tour-progress{display:flex;gap:.35rem;margin-bottom:.55rem}.canvas-first-run-tour-dot{width:7px;height:7px;border-radius:50%;background:var(--border)}.canvas-first-run-tour-dot.is-active{background:var(--accent);transform:scale(1.15)}.canvas-first-run-tour-dot.is-done{background:color-mix(in srgb,var(--accent) 55%,var(--border))}.canvas-first-run-tour-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.canvas-first-run-tour-highlight{position:relative;z-index:11999!important;outline:2px solid var(--accent);outline-offset:3px}body.canvas-first-run-tour-open{overflow:hidden}.canvas-validation-fixes{position:absolute;top:.55rem;left:.55rem;right:.55rem;z-index:45;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;margin:0;padding:.5rem .65rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--surface) 92%,var(--bg));box-shadow:0 8px 28px color-mix(in srgb,#000 28%,transparent);max-height:min(42vh,280px);overflow:auto;pointer-events:auto}.canvas-validation-fixes-title{margin:0;font-size:var(--text-xs);color:var(--text-muted);flex:1 1 100%}.canvas-validation-fixes-errors{margin:0;padding:0 0 0 1.1rem;flex:1 1 100%;font-size:var(--text-sm);color:var(--text);line-height:1.45}.canvas-validation-fixes-errors li+li{margin-top:.2rem}.canvas-validation-fixes-actions{display:flex;flex-wrap:wrap;gap:.35rem}.canvas-validation-fixes-dismiss{margin-left:auto}.canvas-shortcuts-panel{position:fixed;inset:0;z-index:12100;pointer-events:none}.canvas-shortcuts-panel.hidden{display:none}.canvas-shortcuts-panel-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 25%,transparent);pointer-events:auto}.canvas-shortcuts-panel-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 2rem));max-height:min(80vh,640px);overflow:auto;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);pointer-events:auto}.canvas-shortcuts-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.canvas-shortcuts-panel-head h3{margin:0;font-size:var(--text-sm)}.canvas-shortcuts-group+.canvas-shortcuts-group{margin-top:.65rem;padding-top:.55rem;border-top:1px solid var(--border)}.canvas-shortcuts-group h4{margin:0 0 .35rem;font-size:var(--text-xs);color:var(--accent)}.canvas-shortcuts-group dl{margin:0}.canvas-shortcuts-row{display:grid;grid-template-columns:minmax(7rem,38%) 1fr;gap:.35rem .65rem;padding:.2rem 0;font-size:var(--text-xs)}.canvas-shortcuts-row dt{margin:0;color:var(--text);font-weight:600}.canvas-shortcuts-row dd{margin:0;color:var(--text-muted)}body.canvas-shortcuts-panel-open,body.canvas-upload-persist-open{overflow:hidden}.canvas-upload-persist-modal{position:fixed;inset:0;z-index:12150}.canvas-upload-persist-modal.hidden{display:none}.canvas-upload-persist-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 35%,transparent)}.canvas-upload-persist-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 2rem));padding:1rem;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.canvas-upload-persist-card h3{margin:0 0 .45rem;font-size:var(--text-sm)}.canvas-upload-persist-card p{margin:0 0 .45rem;font-size:var(--text-xs);line-height:1.55;color:var(--text-muted)}.canvas-upload-persist-tip{color:color-mix(in srgb,var(--accent) 70%,var(--text-muted))}.canvas-upload-persist-actions{display:flex;justify-content:flex-end;margin-top:.65rem}.canvas-inspector-node-type{margin:-.35rem 0 .65rem;font-size:var(--text-2xs);line-height:1.45;color:var(--text-muted)}.canvas-inspector-lineage{margin:0 0 .65rem;padding:.35rem .5rem;border-radius:8px;font-size:var(--text-xs);line-height:1.45;color:color-mix(in srgb,var(--accent) 80%,var(--text));background:color-mix(in srgb,var(--accent) 10%,transparent)}.canvas-side-panel-body .canvas-inspector-guide{margin-top:0}.canvas-inspector-select,.canvas-inspector-input{width:100%;margin-bottom:.5rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--studio-control-bg, var(--input-bg));color:var(--text);font:inherit;font-size:var(--text-sm);box-sizing:border-box}.canvas-inspector-delete{margin-top:.35rem}.canvas-bridge-section{margin-bottom:.75rem}.canvas-run-log{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.canvas-run-log-title{margin:0 0 .35rem;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.canvas-run-log-body{margin:0;max-height:120px;overflow:auto;font-size:var(--text-xs);line-height:1.45;white-space:pre-wrap;color:var(--text-muted)}.canvas-studio-inspector{width:min(100%,280px)}.canvas-studio-viewport>.canvas-studio-empty{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;max-width:28rem;margin:auto;pointer-events:none}.canvas-studio-empty .canvas-empty-actions{pointer-events:auto}.canvas-studio-empty .canvas-empty-actions--scenarios{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;max-width:22rem}.canvas-studio-empty.hidden{display:none}.canvas-empty-title{margin:0 0 .5rem;font-size:var(--text-lg);font-weight:var(--weight-extrabold)}.canvas-empty-lead,.canvas-empty-hint{margin:0 0 .65rem;color:var(--text-muted);font-size:var(--text-base);line-height:1.5}.canvas-studio-inspector{width:min(100%,300px);flex-shrink:0;border-left:1px solid var(--studio-glass-border, var(--border));background:var(--studio-glass-bg, var(--bg-elevated));backdrop-filter:none;-webkit-backdrop-filter:none;padding:.75rem;overflow-y:auto}.canvas-inspector-title{margin:0 0 .35rem;font-size:var(--text-base)}.canvas-inspector-desc{margin:0 0 .75rem;font-size:var(--text-sm);color:var(--text-muted);line-height:1.45}.canvas-inspector-settings-wrap{margin-bottom:.75rem}.canvas-inspector-settings{border:1px solid var(--border);border-radius:0;padding:.65rem .7rem;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.canvas-inspector-settings .canvas-node-setting--model{flex-direction:column;align-items:stretch}.canvas-inspector-settings .model-picker-trigger{min-height:44px}.canvas-inspector-empty-hint{margin:.35rem 0 0;padding:.65rem .75rem;border-radius:0;border:1px dashed var(--border);background:var(--surface-2);font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}.canvas-inspector-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-bold);margin:.5rem 0 .25rem;color:var(--text-muted)}.canvas-studio-inspector textarea{width:100%;resize:vertical;min-height:4rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--studio-control-bg, var(--input-bg));color:var(--text);font:inherit;font-size:var(--text-sm)}.canvas-list-picker{position:relative;flex-shrink:0;min-width:0}.canvas-list-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.28rem .45rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,background .15s}.canvas-list-picker-trigger:hover,.canvas-list-picker-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.canvas-list-picker-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-list-picker-chevron{flex-shrink:0;width:.45rem;height:.45rem;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg) translateY(-1px);transition:transform .15s}.canvas-list-picker-trigger[aria-expanded=true] .canvas-list-picker-chevron{transform:rotate(-135deg) translateY(1px)}.canvas-list-picker-menu{margin:0;padding:.35rem 0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 10px);box-shadow:var(--shadow, 0 8px 24px rgba(0, 0, 0, .12)),0 12px 40px #00000024;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.canvas-list-picker-menu.hidden{display:none!important;pointer-events:none!important}.canvas-list-picker-item{padding:.42rem .65rem;font-size:var(--text-sm);line-height:1.35;color:var(--text);cursor:pointer;transition:background .12s,color .12s}.canvas-list-picker-item:hover:not(.is-empty),.canvas-list-picker-item.is-selected:not(.is-empty){background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.canvas-list-picker-item.is-selected:not(.is-empty){color:var(--accent);font-weight:var(--weight-semibold)}.canvas-list-picker-item.is-empty{color:var(--text-muted);cursor:default}.canvas-workflow-select{max-width:11rem}.canvas-workflow-select .canvas-list-picker-trigger{font-size:var(--text-sm)}.canvas-confirm-modal{z-index:1315}#canvas-confirm-modal.is-danger #canvas-confirm-ok{order:1}#canvas-confirm-modal.is-danger #canvas-confirm-alternate{order:2}#canvas-confirm-modal.is-danger #canvas-confirm-cancel{order:3}#canvas-confirm-ok.is-danger{background:var(--danger);border-color:var(--danger);color:#fff}#canvas-confirm-ok.is-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,#000);border-color:color-mix(in srgb,var(--danger) 88%,#000)}#canvas-confirm-alternate.is-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}#canvas-confirm-alternate.is-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,var(--surface));border-color:var(--danger)}body.canvas-confirm-open{overflow:hidden}.canvas-prompt-modal{z-index:1316}.canvas-prompt-card h3.canvas-prompt-title{margin:0 0 .75rem;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text)}.canvas-prompt-card h3.canvas-prompt-title.hidden{display:none}.canvas-prompt-label{display:block;margin:0 0 .4rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}.canvas-prompt-label.hidden{display:none}.canvas-prompt-input{width:100%;box-sizing:border-box;margin-bottom:1rem}body.canvas-prompt-open{overflow:hidden}.canvas-template-list{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.canvas-template-list-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.canvas-template-list-head .canvas-palette-title{margin:0}.canvas-template-add-btn{flex-shrink:0;min-width:2rem;padding-inline:.45rem;font-size:1.1rem;line-height:1}.canvas-template-section-label{margin:.45rem 0 .15rem;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.canvas-template-row{display:flex;align-items:stretch;gap:.25rem}.canvas-template-row .canvas-template-btn{flex:1;margin-top:0;text-align:left}.canvas-template-row-actions{display:flex;flex-shrink:0;gap:.15rem}.canvas-template-icon-btn{min-width:2rem;padding-inline:.35rem;font-size:var(--text-sm);opacity:.85}.canvas-template-icon-btn:hover{opacity:1}.canvas-template-empty-hint{margin:.25rem 0 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.canvas-template-modal{position:fixed;inset:0;z-index:1310;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--bg) 35%,transparent);backdrop-filter:none;pointer-events:auto}.canvas-template-modal.hidden{display:none}.canvas-template-modal-card{width:min(440px,100%);border-radius:var(--radius-lg, 14px);border:1px solid var(--border);background:var(--surface);padding:1rem 1.1rem 1.15rem;box-shadow:var(--shadow-lg, 0 16px 40px rgba(0, 0, 0, .22))}.canvas-template-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.canvas-template-modal-head h3{margin:0;font-size:var(--text-lg)}.canvas-template-modal-hint{margin:0 0 .65rem;font-size:var(--text-sm);color:var(--text-muted);line-height:1.45}.canvas-template-update-row{display:flex;align-items:flex-start;gap:.45rem;margin:.65rem 0 .75rem;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer}.canvas-template-update-row input{margin-top:.15rem}.canvas-template-modal-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.canvas-cloud-panel{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem}.canvas-cloud-panel .canvas-workflow-select{max-width:100%;width:100%}.canvas-cloud-actions{display:flex;flex-wrap:wrap;gap:.35rem}.canvas-node-setting-hint{display:none}.canvas-run-history-panel{margin-top:.65rem;padding-top:.5rem;border-top:1px solid var(--border)}.canvas-run-history-title{margin:0 0 .35rem;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted)}.canvas-run-history-list{margin:0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--text-muted);display:flex;flex-direction:column;gap:.25rem}.canvas-context-menu{position:absolute;z-index:120;min-width:10.5rem;padding:.35rem;border-radius:var(--radius-md, 10px);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg, 0 12px 32px rgba(0, 0, 0, .18));display:flex;flex-direction:column;gap:.15rem}.canvas-context-menu.hidden{display:none}.canvas-context-menu button{border:none;background:transparent;color:var(--text);text-align:left;padding:.45rem .55rem;border-radius:var(--radius-sm, 6px);font-size:var(--text-sm);cursor:pointer}.canvas-context-menu button:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface-2, var(--surface)))}.canvas-context-menu button[hidden]{display:none}.canvas-align-guides{position:absolute;inset:0;pointer-events:none;z-index:6}.canvas-align-guide{position:absolute;background:color-mix(in srgb,var(--accent) 72%,transparent)}.canvas-align-guide--v{top:-4000px;bottom:-4000px;width:1px}.canvas-align-guide--h{left:-4000px;right:-4000px;height:1px}.canvas-wizard-status{margin:.45rem 0 .65rem;font-size:var(--text-sm);color:var(--text-muted);line-height:1.45}.canvas-wizard-status.is-loading{color:color-mix(in srgb,var(--accent) 75%,var(--text-muted))}.canvas-wizard-status.is-error{color:var(--danger, #e85d5d)}.canvas-wizard-status.hidden{display:none}.canvas-wizard-manual-panel{margin-top:.75rem;padding-top:.65rem;border-top:1px dashed var(--border)}.canvas-wizard-manual-panel.hidden{display:none}body.canvas-wizard-building .canvas-wizard-card{pointer-events:none;opacity:.92}.canvas-preview-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.35rem;-webkit-overflow-scrolling:touch}.canvas-preview-actions{display:flex;flex-wrap:wrap;gap:.35rem;flex-shrink:0;margin-top:0;padding:.45rem 1.15rem .2rem 0;position:relative;z-index:4}.canvas-node-video-actions{margin-top:.35rem}.canvas-preview-action-btn{position:relative;border:1px solid var(--border);background:var(--surface-2, var(--surface));color:var(--text);border-radius:var(--radius-sm, 6px);padding:.28rem .45rem;font-size:var(--text-xs);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.canvas-preview-action-btn[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);width:max-content;max-width:min(240px,70vw);padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:1.35;text-align:center;white-space:normal;box-shadow:var(--shadow, 0 8px 24px rgba(0, 0, 0, .18));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease;z-index:80}.canvas-preview-action-btn[data-tip]:hover:after,.canvas-preview-action-btn[data-tip]:focus-visible:after{opacity:1;visibility:visible}.canvas-preview-action-btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.canvas-preview-action-btn--primary{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--accent)}.canvas-run-history-item details{cursor:pointer}.canvas-run-history-item summary{list-style:none;font-size:var(--text-xs)}.canvas-run-history-item summary::-webkit-details-marker{display:none}.canvas-run-history-snaps{margin:.35rem 0 .25rem;padding-left:1rem;font-size:var(--text-xs);color:var(--text-muted)}.canvas-run-history-log{margin:.35rem 0 0;padding:.45rem;font-size:.72rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;border-radius:var(--radius-sm, 6px);background:var(--surface-2, var(--surface));color:var(--text-muted);max-height:8rem;overflow:auto}.canvas-wizard-launch{margin:.5rem 0 .75rem}.canvas-wizard-launch-btn{width:100%}.canvas-wizard-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--bg) 35%,transparent);backdrop-filter:none;pointer-events:auto}.canvas-wizard-modal.hidden{display:none}.canvas-wizard-card{position:relative;z-index:1;pointer-events:auto;width:min(520px,100%);max-height:min(88vh,720px);overflow:auto;border-radius:var(--radius-lg, 14px);border:1px solid var(--border);background:var(--surface);padding:1rem 1.1rem 1.15rem;box-shadow:var(--shadow-lg, 0 16px 40px rgba(0, 0, 0, .22))}body.canvas-wizard-open .canvas-mobile-overlay-portal{pointer-events:none!important;visibility:hidden}body.canvas-wizard-open .canvas-studio-viewport{pointer-events:none}body.canvas-wizard-open .canvas-toolbar-cluster,body.canvas-wizard-open .canvas-toolbar-cluster>*,body.canvas-wizard-open .canvas-side-dock,body.canvas-wizard-open .canvas-side-panel-layer:not(.hidden),body.canvas-wizard-open .canvas-side-panel-layer:not(.hidden)>*,body.canvas-wizard-open .canvas-viewport-overlay,body.canvas-wizard-open .canvas-viewport-overlay>*{pointer-events:auto}.canvas-wizard-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.canvas-wizard-head h3{margin:0;font-size:var(--text-lg)}.canvas-wizard-lead{margin:0 0 .75rem;font-size:var(--text-sm);color:var(--text-muted)}.canvas-wizard-presets{display:grid;gap:.45rem;margin-bottom:.75rem}.canvas-wizard-preset{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;border:1px solid var(--border);border-radius:var(--radius-md, 10px);background:var(--surface-2, var(--surface));padding:.55rem .65rem;cursor:pointer;color:var(--text)}.canvas-wizard-preset.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.canvas-wizard-preset b{font-size:var(--text-sm)}.canvas-wizard-preset span{font-size:var(--text-xs);color:var(--text-muted)}.canvas-wizard-label{display:block;margin-bottom:.35rem;font-size:var(--text-sm);color:var(--text-muted)}.canvas-wizard-goal{width:100%;box-sizing:border-box;min-height:4.5rem;resize:vertical;margin-bottom:.75rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-sm);line-height:1.45;pointer-events:auto;user-select:text;-webkit-user-select:text}.canvas-wizard-goal:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.canvas-wizard-actions{display:flex;justify-content:flex-end}.canvas-palette-btn{cursor:pointer;touch-action:manipulation}body.canvas-palette-dragging{cursor:grabbing}body.canvas-palette-dragging .canvas-studio-viewport{cursor:copy}.canvas-studio-viewport.is-work-drop-target{outline:2px dashed color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:-3px;cursor:copy}#page-canvas .canvas-palette-btn{border-color:color-mix(in srgb,var(--border) 55%,transparent);background:var(--studio-muted-bg, color-mix(in srgb, var(--bg) 60%, var(--surface)));color:var(--text);font-weight:var(--weight-medium)}#page-canvas .canvas-palette-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--studio-muted-bg, var(--surface-2)))}#page-canvas .canvas-node-model-picker .model-picker-trigger{background:var(--studio-node-control-bg, var(--studio-control-bg, var(--input-bg)));border-color:var(--studio-glass-border, var(--border))}#page-canvas .canvas-node-model-picker .model-picker-trigger:hover,#page-canvas .canvas-node-model-picker .model-picker-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.canvas-studio-toolbar-actions{flex-wrap:wrap;gap:.25rem}.canvas-studio-toast{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.55rem;max-width:min(92vw,28rem);padding:.45rem .9rem;border-radius:999px;background:var(--text);color:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);z-index:120;box-shadow:0 8px 24px #0000002e}.canvas-studio-toast.has-action{border-radius:12px;padding:.5rem .55rem .5rem .9rem}.canvas-studio-toast-msg{min-width:0;line-height:1.35}.canvas-studio-toast-action{flex:0 0 auto;border:0;border-radius:8px;padding:.28rem .55rem;background:color-mix(in srgb,var(--surface) 18%,transparent);color:inherit;font:inherit;font-weight:var(--weight-bold);cursor:pointer;white-space:nowrap}.canvas-studio-toast-action:hover{background:color-mix(in srgb,var(--surface) 28%,transparent)}#canvas-btn-run-selection.is-import-coach-cta{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent);animation:canvas-import-coach-cta 1.2s ease-in-out 3}@keyframes canvas-import-coach-cta{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent)}}.synex-app-toast{position:fixed;bottom:calc(1.25rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:min(92vw,28rem);padding:.55rem 1rem;border-radius:10px;background:var(--text);color:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.45;text-align:center;z-index:10050;box-shadow:0 10px 32px #00000038;transition:opacity .2s ease}.synex-app-toast.hidden{opacity:0;pointer-events:none}.synex-app-toast.is-error{background:#b42318;color:#fff}.synex-app-toast.is-success{background:#067647;color:#fff}.synex-app-toast.is-warn{background:#b54708;color:#fff}.msg-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;opacity:0;transition:opacity .15s ease}.msg-row:hover .msg-action-bar,.msg-row:focus-within .msg-action-bar{opacity:1}@media(hover:none){.msg-action-bar{opacity:1}}.msg-action-btn{font-size:var(--text-xs);padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer}.msg-action-btn--icon{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:1.75rem;min-height:1.75rem;padding:.2rem;border:none;border-radius:0;background:transparent;color:var(--text-muted);opacity:.62;cursor:pointer;transition:opacity .15s ease,color .15s ease}.msg-action-btn-icon{display:inline-flex;width:1.125rem;height:1.125rem}.msg-action-btn-icon .synex-icon{width:100%;height:100%;stroke-width:1.5}.msg-row--user .msg-action-bar{justify-content:flex-end}.msg-action-btn:not(.msg-action-btn--icon):hover{color:var(--text);border-color:var(--accent)}.msg-action-btn--icon:hover,.msg-action-btn--icon:focus-visible{opacity:1;color:var(--text);background:transparent;border:none}.msg-action-btn--icon:active{opacity:1;color:var(--accent-light);background:transparent}.synex-onboarding{position:fixed;inset:0;z-index:10060;display:flex;align-items:flex-end;justify-content:center;padding:1rem;pointer-events:none}.synex-onboarding.hidden{display:none}.synex-onboarding-backdrop{position:absolute;inset:0;background:#00000059;pointer-events:auto}.synex-onboarding-card{position:relative;z-index:1;width:min(92vw,26rem);padding:1rem 1.1rem;border-radius:14px;background:var(--surface);box-shadow:0 16px 48px #00000038;pointer-events:auto}.synex-onboarding-card h3{margin:0 0 .35rem;font-size:var(--text-md)}.synex-onboarding-card p{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.synex-onboarding-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.85rem}.synex-onboarding-actions .btn-ghost{color:var(--text);border-color:var(--border)}.synex-onboarding-actions .btn-primary{background:var(--accent);color:var(--btn-on-accent-fg, var(--text-primary))}.synex-onboarding-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover);color:#fff}.synex-onboarding-highlight{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.app-body.layout-canvas .sidebar{display:none!important}#page-canvas.page.active{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;overscroll-behavior:none}html.canvas-page-active,html.canvas-page-active body{overflow:hidden;overscroll-behavior:none}.canvas-floating-toolbar,.canvas-side-dock,.canvas-side-panel-layer,.canvas-mobile-dock,.canvas-mobile-backdrop,.canvas-toolbar-more-btn,.canvas-toolbar-more-sheet,.canvas-mobile-overlay-portal{display:none}.canvas-toolbar-cluster{position:absolute;top:.55rem;left:50%;z-index:15;display:flex;flex-direction:column;align-items:stretch;gap:.32rem;max-width:min(96vw,68rem);transform:translate(-50%);pointer-events:none}.canvas-toolbar-cluster>*{pointer-events:auto}.canvas-toolbar-cluster>.canvas-floating-toolbar{width:100%;max-width:100%}.canvas-floating-toolbar>.canvas-run-credit-chip{flex:0 1 auto;align-self:center;width:auto;max-width:min(42vw,18rem);min-width:0;padding:0 .35rem;pointer-events:none}.canvas-floating-toolbar.is-horizontal>.canvas-run-credit-chip{order:5}.canvas-floating-toolbar.is-vertical>.canvas-run-credit-chip{order:8;width:100%;max-width:100%;padding:.15rem .35rem 0;text-align:center}.canvas-floating-toolbar.is-collapsed>.canvas-run-credit-chip{display:none}.canvas-toolbar-cluster.is-dragging{transition:none}.canvas-floating-toolbar.is-dragging,.canvas-side-dock.is-dragging{transition:none!important}.canvas-floating-toolbar{position:static;top:auto;left:auto;flex-shrink:0;transform:none;display:flex;gap:.35rem;pointer-events:auto;padding:.38rem .45rem;border:1px solid color-mix(in srgb,var(--studio-glass-border, var(--border)) 38%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);box-shadow:0 4px 24px color-mix(in srgb,#000 14%,transparent),inset 0 1px color-mix(in srgb,#fff 6%,transparent);user-select:none}#page-canvas .canvas-floating-toolbar,#page-canvas .canvas-side-dock,#page-canvas .canvas-side-panel-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-elevated)}.canvas-run-credit-chip{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:.2rem .15rem 0;border:none;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;font-size:var(--text-xs);line-height:1.45;color:var(--text-muted);text-align:center;cursor:default;pointer-events:auto}.canvas-run-credit-chip-line{display:block;max-width:100%;color:color-mix(in srgb,var(--success, #4ade80) 85%,var(--text));font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-run-credit-chip-line--warn,.canvas-run-credit-chip--blocked .canvas-run-credit-chip-line{color:color-mix(in srgb,var(--warning, #f59e0b) 90%,var(--text))}.canvas-btn-run--credits-blocked:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warning, #f59e0b) 50%,transparent)}.canvas-run-credit-chip-cta{display:inline-block;margin-top:.25rem;padding:.15rem .55rem;border:1px solid color-mix(in srgb,var(--accent, #5b5ef7) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent, #5b5ef7) 14%,transparent);color:var(--text);font-size:.92em;font-weight:var(--weight-medium);cursor:pointer}.canvas-run-credit-chip-value-hint{display:block;margin-top:.15rem;font-size:.72rem;line-height:1.3;color:var(--text-muted, #8b8b9a)}.canvas-run-credit-chip-cta:hover{border-color:var(--accent, #5b5ef7)}.canvas-run-credit-chip-main{max-width:100%;color:var(--text-secondary);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-run-credit-chip-meta{max-width:100%;font-size:.94em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-run-credit-chip--mobile{flex:1 1 100%;order:10;width:100%;max-width:none;padding:.2rem .15rem 0;font-size:var(--text-xs)}.canvas-floating-toolbar.is-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;width:max-content;max-width:96vw}.canvas-floating-toolbar.is-vertical{flex-direction:column;align-items:stretch;width:min(96vw,11.5rem);max-width:min(96vw,11.5rem);max-height:min(78vh,34rem)}.canvas-floating-toolbar.is-collapsed .canvas-floating-toolbar-body,.canvas-floating-toolbar.is-collapsed .canvas-floating-toolbar-run{display:none}.canvas-floating-toolbar-run{flex-shrink:0;display:flex;align-items:center;padding-left:.4rem;margin-left:.1rem;border-left:1px solid color-mix(in srgb,var(--border) 32%,transparent)}.canvas-floating-toolbar-run-btn{min-height:2.35rem;min-width:4.75rem;padding:.5rem 1.15rem;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.02em;color:#fff;background:var(--gradient-brand);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 36%,transparent);transition:background .15s,box-shadow .15s,transform .12s,opacity .15s}.canvas-floating-toolbar-run-btn:hover:not(:disabled){background:var(--gradient-brand-hover);box-shadow:0 6px 22px color-mix(in srgb,var(--accent) 44%,transparent)}.canvas-floating-toolbar-run-btn:active:not(:disabled){transform:translateY(1px)}.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-run{padding-left:0;padding-top:.4rem;margin-left:0;margin-top:.1rem;border-left:none;border-top:1px solid color-mix(in srgb,var(--border) 32%,transparent)}.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-run-btn{width:100%;min-height:2.5rem}.canvas-floating-toolbar-chrome{display:flex;flex-direction:column;gap:.2rem;flex-shrink:0;padding:.18rem;border-radius:10px;background:color-mix(in srgb,var(--surface-2) 22%,transparent);border:1px solid color-mix(in srgb,var(--border) 28%,transparent);touch-action:none;cursor:grab}.canvas-floating-toolbar-chrome.is-dragging,.canvas-floating-toolbar-chrome:active{cursor:grabbing}.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-chrome{flex-direction:row}.canvas-floating-toolbar-grip,.canvas-floating-toolbar-orient,.canvas-floating-toolbar-toggle{width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:7px;background:transparent;color:color-mix(in srgb,var(--text-muted) 88%,var(--text));font-size:var(--text-xs);line-height:1;cursor:grab;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.canvas-floating-toolbar-grip:active{cursor:grabbing}.canvas-floating-toolbar-grip:hover,.canvas-floating-toolbar-orient:hover,.canvas-floating-toolbar-toggle:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.canvas-floating-toolbar-body{display:flex;flex:1;min-width:0;gap:.4rem}.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-body{flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-items:center;width:max-content;max-width:calc(96vw - 3.5rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-body::-webkit-scrollbar{display:none}.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-pri,.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-core,.canvas-floating-toolbar.is-horizontal .canvas-toolbar-more-sheet,.canvas-floating-toolbar.is-horizontal .canvas-toolbar-more-sheet-inner,.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-group,.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-group-btns{display:contents}.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-divider{display:none}.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-body>.btn,.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-body .btn,.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-body .canvas-list-picker.canvas-workflow-select{flex-shrink:0}.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-body{flex-direction:column;align-items:stretch;overflow-y:auto;overflow-x:hidden;max-height:calc(min(78vh,34rem) - 2.6rem);padding-right:.1rem;scrollbar-width:thin}.canvas-floating-toolbar-pri{display:flex;flex-wrap:nowrap;gap:.3rem;align-items:center;flex-shrink:0}.canvas-floating-toolbar-core{display:inline-flex;flex-wrap:nowrap;gap:.22rem;align-items:center;padding:.15rem;border-radius:10px;background:color-mix(in srgb,var(--surface-2) 18%,transparent)}.canvas-floating-toolbar-divider{flex-shrink:0;align-self:stretch;width:1px;min-height:1.5rem;background:color-mix(in srgb,var(--border) 35%,transparent)}.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-divider{width:auto;height:1px;min-height:0;margin:.1rem 0}.canvas-floating-toolbar-group{display:flex;flex-direction:column;gap:.22rem}.canvas-floating-toolbar-group-label{display:none;margin:0;padding:0 .2rem;font-size:.62rem;font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--text-muted) 75%,transparent);line-height:1.2}.canvas-floating-toolbar-group-btns{display:flex;flex-wrap:nowrap;gap:.22rem;align-items:center}.canvas-floating-toolbar.is-horizontal .canvas-floating-toolbar-group-label{display:none!important}.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-pri,.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-core,.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-group-btns,.canvas-floating-toolbar.is-vertical .canvas-toolbar-more-sheet-inner{flex-direction:column;align-items:stretch}.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-group-label{display:block;margin-top:.15rem}.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-group:first-child .canvas-floating-toolbar-group-label{margin-top:0}.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-pri .btn,.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-core .btn,.canvas-floating-toolbar.is-vertical .canvas-floating-toolbar-group-btns .btn,.canvas-floating-toolbar.is-vertical .canvas-list-picker.canvas-workflow-select{width:100%}.canvas-floating-toolbar.is-horizontal .btn.btn-ghost.btn-sm,.canvas-floating-toolbar.is-horizontal .btn.btn-primary.btn-sm{white-space:nowrap;padding:.24rem .46rem}.canvas-floating-toolbar .btn.btn-ghost.btn-sm{min-height:1.75rem;padding:.26rem .52rem;border-radius:8px;font-size:var(--text-xs);font-weight:var(--weight-semibold);border:1px solid color-mix(in srgb,var(--border) 42%,transparent);background:color-mix(in srgb,var(--surface-2) 32%,transparent);color:var(--text);transition:border-color .15s,background .15s,color .15s}.canvas-floating-toolbar .btn.btn-ghost.btn-sm:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));color:var(--text)}.canvas-floating-toolbar .canvas-list-picker.canvas-workflow-select{min-height:1.75rem;max-width:10.5rem}.canvas-floating-toolbar .canvas-list-picker-trigger{min-height:1.75rem;padding:.26rem .45rem;border-radius:8px;font-size:var(--text-xs);border:1px solid color-mix(in srgb,var(--border) 42%,transparent);background:color-mix(in srgb,var(--surface-2) 28%,transparent)}.canvas-floating-toolbar.is-vertical .canvas-list-picker.canvas-workflow-select{max-width:none}.canvas-floating-toolbar .canvas-toolbar-aux-wide{letter-spacing:.01em}.canvas-side-dock{position:absolute;top:50%;right:.55rem;z-index:14;transform:translateY(-50%);display:flex;flex-direction:column;gap:.28rem;padding:.32rem;border:1px solid color-mix(in srgb,var(--studio-glass-border, var(--border)) 38%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);box-shadow:0 4px 20px color-mix(in srgb,#000 12%,transparent);user-select:none}.canvas-side-dock.is-dragging{transition:none}.canvas-side-dock-grip{width:100%;min-height:1.35rem;padding:.1rem 0;border:none;border-radius:7px;background:transparent;color:color-mix(in srgb,var(--text-muted) 88%,var(--text));font-size:var(--text-xs);line-height:1;cursor:grab;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-side-dock-grip:active,.canvas-side-dock-grip.is-dragging{cursor:grabbing}.canvas-side-dock-grip:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.canvas-side-dock-btn{min-width:2.2rem;padding:.32rem .42rem;border:1px solid color-mix(in srgb,var(--border) 40%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 30%,transparent);color:color-mix(in srgb,var(--text-muted) 90%,var(--text));font:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.canvas-side-dock-btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.canvas-side-dock-btn.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.canvas-side-panel-layer{position:absolute;inset:0;z-index:13;pointer-events:none}.canvas-side-panel-layer:not(.hidden){z-index:18;pointer-events:none}.canvas-studio-viewport:has(#canvas-side-panel-layer:not(.hidden)) .canvas-side-dock{z-index:20;pointer-events:auto}.canvas-side-panel-layer:not(.hidden) .canvas-side-panel-card{pointer-events:auto;z-index:1}.canvas-side-panel-layer.is-inspector-lite{pointer-events:none}.canvas-side-panel-layer.is-inspector-lite .canvas-side-panel-backdrop{display:none}.canvas-side-panel-layer.is-inspector-lite .canvas-side-panel-card{pointer-events:auto}.canvas-side-panel-backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;background:color-mix(in srgb,var(--bg) 25%,transparent);cursor:default;pointer-events:auto}.canvas-side-panel-card{position:absolute;top:.75rem;right:3.75rem;width:min(320px,calc(100% - 4.5rem));min-height:8rem;max-height:calc(100% - 1.5rem);display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--studio-glass-border, var(--border)) 42%,transparent);border-radius:14px;background:var(--bg-elevated);box-shadow:0 12px 40px color-mix(in srgb,#000 16%,transparent);overflow:hidden;pointer-events:auto;transition:top .18s ease,left .18s ease,right .18s ease}.canvas-side-panel-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;border-bottom:1px solid var(--border);flex-shrink:0}.canvas-side-panel-title{font-size:var(--text-sm);font-weight:var(--weight-bold)}.canvas-side-panel-close{width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.canvas-side-panel-close:hover{background:var(--surface-2);color:var(--text)}.canvas-side-panel-body{flex:1;min-height:0;overflow:auto;padding:.65rem;-webkit-overflow-scrolling:touch}.canvas-side-panel-body .canvas-palette,.canvas-side-panel-body .canvas-template-list,.canvas-side-panel-body .canvas-frames-panel,.canvas-side-panel-body .canvas-node-inspector,.canvas-side-panel-body .canvas-bridge-section,.canvas-side-panel-body .canvas-cloud-panel,.canvas-side-panel-body .canvas-run-history-panel,.canvas-side-panel-body .canvas-run-log{margin:0;padding:0;border:none}.canvas-mobile-overlay-portal{position:fixed;inset:0;z-index:200;pointer-events:none}@media(max-width:768px){.layout-canvas .studio-workspace-tabs{flex-shrink:0}.canvas-mobile-overlay-portal.is-canvas-active{display:block}.canvas-mobile-dock{display:flex;flex-shrink:0;align-items:stretch;gap:.35rem;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));border-top:1px solid var(--studio-glass-border, var(--border));background:var(--studio-glass-bg, var(--bg-elevated));backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;z-index:210;pointer-events:auto}.canvas-mobile-dock-btn,#page-canvas .canvas-studio-toolbar .btn,#page-canvas .canvas-studio-toolbar button,#page-canvas .canvas-zoom-controls button,.canvas-toolbar-more-sheet .btn,.canvas-toolbar-more-sheet button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.canvas-mobile-dock-btn{flex:1;min-height:2.35rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer}.canvas-mobile-dock-btn.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.canvas-proposals-entry{bottom:calc(var(--canvas-mobile-overlay-bottom, 4.25rem) + .55rem);left:.55rem;z-index:205}.canvas-studio-shell.is-proposals-open .canvas-side-panel-layer:not(.hidden){display:block;pointer-events:auto;z-index:215}.canvas-studio-shell.is-proposals-open .canvas-side-panel-backdrop{pointer-events:auto;background:color-mix(in srgb,#000 42%,transparent)}.canvas-studio-shell.is-proposals-open .canvas-side-panel-card{position:fixed;left:.55rem;right:.55rem;bottom:calc(var(--canvas-mobile-overlay-bottom, 4.25rem) + .45rem);top:auto;max-height:min(72vh,32rem);width:auto;transform:none!important}.canvas-mobile-backdrop{display:block!important;position:fixed;inset:0;z-index:1;background:var(--overlay);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s;touch-action:none}.canvas-mobile-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease,visibility 0s}.canvas-mobile-backdrop.hidden:not(.is-visible){display:block!important;opacity:0;visibility:hidden;pointer-events:none}.canvas-studio-shell.is-toolbar-more-open .canvas-studio-viewport,.canvas-studio-shell.is-inspector-open .canvas-studio-viewport,.canvas-studio-shell.is-inspector-closing .canvas-studio-viewport{pointer-events:none}.canvas-studio-shell.is-toolbar-more-open .canvas-toolbar-cluster,.canvas-studio-shell.is-toolbar-more-open .canvas-toolbar-cluster>*,.canvas-studio-shell.is-inspector-open .canvas-toolbar-cluster,.canvas-studio-shell.is-inspector-open .canvas-toolbar-cluster>*,.canvas-studio-shell.is-inspector-closing .canvas-toolbar-cluster,.canvas-studio-shell.is-inspector-closing .canvas-toolbar-cluster>*,.canvas-studio-shell.is-toolbar-more-open .canvas-mobile-dock,.canvas-studio-shell.is-inspector-open .canvas-mobile-dock,.canvas-studio-shell.is-inspector-closing .canvas-mobile-dock,.canvas-studio-shell.is-toolbar-more-open .canvas-viewport-overlay,.canvas-studio-shell.is-toolbar-more-open .canvas-viewport-overlay>*,.canvas-studio-shell.is-inspector-open .canvas-viewport-overlay,.canvas-studio-shell.is-inspector-open .canvas-viewport-overlay>*,.canvas-studio-shell.is-inspector-closing .canvas-viewport-overlay,.canvas-studio-shell.is-inspector-closing .canvas-viewport-overlay>*{pointer-events:auto}.canvas-toolbar-more-btn{display:inline-flex}.canvas-toolbar-more-sheet{display:block;position:fixed;left:0;right:0;bottom:var(--canvas-mobile-overlay-bottom, 3.15rem);z-index:3;max-height:min(58vh,380px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.55rem .55rem .7rem;border-top:1px solid var(--border);border-radius:14px 14px 0 0;background:var(--bg);box-shadow:0 -16px 48px color-mix(in srgb,var(--bg) 55%,transparent);touch-action:manipulation;transform:translate3d(0,110%,0);visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility .28s}.canvas-mobile-overlay-portal.is-toolbar-more-open .canvas-toolbar-more-sheet{transform:translateZ(0);visibility:visible;pointer-events:auto}.canvas-toolbar-more-sheet-inner{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-start}.canvas-toolbar-more-sheet-inner .btn{flex:1 1 calc(50% - .2rem);min-width:7.5rem;justify-content:center}.canvas-toolbar-more-sheet-inner .canvas-floating-toolbar-group{flex:1 1 100%;flex-direction:column;gap:.3rem}.canvas-toolbar-more-sheet-inner .canvas-floating-toolbar-group:after{display:none}.canvas-toolbar-more-sheet-inner .canvas-floating-toolbar-group-label{display:block;font-size:var(--text-2xs);margin:0}.canvas-toolbar-more-sheet-inner .canvas-floating-toolbar-group-btns{display:flex;flex-wrap:wrap;gap:.35rem}.canvas-studio-toolbar{flex-wrap:wrap;align-items:center;padding:.4rem .5rem;gap:.35rem;flex-shrink:0;position:relative;z-index:210;pointer-events:auto}#page-canvas .canvas-run-credit-chip--mobile{margin-top:.05rem}.canvas-studio-toolbar-start{flex:0 1 auto;min-width:0}.canvas-studio-title,.canvas-graph-meta{display:none}.canvas-graph-name{max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.canvas-studio-toolbar-actions{flex:1 1 0;min-width:0;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.3rem;overflow:visible}#canvas-toolbar-mobile-slot .canvas-floating-toolbar-run-btn{flex-shrink:0;min-height:2rem;min-width:3.6rem;padding:.38rem .9rem;font-size:var(--text-xs)}.canvas-studio-toolbar.is-more-open .canvas-toolbar-more-btn{border-color:var(--accent);color:var(--accent)}.canvas-studio-work{flex:1 1 0;min-height:0;min-width:0;overflow:visible;position:relative}.canvas-studio-body{flex:1 1 0;min-height:0;min-width:0;overflow:hidden;order:1}.canvas-studio-viewport{flex:1 1 0;min-height:0}.canvas-viewport-overlay{right:.45rem;bottom:.45rem}.canvas-zoom-controls{flex-wrap:wrap;max-width:calc(100vw - 1.5rem);gap:.15rem;padding:.2rem .28rem}.canvas-zoom-btn-text#canvas-snap-toggle,.canvas-minimap{display:none}.canvas-studio-inspector{position:fixed;left:0;right:0;bottom:var(--canvas-mobile-overlay-bottom, 3.15rem);z-index:2;width:100%;max-width:none;max-height:min(72vh,520px);border-left:none;border-top:1px solid var(--border);border-radius:14px 14px 0 0;background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 -16px 48px color-mix(in srgb,var(--bg) 55%,transparent);pointer-events:none;visibility:hidden;transform:translate3d(0,100%,0);transition:transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s;will-change:transform;touch-action:pan-y;padding-bottom:.75rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.canvas-mobile-overlay-portal.is-inspector-open:not(.is-inspector-closing) .canvas-studio-inspector,.canvas-studio-shell.is-inspector-open:not(.is-inspector-closing) .canvas-studio-inspector{transform:translateZ(0);visibility:visible;pointer-events:auto;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility 0s}.canvas-mobile-overlay-portal.is-inspector-closing .canvas-studio-inspector,.canvas-studio-shell.is-inspector-closing .canvas-studio-inspector{transform:translate3d(0,100%,0);visibility:visible;pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1)}.canvas-mobile-overlay-portal.is-canvas-active.is-inspector-open,.canvas-mobile-overlay-portal.is-canvas-active.is-inspector-closing,.canvas-mobile-overlay-portal.is-canvas-active.is-toolbar-more-open{pointer-events:none}.canvas-mobile-overlay-portal.is-inspector-open .canvas-mobile-backdrop.is-visible,.canvas-mobile-overlay-portal.is-inspector-open:not(.is-inspector-closing) .canvas-studio-inspector,.canvas-mobile-overlay-portal.is-inspector-closing .canvas-mobile-backdrop.is-visible,.canvas-mobile-overlay-portal.is-toolbar-more-open .canvas-mobile-backdrop.is-visible,.canvas-mobile-overlay-portal.is-toolbar-more-open .canvas-toolbar-more-sheet{pointer-events:auto}.canvas-mobile-overlay-portal.is-inspector-focus-settings .canvas-palette,.canvas-mobile-overlay-portal.is-inspector-focus-settings .canvas-template-list,.canvas-mobile-overlay-portal.is-inspector-focus-settings .canvas-cloud-panel,.canvas-mobile-overlay-portal.is-inspector-focus-settings .canvas-bridge-section,.canvas-mobile-overlay-portal.is-inspector-focus-settings .canvas-run-history-panel{display:none}.canvas-mobile-overlay-portal.is-inspector-focus-settings #canvas-node-inspector:not(.hidden),.canvas-mobile-overlay-portal.is-inspector-focus-settings #canvas-run-log:not(.hidden),.canvas-studio-shell.is-inspector-focus-settings #canvas-node-inspector:not(.hidden),.canvas-studio-shell.is-inspector-focus-settings #canvas-run-log:not(.hidden){display:block}.canvas-mobile-overlay-portal.is-inspector-focus-palette .canvas-node-inspector,.canvas-mobile-overlay-portal.is-inspector-focus-palette .canvas-run-log{display:none!important}}@media(min-width:769px){.studio-workspace-tabs{display:none}.canvas-studio-toolbar{flex-wrap:nowrap;padding:.4rem .65rem}.canvas-studio-work{position:relative}.canvas-studio-body{flex:1;position:relative}.canvas-floating-toolbar,.canvas-toolbar-cluster{display:flex}.canvas-floating-toolbar.is-horizontal{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.canvas-floating-toolbar.is-horizontal::-webkit-scrollbar{display:none}.canvas-side-dock{display:flex}.canvas-side-panel-layer:not(.hidden){display:block}.canvas-studio-inspector{display:none!important}.canvas-toolbar-more-btn{display:none}.canvas-toolbar-more-sheet{display:flex;position:static;transform:none!important;visibility:visible!important;pointer-events:auto!important;max-height:none;overflow:visible;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;background:transparent}.canvas-floating-toolbar.is-horizontal .canvas-toolbar-more-sheet-inner{display:flex;flex-wrap:nowrap;gap:.22rem;align-items:center}.canvas-floating-toolbar.is-horizontal .canvas-toolbar-more-sheet-inner .btn{flex:0 0 auto;min-width:0}.canvas-floating-toolbar.is-vertical .canvas-toolbar-more-sheet-inner{flex-direction:column;align-items:stretch;gap:.35rem}.canvas-toolbar-cluster.is-dragging,.canvas-floating-toolbar.is-dragging,.canvas-side-dock.is-dragging,.canvas-side-panel-card{transition:none}}#view-app{--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-card: 0px}#view-app :where(.app-header,.app-body,.main-panel,.studio-workspace-tabs,.studio-workspace-tab,.nav-feature-btn,.page,.btn,input:not([type=checkbox]):not([type=radio]),textarea,select,.header-studio-popover,.model-plaza-card,.model-plaza-page,.model-plaza-content,.free-tools-card,[role=dialog]){border-radius:0!important}.pricing-promo-line{text-align:center;margin:0 0 1rem;color:var(--text-muted);font-size:var(--text-base)}.pricing-promo-line strong{color:var(--accent)}.pricing-cta-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.25rem}.site-nav .site-nav-link{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.site-nav .site-nav-link:hover{color:var(--accent)}#view-plans{min-height:100vh;min-height:100dvh;display:flex;max-width:100vw;overflow-x:hidden;flex-direction:column}.plans-page-main{flex:1;max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem;width:100%}.plans-page-hero{text-align:center;margin-bottom:2rem}.plans-page-hero h1{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.75rem);margin:.5rem 0 .75rem;line-height:1.2}.plans-page-hero .lead{max-width:720px;margin-left:auto;margin-right:auto}.plans-payment-banner{max-width:720px;margin:1rem auto 0;padding:.65rem 1rem;font-size:var(--text-base);line-height:1.45;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:10px}.plans-page-section{margin-bottom:2.5rem}.plans-page-section h2{font-size:var(--text-xl);margin:0 0 .5rem}.plans-grid-page{margin-top:1rem;gap:1.1rem}@media(min-width:1200px){.plans-grid-page{grid-template-columns:repeat(5,minmax(0,1fr))}}.plans-credits-intro-wrap{margin-bottom:1.25rem}.billing-modal-loading{text-align:center;padding:1.5rem .5rem;color:var(--text-muted)}.plan-card-free-tier{--plan-accent: #22c55e}.plan-card-free-tier .plan-card-price span{font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:#16a34a}.plan-current-box-lg{padding:1.1rem 1.25rem}.plans-notes-list.billing-notes-cards,.account-aside-notes-list.billing-notes-cards,.account-modal-billing-notes.billing-notes-cards{display:flex;flex-direction:column;gap:.55rem;margin:0 0 1.25rem;padding:0;list-style:none;color:var(--text-muted);font-size:var(--text-base);line-height:1.5}.billing-note-card{display:flex;align-items:flex-start;gap:.7rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--surface) 88%,var(--bg))}.billing-note-card-icon{flex-shrink:0;width:1.35rem;height:1.35rem;margin-top:.1rem;color:var(--accent)}.billing-note-card-icon svg{width:100%;height:100%}.billing-note-card-text{min-width:0;flex:1}.billing-note-card-title{margin:0 0 .15rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.billing-note-card-body{margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--text-muted)}.billing-note-detail{margin-top:.35rem}.billing-note-detail-summary{cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--accent);list-style:none}.billing-note-detail-summary::-webkit-details-marker{display:none}.billing-note-detail-body{margin:.4rem 0 0;font-size:var(--text-xs);line-height:1.5;color:var(--text-muted)}.plans-credits-intro{margin-bottom:1.25rem}.plans-credits-intro-lead{margin:0 0 .75rem;color:var(--text-muted);font-size:var(--text-base);line-height:1.55}.plans-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.plans-intro-card{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .8rem;border:1px solid var(--border);border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--surface) 90%,var(--bg))}.plans-intro-card-icon{flex-shrink:0;width:1.4rem;height:1.4rem;margin-top:.05rem;color:var(--accent)}.plans-intro-card-icon svg{width:100%;height:100%}.plans-intro-card-text{min-width:0}.plans-intro-card-title{margin:0 0 .2rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.plans-intro-card-body{margin:0;font-size:var(--text-xs);line-height:1.45;color:var(--text-muted)}.plan-current-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 .25rem}.plan-current-chip{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:4px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2, var(--surface)) 80%,transparent);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text);white-space:nowrap}.plan-current-meta--total{font-weight:var(--weight-semibold);color:var(--text)}.plan-current-meta--foot{font-size:var(--text-xs);opacity:.9}.plans-pools-list{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}.plans-model-pricing-section{padding:1.35rem 1.5rem 1.65rem;background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 7%,var(--surface)) 0%,var(--surface) 38%,var(--surface) 100%);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:calc(var(--radius) + 4px);box-shadow:0 1px color-mix(in srgb,var(--accent) 14%,transparent) inset,0 14px 42px color-mix(in srgb,var(--accent) 7%,transparent)}.plans-model-pricing-section h2{margin-bottom:.35rem;letter-spacing:var(--tracking-tight)}.plans-model-pricing-section .section-desc{margin-bottom:1.25rem;max-width:52rem;line-height:1.65}.plans-model-pricing-root{margin-top:.5rem;min-width:0;max-width:100%}.plans-pricing-stack{display:flex;flex-direction:column;gap:1.15rem;min-width:0;max-width:100%}.plans-pricing-block{padding:1rem 1.1rem;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 42%,var(--surface))}.plans-pricing-block--chips{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),color-mix(in srgb,var(--surface-2) 55%,var(--surface)))}.plans-pricing-block--table{padding:1.1rem 1.15rem 1.25rem;background:var(--surface);min-width:0;max-width:100%}.plans-pricing-chip-kicker{margin:0 0 .35rem;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light)}.plans-pricing-chip-lead{margin:0 0 .75rem;font-size:var(--text-sm);color:var(--text-muted);line-height:1.55}.plans-pricing-detail{margin:0;font-size:var(--text-sm);color:var(--text-muted);padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 50%,var(--surface))}.plans-pricing-detail summary{cursor:pointer;font-weight:var(--weight-semibold);color:var(--accent);list-style:none}.plans-pricing-detail summary::-webkit-details-marker{display:none}.plans-pricing-detail-body{margin:.65rem 0 0;line-height:1.6}.plans-pricing-detail-body+.plans-pricing-detail-body{margin-top:.45rem}.plans-pricing-detail-muted{font-size:var(--text-sm);opacity:.9}.plans-pricing-bases{display:flex;flex-wrap:wrap;gap:.5rem .55rem;margin:0}.plans-pricing-base-chip{display:inline-flex;flex-direction:column;gap:.12rem;font-size:var(--text-sm);padding:.45rem .72rem;border-radius:calc(var(--radius-sm) + 2px);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));color:var(--text-muted);min-width:7.5rem;transition:border-color .15s,transform .15s}.plans-pricing-base-chip:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-1px)}.plans-pricing-base-chip-label{color:var(--text);font-weight:var(--weight-semibold);font-size:var(--text-xs)}.plans-pricing-base-chip-value{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--accent-light) 75%,var(--text))}.plans-pricing-tabs-shell{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:.28rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));width:fit-content;max-width:100%}.plans-pricing-tab{font-size:var(--text-sm);padding:.42rem .85rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.plans-pricing-tab:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 6%,transparent)}.plans-pricing-tab.active{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--gradient-brand);color:var(--btn-on-accent-fg, var(--text-primary));font-weight:var(--weight-semibold);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 28%,transparent)}.plans-pricing-panel{margin:0;min-width:0;max-width:100%}.plans-pricing-chat-panel{min-width:0;max-width:100%}.plans-pricing-table-hint{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--text-muted)}.plans-pricing-table-wrap{position:relative;margin-top:.15rem;min-width:0;max-width:100%}.plans-pricing-table-card{border-radius:calc(var(--radius-sm) + 2px);border:1px solid var(--border);background:var(--bg-elevated, var(--surface));box-shadow:inset 0 1px color-mix(in srgb,#fff 5%,transparent);max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom}.plans-pricing-table-card:after{content:"";position:sticky;right:0;top:0;bottom:0;width:1.25rem;margin-left:-1.25rem;float:right;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 92%,transparent))}.plans-pricing-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:var(--text-base)}.plans-pricing-table--wide{min-width:960px}.plans-pricing-tokens,.plans-pricing-rates{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.plans-pricing-table th,.plans-pricing-table td{padding:.58rem .75rem;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);vertical-align:middle}.plans-pricing-table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap;letter-spacing:.02em}.plans-pricing-table th.plans-pricing-th-num,.plans-pricing-table .plans-pricing-credits,.plans-pricing-table .plans-pricing-meta{text-align:right}.plans-pricing-table th.plans-pricing-th-pool,.plans-pricing-table .plans-pricing-plan{text-align:center}.plans-pricing-row{border-left:3px solid transparent;transition:background .15s ease,border-color .15s ease}.plans-pricing-row--free{--plans-row-accent: var(--text-muted)}.plans-pricing-row--economy{--plans-row-accent: var(--accent-secondary)}.plans-pricing-row--flagship{--plans-row-accent: var(--accent)}.plans-pricing-row--ultra{--plans-row-accent: var(--accent-lighter)}.plans-pricing-row:hover{background:color-mix(in srgb,var(--plans-row-accent, var(--accent)) 7%,transparent);border-left-color:color-mix(in srgb,var(--plans-row-accent, var(--accent)) 55%,transparent)}.plans-pricing-model-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.plans-pricing-model-name{font-weight:var(--weight-semibold);color:var(--text);line-height:1.35}.plans-pricing-num{font-variant-numeric:tabular-nums;white-space:nowrap}.plans-pricing-plan{font-size:var(--text-sm);white-space:nowrap}.plans-pool-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .55rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.plans-pool-badge--promo{color:var(--success);background:var(--success-muted);border-color:color-mix(in srgb,var(--success) 28%,var(--border))}.plans-pool-badge--trial{color:var(--accent-light);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.plans-pool-badge--paid-only{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent);border-color:color-mix(in srgb,var(--warning) 30%,var(--border))}.plans-pool-badge--muted{color:var(--text-muted);background:var(--surface-2);border-color:var(--border)}.plans-credit-value{display:inline-block;font-weight:var(--weight-bold);font-size:var(--text-md);font-variant-numeric:tabular-nums;color:var(--text);line-height:1.2}.plans-credit-value--free{color:var(--success)}.plans-credit-value--muted{color:var(--text-muted);font-weight:var(--weight-medium)}.plans-pricing-tier{display:inline-flex;align-items:center;font-size:var(--text-2xs);padding:.14rem .48rem;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:var(--weight-semibold);letter-spacing:.02em;white-space:nowrap}.plans-pricing-tier--free{color:var(--text-muted);background:color-mix(in srgb,var(--surface-2) 80%,var(--surface));border-color:var(--border)}.plans-pricing-tier--economy{color:var(--accent-secondary);background:var(--accent-secondary-muted);border-color:color-mix(in srgb,var(--accent-secondary) 30%,var(--border))}.plans-pricing-tier--flagship{color:var(--accent-light);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.plans-pricing-tier--ultra{color:var(--accent-lighter);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent-lighter) 12%,transparent));border-color:color-mix(in srgb,var(--accent-lighter) 35%,var(--border))}.plans-pricing-subtabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .9rem;padding:.22rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 65%,var(--surface));width:fit-content;max-width:100%}.plans-pricing-subtab{padding:.32rem .72rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.plans-pricing-subtab:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 6%,transparent)}.plans-pricing-subtab.active{border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--btn-on-accent-fg, var(--text-primary));background:var(--gradient-brand);font-weight:var(--weight-semibold)}.plans-pricing-subhead{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.85rem}.plans-billing-badge{align-self:flex-start;padding:.22rem .62rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em}.plans-billing-badge--token{color:var(--accent-secondary);background:var(--accent-secondary-muted);border:1px solid color-mix(in srgb,var(--accent-secondary) 28%,var(--border))}.plans-billing-badge--per_image{color:var(--success);background:var(--success-muted);border:1px solid color-mix(in srgb,var(--success) 28%,var(--border))}.plans-billing-badge--per_second{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border))}.plans-billing-badge--per_request{color:var(--accent-lighter);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.plans-pricing-table--compact{min-width:640px}@media(min-width:769px){.plans-pricing-table-card{overflow-x:visible;touch-action:auto}.plans-pricing-table-card:after{display:none}.plans-pricing-table.plans-pricing-table--compact{width:100%;min-width:0;table-layout:fixed}.plans-pricing-table--compact .plans-pricing-th-model,.plans-pricing-table--compact .plans-pricing-model-cell{width:30%}.plans-pricing-table--compact .plans-pricing-th-num,.plans-pricing-table--compact .plans-pricing-credits{width:12%}.plans-pricing-table--compact th:nth-child(3),.plans-pricing-table--compact td:nth-child(3){width:20%}.plans-pricing-table--compact th:nth-child(4),.plans-pricing-table--compact td:nth-child(4){width:22%}.plans-pricing-table--compact .plans-pricing-th-pool,.plans-pricing-table--compact .plans-pricing-plan{width:16%}.plans-pricing-model-cell,.plans-pricing-tokens-cell,.plans-pricing-rates-cell{min-width:0}}.plans-pricing-model-cell{min-width:11rem;padding-left:1rem}.plans-pricing-model-cell .plans-pricing-tier{flex-shrink:0}.plans-pricing-credits .plans-pricing-unit{display:block;margin-top:.12rem;font-size:var(--text-2xs);color:var(--text-muted);font-weight:var(--weight-medium);text-align:inherit}.plans-pricing-tokens-cell,.plans-pricing-rates-cell{min-width:8.5rem}.plans-token-pill{display:inline-flex;align-items:center;padding:.12rem .42rem;margin:.08rem .18rem .08rem 0;border-radius:999px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.plans-token-pill--in{color:var(--accent-secondary);background:var(--accent-secondary-muted);border:1px solid color-mix(in srgb,var(--accent-secondary) 24%,var(--border))}.plans-token-pill--out{color:var(--success);background:var(--success-muted);border:1px solid color-mix(in srgb,var(--success) 24%,var(--border))}.plans-token-pill--muted{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border)}.plans-rates-line{display:block;font-size:var(--text-xs);line-height:1.45;color:var(--text-secondary);font-variant-numeric:tabular-nums}.plans-rates-line--muted{color:var(--text-muted)}.plans-pricing-empty{text-align:center;color:var(--text-muted);padding:1.25rem!important}.plans-pricing-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface-2) 28%,transparent)}.plans-pricing-table thead th{position:sticky;top:0;z-index:1;background:color-mix(in srgb,var(--surface-2) 88%,var(--bg-elevated, var(--surface)));border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:0 1px color-mix(in srgb,var(--border) 80%,transparent)}.plans-pricing-th-model,.plans-pricing-table tbody td:first-child{padding-left:1rem}.plans-page-notes{padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:1rem;align-items:stretch}.plans-grid-account{margin-top:1rem}.plan-card{position:relative;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 2px #0000000a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.plan-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 8px 24px #0000000f}.plan-card.current{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 10px 28px color-mix(in srgb,var(--accent) 12%,transparent)}.plan-card-header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--plan-accent, var(--accent)) 8%,var(--surface)) 0%,var(--surface) 100%)}.plan-card-body{flex:1;display:flex;flex-direction:column;gap:.65rem;padding:.75rem 1rem .85rem}.plan-card-footer{padding:0 1rem 1rem;margin-top:auto}.plan-card-block{margin:0}.plan-card-block+.plan-card-block{padding-top:.65rem;border-top:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.plan-card-block-label{margin:0 0 .4rem;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.plan-card-stat{margin:0;font-size:var(--text-base);line-height:1.35;color:var(--text)}.plan-card-stat-primary{font-size:var(--text-md);font-weight:var(--weight-extrabold);color:var(--plan-accent, var(--accent))}.plan-card-stat-hint{margin:.25rem 0 0;font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.35;color:var(--text-muted)}.plan-card-chips{display:flex;flex-wrap:wrap;gap:.35rem}.plan-card-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1.2;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.plan-card-limit-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.plan-card-limit-item{display:flex;flex-direction:column;gap:.1rem;padding:.4rem .45rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid color-mix(in srgb,var(--border) 90%,transparent);min-width:0}.plan-card-limit-label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-muted);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card-limit-value{font-size:var(--text-base);font-weight:var(--weight-extrabold);color:var(--text);line-height:1.1}.plan-card-limit-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.plan-card-block-usage .plan-card-block-label{color:var(--accent)}.plan-card-usage{display:flex;flex-direction:column;gap:.45rem}.plan-card-usage-mixed{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text);padding:.45rem .5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.plan-card-usage-mixed strong{color:var(--accent);font-weight:var(--weight-extrabold)}.plan-card-usage-sub{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted)}.plan-card-usage-list{margin:0;padding:0 0 0 1rem;font-size:var(--text-sm);line-height:1.45;color:var(--text-muted)}.plan-card-usage-list li+li{margin-top:.2rem}.plan-card-usage-foot{margin:0;font-size:var(--text-2xs);line-height:1.4;color:var(--text-muted)}.plan-card-usage-pack{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}.plan-current-usage{color:var(--text)!important;font-weight:var(--weight-semibold)}.plan-card-block-desc .plan-card-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.55}.plan-card-feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.plan-card-feature-item{display:flex;flex-direction:column;gap:.3rem}.plan-card-feature-name{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text)}.plan-card-model-chips{display:flex;flex-wrap:wrap;gap:.28rem}.plan-card-model-chip{display:inline-block;max-width:100%;padding:.15rem .42rem;font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:1.35;border-radius:6px;background:color-mix(in srgb,var(--plan-accent, var(--accent)) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--plan-accent, var(--accent)) 22%,var(--border));color:var(--text);word-break:break-word}.plan-card-model-chip.is-empty{opacity:.55}.plan-card-title-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.35rem}.plan-card .plan-card-name{font-size:var(--text-lg);font-weight:var(--weight-extrabold);margin:0;letter-spacing:-.02em}.plan-card-marketing{font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:.14rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--plan-accent, var(--accent)) 18%,transparent);color:var(--plan-accent, var(--accent));border:1px solid color-mix(in srgb,var(--plan-accent, var(--accent)) 28%,transparent)}.plan-card .plan-card-price{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--plan-accent, var(--accent));margin:0;line-height:1.15;letter-spacing:-.02em}.plan-card .plan-card-price span{display:block;margin-top:.2rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);letter-spacing:0}.plan-card-free{--plan-accent: #16a34a}.plan-card-starter{--plan-accent: #2563eb}.plan-card-pro{--plan-accent: #7c3aed}.plan-card-enterprise{--plan-accent: #ea580c}.plan-card-credits{--plan-accent: #0d9488}.plan-card-tag-pack{background:color-mix(in srgb,var(--plan-accent) 88%,#14b8a6)}.plan-card .plan-card-tag{position:absolute;top:.65rem;right:.65rem;z-index:1;font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:.18rem .5rem;border-radius:999px;background:var(--plan-accent, var(--accent));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--plan-accent, var(--accent)) 35%,transparent)}.plan-current-box{padding:.85rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);--plan-accent: var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--plan-accent) 12%,var(--surface)) 0%,color-mix(in srgb,var(--plan-accent) 5%,var(--surface-2)) 55%,var(--surface-2) 100%);border-color:color-mix(in srgb,var(--plan-accent) 28%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--plan-accent) 10%,transparent),0 6px 20px color-mix(in srgb,var(--plan-accent) 8%,transparent)}.plan-current-box-free{--plan-accent: #16a34a}.plan-current-box-starter{--plan-accent: #2563eb}.plan-current-box-pro{--plan-accent: #7c3aed}.plan-current-box-enterprise{--plan-accent: #ea580c}.plan-current-box .plan-current-title{font-size:var(--text-xl);font-weight:var(--weight-extrabold);margin:0 0 .35rem;color:color-mix(in srgb,var(--plan-accent) 72%,var(--text))}.plan-current-box .plan-current-meta{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.5}.plan-usage-hint{font-size:var(--text-sm);color:var(--text-muted);margin:.65rem 0 0;line-height:1.45}.plan-card .plan-card-cta{width:100%;margin:0;cursor:pointer}.plan-card .plan-card-cta.btn-ghost{color:var(--text);border-color:var(--border)}@media(max-width:640px){#btn-header-upgrade{display:none}}.app-body{flex:1;display:flex;min-height:0;position:relative}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar,.main-panel,.page,.app-header,.studio-workspace-tabs,.history-list{background:var(--bg-elevated);border-color:var(--border)}.app-header,.sidebar-header,.studio-workspace-tabs{border-radius:0}.app-header,.sidebar-header{box-shadow:none}.sidebar-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;gap:.5rem}.sidebar-header .btn{flex:1}.history-list{flex:1;overflow-y:auto;padding:.5rem}.history-item{display:block;width:100%;text-align:left;padding:.65rem .75rem;margin-bottom:.25rem;border:1px solid transparent;border-radius:0;background:transparent;cursor:pointer;color:var(--text)}.history-item:hover{background:var(--surface-2)}.history-item.active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.history-item .title{font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item .meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:.15rem}.main-panel{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.main-panel{--workspace-radius: 0px}.main-panel .studio-workspace-tabs,.main-panel .page,#view-app .studio-workspace-tab,#view-app .nav-feature-btn,#view-app .btn,#view-app input,#view-app textarea,#view-app select,#view-app .header-studio-popover,#view-app .studio-workspace-tabs{border-radius:0}#view-app .studio-workspace-tab,#view-app .nav-feature-btn{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}#page-chat :where(.studio-cap-group-btn,.studio-cap-btn,.studio-cap-chip,.studio-cap-popover,.studio-cap-popover--sheet,.model-picker-trigger,.model-picker-menu,.model-picker-option,.model-picker-detail,.chat-composer,.chat-composer-inner,.composer-bottom-bar,.chat-attach-preview,.chat-input,.chat-message,.studio-seg-btn){border-radius:0!important}#page-chat :where(.studio-cap-group-btn:hover,.studio-cap-btn:hover,.studio-cap-chip:hover,.model-picker-trigger:hover){border-radius:0!important}#page-canvas :where(.canvas-studio-toolbar,.canvas-floating-toolbar,.canvas-floating-toolbar-chrome,.canvas-floating-toolbar-body,.canvas-floating-toolbar-core,.canvas-floating-toolbar-more-sheet,.canvas-toolbar-more-sheet-inner,.canvas-toolbar-cluster,.canvas-viewport-overlay,.canvas-zoom-controls,.canvas-side-dock,.canvas-side-panel-card,.canvas-side-panel-card-head,.canvas-side-panel-body,.canvas-studio-inspector,.canvas-side-panel-layer,.canvas-palette,.canvas-template-list,.canvas-cloud-panel,.canvas-list-picker-menu,.canvas-list-picker-trigger,.canvas-node,.canvas-node-header,.canvas-node-body,.canvas-node-setting,.canvas-proposals-item,.canvas-frames-panel,.canvas-frame-crumb,.canvas-zoom-btn,.canvas-max-concurrency-select,button,input,select,textarea,[role=dialog],[role=listbox],[role=option]){border-radius:0!important}#page-canvas :where(.canvas-groups-layer,.canvas-acos-frame){border-radius:0!important}#page-canvas :where(.canvas-group-frame,.canvas-group-bar,.canvas-acos-frame-label,.canvas-frames-panel,.canvas-proposals-item,.canvas-node-upload-btn,.canvas-node-upload-primary-btn,.canvas-node-upload-replace-btn,.canvas-node-upload-dropzone,.canvas-node-preview-media,.canvas-node-preview-img,.canvas-node-preview-video,.canvas-node-preview-audio,.canvas-inspector-guide,.canvas-inspector-next-step,.canvas-inspector-lineage,.canvas-inspector-settings,.canvas-inspector-empty-hint,.canvas-inspector-select,.canvas-inspector-input,.canvas-upload-persist-card,.canvas-preview-expand-inner,.canvas-image-lightbox-inner,button,input,textarea,select){border-radius:0!important}#page-canvas .canvas-node-upload-primary-btn:before{border-radius:0!important}#page-canvas :where(.canvas-studio-toolbar,.canvas-floating-toolbar,.canvas-floating-toolbar-chrome,.canvas-floating-toolbar-body,.canvas-toolbar-cluster,.canvas-zoom-controls,.canvas-side-dock,.canvas-side-panel-card,.canvas-side-panel-card-head,.canvas-side-panel-body,.canvas-studio-inspector,.canvas-side-panel-layer,.canvas-palette,.canvas-template-list,.canvas-cloud-panel,.canvas-node,.canvas-node-header,.canvas-node-body,.canvas-node-setting,.canvas-node-bypass,.canvas-node-preview-media,.canvas-proposals-item,.canvas-frames-panel,.canvas-list-picker-menu,.canvas-list-picker-trigger){border-radius:0!important;box-shadow:var(--shadow-subtle)!important}#page-canvas :where(.canvas-studio-toolbar,.canvas-floating-toolbar,.canvas-side-dock,.canvas-side-panel-card,.canvas-studio-inspector,.canvas-palette,.canvas-template-list,.canvas-cloud-panel,.canvas-node){background:var(--surface)!important;border-color:var(--border)!important}#page-canvas :where(.canvas-node.is-selected,.canvas-node.is-connecting,.canvas-node-bypass.is-active,.canvas-side-dock-btn.is-active,.canvas-view-mode-btn.is-active){border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)!important}.page{flex:1;display:none;flex-direction:column;min-height:0}.page.active{display:flex}.chat-studio-layout{display:flex;flex:1;min-height:0;min-width:0;position:relative}.chat-history-overlay{display:none;position:fixed;inset:0;z-index:48;background:var(--overlay);pointer-events:none}.chat-history-overlay.is-open{display:block;pointer-events:auto}.chat-history-rail{--chat-history-w: 232px;width:var(--chat-history-w);position:fixed;left:0;top:var(--header-h);bottom:env(safe-area-inset-bottom,0px);z-index:49;transform:translate(calc(-100% - 8px));transition:transform .22s ease,visibility .22s ease;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--bg)}@media(min-width:769px){.chat-history-rail:not(.is-open){visibility:hidden;pointer-events:none}.chat-history-rail.is-open{transform:translate(0);visibility:visible;pointer-events:auto}}.chat-history-rail.is-open{transform:translate(0)}.chat-studio-layout.is-history-open .chat-studio-main{pointer-events:none}.chat-history-rail-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.chat-history-rail-title{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.chat-history-rail-close{display:block;border:none;background:transparent;color:var(--text-muted);font-size:var(--text-xl);line-height:1;cursor:pointer;padding:.1rem .25rem}.chat-history-rail-close:hover{color:var(--text)}.chat-history-rail-actions{display:flex;gap:.45rem;padding:.55rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.chat-history-rail-actions .btn{flex:1}.chat-history-rail .history-list{flex:1;min-height:0;overflow-y:auto;padding:.45rem}.layout-models-plaza .chat-studio-main,.layout-models-plaza .chat-history-rail{display:none!important}.layout-models-plaza #page-chat .chat-studio-layout{flex:1;min-height:0}.model-plaza-page{flex:1;min-width:0;min-height:0;width:100%;display:none;flex-direction:column;background:var(--bg);overflow:hidden}.layout-models-plaza .model-plaza-page:not(.hidden){display:flex}.model-plaza-page-head{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.85rem 1.25rem;padding:.85rem 1.25rem .75rem;background:transparent}.model-plaza-page-head-main{display:flex;align-items:flex-start;gap:.65rem;min-width:0}.model-plaza-page-back{flex-shrink:0;margin-top:.15rem}.model-plaza-page-title{margin:0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:var(--weight-bold);line-height:1.2}.model-plaza-page-sub{margin:.25rem 0 0;font-size:var(--text-sm);color:var(--text-muted)}.model-plaza-search-wrap{flex:1 1 220px;max-width:360px;min-width:min(100%,220px)}.model-plaza-search{width:100%;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:.65rem;background:color-mix(in srgb,var(--bg-elevated, var(--bg)) 88%,transparent);color:var(--text);font-size:var(--text-sm);padding:.55rem .7rem}.model-plaza-search:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow-accent-focus)}.model-plaza-filters{flex-shrink:0;display:grid;gap:.35rem;padding:0 1.25rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.model-plaza-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0}.model-plaza-filter-row--vendor{padding-top:.15rem;border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent)}.model-plaza-filter-label{flex:0 0 auto;margin-right:.15rem;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal)}.model-plaza-cap-filter{display:inline-flex;align-items:center;padding:.38rem .78rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;cursor:pointer;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.model-plaza-cap-filter:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--text)}.model-plaza-cap-filter.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}.model-plaza-cap-filter:focus-visible{outline:none;box-shadow:var(--glow-accent-focus)}.model-plaza-content{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:.85rem 1.25rem 2rem;display:flex;flex-direction:column;gap:1.75rem;align-items:stretch}.model-plaza-content[aria-busy=true]{opacity:.85}.model-plaza-category{min-width:0;display:flex;flex-direction:column;gap:.65rem}.model-plaza-category-title{margin:0;padding:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;text-align:left;color:color-mix(in srgb,var(--text-muted) 88%,var(--text))}.model-plaza-category-body{display:flex;flex-direction:column;gap:.5rem;padding:0;overflow:visible}.model-plaza-lane{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.model-plaza-lane:last-child{margin-bottom:0}.model-plaza-subsection{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.55rem}.model-plaza-subsection:last-child{margin-bottom:0}.model-plaza-lane-label,.model-plaza-section-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em;color:var(--text-muted);margin:.55rem 0 .35rem}.model-plaza-lane:first-child .model-plaza-lane-label{margin-top:0}.model-plaza-section-label{color:color-mix(in srgb,var(--accent-light) 72%,var(--text-muted));margin-top:.15rem}.model-plaza-card-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:.65rem}.model-plaza-card-list>.model-plaza-card{flex:1 1 16.5rem;max-width:22rem;min-width:min(100%,15.5rem)}.model-plaza-card{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;width:100%;min-height:0;text-align:left;border:1px solid var(--border);border-radius:var(--radius-lg, 14px);background:var(--surface);color:var(--text);padding:.65rem .7rem;transition:border-color var(--duration-fast, .15s) ease,background var(--duration-fast, .15s) ease}.model-plaza-card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.model-plaza-card.is-trial-available{border-color:color-mix(in srgb,var(--accent-light) 32%,var(--border))}.model-plaza-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.1rem}.model-plaza-cap-btn{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:.28rem .62rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-light);font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.02em;cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.model-plaza-cap-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-lighter)}.model-plaza-cap-btn:focus-visible{outline:none;box-shadow:var(--glow-accent-focus)}.model-plaza-cap-btn.is-locked{opacity:.55;cursor:not-allowed;color:var(--text-muted);border-color:var(--border);background:transparent}.model-plaza-cap-btn.is-trial-available:not(:disabled){border-color:color-mix(in srgb,var(--accent-light) 45%,var(--border))}.model-plaza-category-title-inner{display:inline-flex;align-items:center;gap:.45rem}.model-plaza-category-title-inner .model-plaza-item-logo,.model-plaza-category-title-inner .model-plaza-item-logo.is-platform-logo{width:22px;height:22px}.model-plaza-card-trial{color:var(--accent-lighter);font-weight:var(--weight-medium, 500)}.model-plaza-card.is-trial-available .model-plaza-card-action{color:var(--accent-lighter)}.model-plaza-card-head{display:flex;gap:.65rem;align-items:flex-start;flex:1;min-width:0}.model-plaza-card-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:.2rem}.model-plaza-card-title-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;width:100%}.model-plaza-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.25}.model-plaza-card-tag,.model-plaza-card-tier{font-size:.65rem;padding:.08rem .35rem;border-radius:0;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-lighter)}.model-plaza-card-lane{display:inline-flex;font-size:.65rem;padding:.08rem .4rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--text-muted)}.model-plaza-card-desc{margin:0;font-size:var(--text-xs);line-height:1.4;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model-plaza-card-route-hint{margin:.2rem 0 0;font-size:var(--text-xs);line-height:1.4;color:var(--synex-warning, #e6a23c)}.model-plaza-card-meta{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.68rem;color:var(--text-muted)}.model-plaza-card-credit{display:inline-flex;align-items:center;flex-shrink:0;padding:.1rem .45rem;border-radius:999px;font-size:.72rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;line-height:1.3;color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.model-plaza-card-action{flex-shrink:0;align-self:flex-end;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent-light);white-space:nowrap}.model-plaza-card.is-locked .model-plaza-card-action{color:var(--text-muted);white-space:normal;text-align:right;max-width:9rem;line-height:1.35}.model-plaza-item-logo{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-sm, 6px);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 6%,var(--surface-2));border:1px solid var(--border);color:var(--text-primary);font-size:.62rem;font-weight:700;letter-spacing:-.02em;overflow:hidden}.model-plaza-item-logo--sm{width:20px;height:20px;border-radius:5px;font-size:.52rem}.model-plaza-item-logo--sm .model-plaza-item-logo-svg svg{width:12px;height:12px}.model-plaza-item-logo--lg{width:40px;height:40px;border-radius:10px}.model-plaza-item-logo-svg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit}.model-plaza-item-logo-svg svg{width:16px;height:16px}.model-plaza-item-logo-img{width:18px;height:18px;object-fit:contain;display:block;filter:brightness(0) saturate(100%) invert(72%);opacity:.88}.model-plaza-item-logo-img--platform{width:100%;height:100%;filter:none;opacity:1;border-radius:inherit}.model-plaza-item-logo.is-platform-logo{padding:0;border:none;background:transparent;overflow:visible}.model-plaza-item-logo-text{color:inherit;line-height:1}.model-plaza-item-logo--sm .model-plaza-item-logo-img:not(.model-plaza-item-logo-img--platform){width:14px;height:14px}.model-plaza-item-logo--lg .model-plaza-item-logo-img:not(.model-plaza-item-logo-img--platform){width:26px;height:26px}.model-plaza-item-logo--lg .model-plaza-item-logo-svg svg{width:22px;height:22px}.model-plaza-item-logo.is-dark-mark{background:var(--surface-2);border-color:var(--border)}.model-plaza-detail,.model-plaza-detail.hidden{display:none!important}.model-plaza-empty{padding:1rem .35rem;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.model-plaza-empty--full{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;width:100%;min-height:12rem}.model-plaza-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:6rem}.model-plaza-loading:before{content:"";width:.85rem;height:.85rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-top-color:var(--accent);animation:model-plaza-spin .75s linear infinite}@keyframes model-plaza-spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.model-plaza-card-list>.model-plaza-card{flex-basis:min(100%,15rem);max-width:none}}@media(max-width:640px){.model-plaza-content{padding:.65rem .85rem 1.5rem;gap:1.35rem}.model-plaza-filters{padding:0 .85rem .65rem}.model-plaza-page-head{padding:.75rem .85rem .65rem}.model-plaza-card-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.model-plaza-card-list>.model-plaza-card{flex:0 0 min(82vw,18rem);min-width:min(82vw,18rem);max-width:min(82vw,18rem);scroll-snap-align:start}}.chat-studio-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.chat-history-mobile-toggle{display:inline-flex;flex-shrink:0;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:var(--text-md);line-height:1}.chat-toolbar{padding:.5rem 1rem;border-bottom:none;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background:transparent}#page-chat .studio-toolbar.chat-toolbar{flex-direction:row;align-items:center;min-height:0;padding-top:.35rem;padding-bottom:.15rem}.chat-toolbar-models{flex:1 1 auto;min-width:0}#page-chat .chat-toolbar .model-picker{flex:1 1 auto;min-width:0;max-width:none;width:100%}#page-chat .chat-toolbar .model-picker-control{flex:1 1 auto;min-width:0;max-width:none}#page-chat .chat-toolbar .model-picker-trigger{min-width:0}.studio-field-label,.model-picker-label,.studio-param-label,.studio-aspect-label{flex:0 0 auto;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap;line-height:1.2;margin:0}.studio-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.studio-model-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;width:100%}.studio-model-params-row{display:flex;flex-direction:column;gap:.4rem;flex:1 1 100%;width:100%;min-width:0}.studio-model-params-row.hidden{display:none}.studio-param-group{display:flex;align-items:center;gap:.4rem;min-width:0;width:100%}.studio-param-label{flex:0 0 auto;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap}.studio-param-hint{margin:0;font-size:var(--text-xs);line-height:1.45;color:var(--text-muted)}.studio-param-group--hint{align-items:flex-start}.studio-param-chips{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:.35rem;row-gap:.35rem;align-items:center;align-content:flex-start;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible;padding-bottom:2px}.studio-param-chips--scroll-snap{flex-wrap:wrap;overflow:visible;scroll-snap-type:none;scrollbar-width:none;max-width:100%}.studio-param-chips--scroll-snap .studio-param-btn{min-width:2.35rem}.studio-param-chips--wrap{flex-wrap:wrap;row-gap:.35rem}.studio-param-chips--wrap .studio-param-btn{flex:0 0 auto;min-width:2.5rem;max-width:100%;text-align:center;white-space:normal;word-break:break-word}html[data-mobile] .studio-param-chips--scroll-snap{max-width:100%}html[data-mobile] .studio-param-chips--scroll-snap .studio-param-btn,html[data-mobile] .studio-param-chips--wrap .studio-param-btn{min-height:2.15rem;padding:.32rem .62rem}.studio-param-btn{flex:0 0 auto;padding:.28rem .55rem;font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:0;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 60%,var(--surface));color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.studio-param-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.studio-param-btn.active{color:var(--btn-on-accent-fg, var(--text-primary));background:var(--accent);border-color:var(--accent)}.model-picker-detail{width:100%;margin-top:.35rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.model-picker-detail.hidden{display:none}.model-picker-detail-head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;margin-bottom:.45rem}.model-picker-detail-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text)}.model-picker-detail-tag{font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:.12rem .45rem;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.model-picker-detail-grid{display:grid;grid-template-columns:auto 1fr;gap:.28rem .75rem;margin:0;font-size:var(--text-sm);line-height:1.45}.model-picker-detail-grid dt{margin:0;color:var(--text-muted);font-weight:var(--weight-semibold);white-space:nowrap}.model-picker-detail-grid dd{margin:0;color:var(--text);word-break:break-word}.studio-route-hint-home{display:none!important}.studio-cap-route-wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.1rem;flex:0 0 auto;min-width:0}.studio-cap-route-wrap .studio-route-hint{font-size:var(--text-2xs);line-height:1.25;white-space:nowrap;max-width:min(18rem,48vw);overflow:hidden;text-overflow:ellipsis}.studio-composer-controls{padding:0;margin-bottom:0}.studio-composer-controls-top{display:flex;flex-direction:column;gap:.4rem}.studio-composer-route{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .55rem;width:100%}.studio-composer-route .studio-segmented{flex:0 0 auto}.studio-compose-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;flex:1 1 auto;min-width:0}.studio-cap-bar{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;flex:1 1 auto;width:100%;min-width:0;gap:.28rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.studio-cap-route{flex:0 0 auto;padding:0}.studio-cap-route .studio-seg-btn{padding:.24rem .55rem;font-size:var(--text-xs)}.studio-cap-buttons{display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:.28rem;min-width:0}.studio-cap-buttons .studio-model-row,.studio-cap-buttons .chat-composer-models,.studio-cap-route .studio-model-row,.studio-cap-route .chat-composer-models{flex:0 0 auto;margin:0}.studio-cap-route .studio-model-row,.studio-cap-route .chat-composer-models{align-self:center}.studio-cap-btn{flex:0 0 auto;margin:0;padding:.28rem .55rem;border:1px solid var(--border);border-radius:0;background:color-mix(in srgb,var(--bg) 60%,var(--surface));color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.25;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;transition:color .15s,border-color .15s,background .15s}.studio-cap-btn:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.studio-cap-btn.is-active{color:var(--btn-on-accent-fg, var(--text-primary));background:var(--accent);border-color:var(--accent)}.studio-cap-btn.is-popover-open{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.studio-cap-btn.is-soon{opacity:.72}.studio-cap-btn:disabled{opacity:.55;cursor:not-allowed}.studio-cap-popover{position:fixed;left:0;top:0;z-index:1400;width:max-content;max-width:calc(100vw - 16px);border:1px solid var(--studio-glass-border, var(--header-popover-border, var(--border)));border-radius:0;background:var(--studio-glass-bg, var(--header-popover-bg, var(--bg-elevated)));box-shadow:var(--header-popover-shadow, var(--shadow), 0 16px 48px rgba(0, 0, 0, .22));pointer-events:none;visibility:hidden;opacity:0;transition:opacity .12s ease;isolation:isolate}.studio-cap-popover.is-positioned{visibility:visible;opacity:1;pointer-events:auto}.studio-cap-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;width:max-content;max-width:100%;padding:.55rem .65rem .6rem;overflow:visible}.studio-cap-card-hint{flex:1 1 100%;margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.studio-cap-card-body .studio-param-group{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.3rem;flex:0 0 auto;width:max-content;max-width:100%}.studio-cap-card-body .studio-param-chips{display:inline-flex;flex:0 0 auto;flex-wrap:wrap;gap:.28rem;min-width:0;overflow:visible;padding-bottom:0;scrollbar-width:none}.studio-param-group--slider{gap:.35rem;min-width:6.5rem}.studio-param-slider{width:4.5rem;height:.28rem;margin:0;accent-color:var(--accent);cursor:pointer;flex:0 0 auto}.studio-param-slider-value{flex:0 0 auto;min-width:1.6rem;font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap}.studio-cap-card-body .studio-voice-modes-wrap{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:.35rem;flex:0 0 auto}.studio-cap-card-body .studio-voice-clone-hint{flex:1 1 100%;margin:0;padding:0;font-size:var(--text-2xs);line-height:1.35}.studio-aspect-label{flex:0 0 auto;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap}.studio-aspect-chips{display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:center}.studio-aspect-btn{padding:.28rem .55rem;font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 60%,var(--surface));color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.studio-aspect-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.studio-aspect-btn.active{color:var(--btn-on-accent-fg, var(--text-primary));background:var(--accent);border-color:var(--accent)}.studio-voice-toggle{flex:0 0 auto;padding:.28rem .65rem;font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 60%,var(--surface));color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.studio-voice-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.studio-voice-toggle.active{color:var(--btn-on-accent-fg, var(--text-primary));background:var(--accent);border-color:var(--accent)}.studio-voice-modes-wrap{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem}.studio-voice-ref-wrap{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.studio-voice-ref-label{font-size:var(--text-xs);color:var(--text-muted);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-voice-clone-hint{flex:1 1 100%;width:100%;margin:0;padding:.15rem 0 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}.chat-prompt-shell>.studio-voice-clone-hint{padding:.2rem .35rem 0}.studio-compose-segmented{flex:0 0 auto}.studio-toolbar-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-semibold);flex:0 0 auto}.studio-route-hint{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.35}.studio-route-hint.studio-route-hint--flash{color:var(--accent)}.studio-composer-privacy-inset{flex:0 1 auto;min-width:0;max-width:13.5rem;margin:0;padding:0 .35rem 0 0;font-size:.56rem;line-height:1.25;color:var(--text-muted);opacity:.78;text-align:left;align-self:center;overflow:visible;white-space:normal}.studio-segmented{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.2rem;border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,var(--surface));border:1px solid var(--border)}.studio-seg-btn{border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:.35rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.studio-seg-btn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent)}.studio-seg-btn.active{background:var(--accent);color:var(--btn-on-accent-fg, var(--text-primary))}.studio-seg-btn:disabled{opacity:.45;cursor:not-allowed}.studio-capability-chips{display:flex;flex-wrap:wrap;gap:.4rem;flex:1 1 auto}.studio-cap-chip{border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:.3rem .65rem;border-radius:999px;cursor:pointer;transition:border-color .15s,background .15s}.studio-cap-chip:hover:not(:disabled){border-color:var(--accent)}.studio-cap-chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--input-bg));color:var(--accent)}.studio-cap-chip.is-soon{opacity:.72}.studio-model-row .model-picker{flex:1 1 auto;min-width:0;max-width:none}.studio-attach-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.45rem;flex:0 0 auto;align-self:flex-start}.studio-attach-slot{position:relative;display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto}.studio-attach-text-btn{display:inline-flex;align-items:center;margin:0;padding:.18rem .55rem;border:1px solid color-mix(in srgb,var(--text-muted) 38%,var(--border) 62%);border-radius:6px;background:color-mix(in srgb,var(--surface-2) 55%,transparent);color:var(--text-muted);cursor:pointer;font:inherit;font-size:var(--text-sm);line-height:1.35;white-space:nowrap;text-decoration:none;box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--text) 6%,transparent);transition:color .15s,border-color .15s,background .15s}.studio-attach-text-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}.studio-attach-text-btn.has-file{color:var(--accent);font-weight:var(--weight-semibold);border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.studio-image-thumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.studio-attach-thumb-slot{position:relative;display:inline-flex;flex:0 0 auto;cursor:grab}.studio-attach-thumb-slot.is-dragging,.studio-attach-thumb.is-dragging{opacity:.55;cursor:grabbing}.studio-attach-thumb-slot.is-drag-over,.studio-attach-slot.is-drag-over{outline:2px dashed color-mix(in srgb,var(--accent) 55%,var(--border));outline-offset:2px;border-radius:8px}.studio-attach-thumb{width:2.25rem;height:2.25rem;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.studio-attach-thumb[data-video-frame-kind]{cursor:grab}.studio-attach-filename{max-width:5.5rem;font-size:var(--text-2xs);color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-attach-clear{position:absolute;top:-.35rem;right:-.35rem;width:1.15rem;height:1.15rem;padding:0;border:none;border-radius:999px;background:var(--danger);color:#fff;font-size:var(--text-xs);line-height:1.15rem;cursor:pointer;z-index:2}.vision-attach-btn.has-video{border-style:solid;border-color:var(--accent)}.chat-composer.dragover .chat-prompt-shell,.chat-composer.dragover .studio-prompt-shell{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.msg-assistant-media{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;max-width:100%;box-sizing:border-box}.msg-gen-image,.msg-user-attach-preview.media-zoomable{max-width:min(100%,420px);border-radius:12px;border:1px solid var(--border);cursor:zoom-in}.msg-user-attach-preview,.msg-user-attach-preview.media-zoomable{display:block;width:auto;height:auto;max-width:min(100%,280px);max-height:min(42vh,320px);object-fit:contain;box-sizing:border-box}.msg-user-attach-gallery{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;width:fit-content;max-width:100%}.msg-gen-image-card,.msg-user-attach-card{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;width:100%;max-width:100%}.msg-user-rich .msg-user-attach-card{width:fit-content;max-width:100%;align-items:flex-end}.msg-gen-image-frame{position:relative;width:100%;max-width:min(100%,420px);overflow:hidden;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.msg-gen-image-frame.is-portrait-media{max-width:min(100%,340px)}.msg-gen-image-frame .msg-gen-image{width:100%;height:100%;max-width:none;min-height:0;display:block;object-fit:contain;border:none;border-radius:0}.msg-media-action-btn,.msg-media-dl-btn,.msg-audio-dl-btn,.msg-project-dl-btn{flex:0 0 auto;margin:0;padding:.2rem .4rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;line-height:1.35;background:none;border:none;border-radius:0;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.msg-media-action-btn--primary,.msg-media-dl-btn,.msg-audio-dl-btn,.msg-project-dl-btn{color:var(--accent)}.msg-media-action-btn:hover,.msg-media-dl-btn:hover,.msg-audio-dl-btn:hover,.msg-project-links a:hover,.msg-project-dl-btn:hover{color:var(--accent);text-decoration:underline}.msg-media-action-btn.is-mobile-save-ready,.msg-media-dl-btn.is-mobile-save-ready,.msg-audio-dl-btn.is-mobile-save-ready,.msg-project-dl-btn.is-mobile-save-ready{text-decoration:underline}.msg-media-dl-btn--original{color:var(--text-muted);font-weight:var(--weight-medium, 500)}.msg-gen-image:hover,.msg-user-attach-preview.media-zoomable:hover{box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.msg-user-attach-preview-video{display:block;max-width:min(100%,420px);max-height:240px;border-radius:12px;border:1px solid var(--border);background:#000}.media-lightbox{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.media-lightbox.hidden{display:none}.media-lightbox.media-lightbox--preparing{visibility:hidden;pointer-events:none}.media-lightbox-backdrop{position:absolute;inset:0;border:none;background:#000000d1;cursor:zoom-out}.media-lightbox-inner{position:relative;z-index:1;max-width:min(96vw,1200px);max-height:92vh}.media-lightbox-img{display:block;max-width:100%;max-height:92vh;width:auto;height:auto;border-radius:8px;box-shadow:0 12px 48px #00000073}.media-lightbox--save .media-lightbox-img{-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto}.media-lightbox-video{display:block;width:min(96vw,1200px);max-height:72vh;border-radius:8px;background:#000;box-shadow:0 12px 48px #00000073}.media-lightbox-video.hidden{display:none}.media-lightbox--video-save .media-lightbox-inner{width:min(96vw,1200px)}.media-lightbox--video-save .media-lightbox-save-hint{max-width:36rem;margin-left:auto;margin-right:auto}.media-lightbox-save-hint{margin:.75rem 0 0;padding:.55rem .75rem;border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font-size:var(--text-sm);line-height:1.45;text-align:center}.media-lightbox-close{position:absolute;top:-.5rem;right:-.5rem;z-index:2;width:2.25rem;height:2.25rem;border:none;border-radius:999px;background:var(--surface);color:var(--text);font-size:var(--text-xl);line-height:1;cursor:pointer;box-shadow:0 2px 12px #00000059}.msg-audio-wrap{display:flex;flex-direction:column;gap:.35rem;max-width:min(100%,360px)}.msg-audio-player,.msg-project-audio,.msg-media-gallery-audio,.msg-search-preview-audio,.canvas-node-preview-audio,.canvas-web-source-preview-audio,.ma-v2-works-audio-el{display:block;width:100%;max-width:360px;min-height:2.35rem;border-radius:var(--media-player-radius);background-color:var(--media-player-bg);border:1px solid var(--media-player-border);color-scheme:light dark}.msg-audio-wrap .msg-audio-player,.msg-project-audio-wrap .msg-project-audio{--media-player-bg: color-mix(in srgb, var(--border) 16%, var(--msg-bubble-ai-bg));max-width:100%}.msg-audio-player::-webkit-media-controls-enclosure,.msg-project-audio::-webkit-media-controls-enclosure,.msg-media-gallery-audio::-webkit-media-controls-enclosure,.msg-search-preview-audio::-webkit-media-controls-enclosure,.canvas-node-preview-audio::-webkit-media-controls-enclosure,.canvas-web-source-preview-audio::-webkit-media-controls-enclosure,.ma-v2-works-audio-el::-webkit-media-controls-enclosure{border-radius:var(--media-player-radius);background-color:var(--media-player-bg)}.msg-audio-player::-webkit-media-controls-panel,.msg-project-audio::-webkit-media-controls-panel,.msg-media-gallery-audio::-webkit-media-controls-panel,.msg-search-preview-audio::-webkit-media-controls-panel,.canvas-node-preview-audio::-webkit-media-controls-panel,.canvas-web-source-preview-audio::-webkit-media-controls-panel,.ma-v2-works-audio-el::-webkit-media-controls-panel{background-color:var(--media-player-bg)}[data-theme=dark] .msg-audio-player,[data-theme=dark] .msg-project-audio,[data-theme=dark] .msg-media-gallery-audio,[data-theme=dark] .msg-search-preview-audio,[data-theme=dark] .canvas-node-preview-audio,[data-theme=dark] .canvas-web-source-preview-audio,[data-theme=dark] .ma-v2-works-audio-el{color-scheme:dark}.msg-audio-caption{margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--text-muted)}.msg-project-audio-wrap{display:flex;flex-direction:column;gap:.25rem;margin-top:.45rem;max-width:min(100%,360px)}.msg-project-audio-label{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.msg-project-audio{width:100%}.msg-project-video-wrap{margin-top:.5rem;position:relative;width:100%;max-width:min(100%,480px);pointer-events:auto;isolation:isolate}.msg-project-video-wrap.is-portrait-media{max-width:min(100%,340px)}.msg-project-video-wrap:has(>.msg-project-video--loading){min-height:min(40vw,9rem);background:#000;border-radius:10px}.msg-project-video--loading{opacity:0;width:100%;height:100%;pointer-events:none;background:#000}.msg-project-video:not(.msg-project-video--loading){position:relative;z-index:1;min-height:0;height:auto;pointer-events:auto;touch-action:manipulation}.canvas-node-preview-video.msg-project-video--loading{min-height:8rem;max-width:100%;opacity:1;pointer-events:auto}.canvas-node-preview-media:has(>.canvas-node-preview-video.msg-project-video--loading):after{content:"\52a0\8f7d\9884\89c8\4e2d\2026";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--text-muted);background:color-mix(in srgb,var(--bg, #0a0a0b) 42%,transparent);pointer-events:none;z-index:2;border-radius:8px}.canvas-node-preview-media:has(>.canvas-node-preview-video.msg-project-video--loading[poster]):after{content:none;display:none}.canvas-node-preview-media--video{position:relative}.canvas-node-preview-media--video .canvas-video-load-status{position:absolute;left:.5rem;right:.5rem;bottom:.45rem;z-index:3;margin:0;padding:.2rem .45rem;border-radius:6px;font-size:var(--text-xs);line-height:1.35;text-align:center;color:var(--text);background:color-mix(in srgb,var(--bg, #0a0a0b) 72%,transparent);pointer-events:none}.canvas-node-preview-media--video .canvas-video-load-status[hidden]{display:none!important}.canvas-node-preview-video[poster]{background:#000}.msg-project-video-status{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:0 .75rem;text-align:center;font-size:var(--text-sm);color:var(--text-muted);pointer-events:none}.msg-project-video-status.msg-project-video-error{color:var(--danger)}.msg-project-video-status.msg-project-video-expired,.msg-project-video-expired{margin:.35rem 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.45}.msg-project-save-hint{margin:.35rem 0 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.msg-project-video{display:block;width:100%;height:auto;max-width:none;border-radius:10px;background:#000;object-fit:contain}.msg-project-links{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;margin-top:.35rem}.msg-project-links.msg-gen-image-actions{margin-top:.35rem}.msg-project-links a,.msg-project-dl-btn{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent);text-decoration:none;background:none;border:none;padding:.2rem .4rem;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.msg-project-links a:hover,.msg-project-dl-btn:hover{text-decoration:underline}.msg-project-failure-hint{margin:.35rem 0 0;font-size:var(--text-xs);line-height:1.45;color:var(--text-muted)}body.media-lightbox-open{overflow:hidden}.model-picker{display:inline-flex;flex:1 1 auto;min-width:0;max-width:none;flex-wrap:nowrap;align-items:center;gap:.4rem}.model-picker-label{flex:0 0 auto}.model-picker-control{position:relative;flex:1 1 auto;min-width:0}.model-picker-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.model-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.35rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--synex-picker-surface, var(--surface-2));color:var(--text);cursor:pointer;text-align:left;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2;transition:border-color .15s,box-shadow .15s,background .15s}.model-picker-trigger.is-load-error{border-color:var(--danger);color:var(--danger)}.model-picker-trigger:hover,.model-picker-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--synex-surface-active, var(--surface-2));box-shadow:none}.model-picker-trigger-logo{flex-shrink:0;display:inline-flex;align-items:center}.model-picker-trigger-logo.is-empty{display:none}.model-picker-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-picker-chevron{flex-shrink:0;width:.5rem;height:.5rem;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s}.model-picker-trigger[aria-expanded=true] .model-picker-chevron{transform:rotate(-135deg) translateY(1px)}.model-picker-menu{position:absolute;z-index:200;top:calc(100% + 4px);left:0;right:0;max-height:min(360px,55vh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;margin:0;padding:.4rem 0;list-style:none;background:var(--synex-picker-menu-surface, var(--bg-elevated, var(--surface)));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-medium, var(--shadow))}.model-picker-menu[data-floating="1"],.model-picker-menu[data-portaled="1"]{right:auto}.model-picker-menu[data-floating="1"]:not(.hidden),.model-picker-menu[data-portaled="1"]:not(.hidden),body>.model-picker-menu:not(.hidden){pointer-events:auto!important}.model-picker-menu.hidden{display:none!important;pointer-events:none!important;visibility:hidden}.model-picker-menu:not(.hidden){display:block;pointer-events:auto}.model-picker-section-label{padding:.35rem .75rem .25rem;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.model-picker-divider{display:flex;align-items:center;gap:.5rem;margin:.45rem .65rem;padding:0;border:none}.model-picker-divider:before,.model-picker-divider:after{content:"";flex:1;height:1px;background:var(--border)}.model-picker-divider span{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap}.model-picker-item{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:.55rem .75rem;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit;transition:background .12s}.model-picker-item:hover:not(.is-locked),.model-picker-item.is-selected:not(.is-locked){background:color-mix(in srgb,var(--accent) 12%,transparent)}.model-picker-item.is-selected:not(.is-locked){box-shadow:inset 3px 0 0 var(--accent)}.model-picker-item.is-locked{cursor:not-allowed;opacity:.92}.model-picker-item-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.5rem;width:100%;min-width:0}.model-picker-item-row:has(.model-picker-item-brand),.model-picker-item-row:has(.model-picker-item-tag){grid-template-columns:auto minmax(0,1fr) auto auto}.model-picker-item-logo{flex-shrink:0;display:inline-flex;align-items:center}.model-picker-item-name{font-weight:var(--weight-semibold);font-size:var(--text-base);line-height:1.3;grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-picker-item.is-locked .model-picker-item-name{color:var(--text-muted)}.model-picker-item.has-desc{flex-direction:column;align-items:stretch;gap:.25rem}.model-picker-item-desc{display:block;font-size:var(--text-xs);line-height:1.35;color:var(--text-muted, #8b949e);text-align:left;font-weight:var(--weight-normal)}.model-picker-empty-hint{padding:.65rem .85rem;font-size:var(--text-sm);line-height:1.45;color:var(--text-muted, #8b949e)}.model-picker-item-brand{flex-shrink:0;font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--accent, #6ea8fe);padding:.1rem .4rem;border-radius:4px;background:#6ea8fe1f}.model-picker-item-tag{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);padding:.1rem .4rem;border-radius:4px;background:var(--surface-2)}.model-picker-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.15rem .5rem;font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1.3;color:var(--bubble-user-text);background:var(--gradient-brand);border-radius:999px;box-shadow:var(--shadow-subtle);vertical-align:middle}.model-picker-item.is-locked .model-picker-badge{background:var(--accent);margin-left:.1rem}.canvas-studio-viewport.is-storyboard-mode{cursor:grab;background-color:#141416;background-image:radial-gradient(circle,color-mix(in srgb,#fff 8%,transparent) 1px,transparent 1px)}.canvas-studio-viewport.is-storyboard-mode.is-panning{cursor:grabbing}.canvas-storyboard-layer{position:absolute;inset:0;z-index:4;overflow:hidden}.canvas-storyboard-layer.hidden{display:none}.canvas-studio-viewport.is-storyboard-mode #canvas-viewport-stage{visibility:hidden;pointer-events:none}.canvas-sb-stage{position:absolute;inset:0;overflow:hidden}.canvas-sb-inner{transform-origin:0 0;position:absolute;left:0;top:0;min-width:4000px;min-height:2400px}.canvas-sb-edges-host{position:absolute;inset:0;pointer-events:none}.canvas-sb-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.canvas-sb-edge{fill:none;stroke:color-mix(in srgb,#fff 72%,transparent);stroke-width:2;opacity:.85}.canvas-sb-cards{position:relative;min-height:1200px}.canvas-sb-card{position:absolute;display:flex;flex-direction:column;border-radius:12px;border:1px solid color-mix(in srgb,#fff 14%,transparent);background:color-mix(in srgb,#1c1c20 92%,#000);box-shadow:0 12px 36px #00000073;overflow:hidden}.canvas-sb-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.55rem .75rem .35rem}.canvas-sb-card-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-sb-card-meta{font-size:var(--text-xs);color:color-mix(in srgb,#fff 45%,transparent);flex-shrink:0}.canvas-sb-card-media{flex:1;min-height:220px;background:#0a0a0c;display:flex;align-items:center;justify-content:center}.canvas-sb-card-img,.canvas-sb-card-video{width:100%;height:100%;max-height:280px;object-fit:cover;display:block}.canvas-sb-card-placeholder{color:color-mix(in srgb,#fff 35%,transparent);font-size:var(--text-sm);padding:2rem;text-align:center}.canvas-sb-card-actions{display:flex;gap:.25rem;padding:.35rem .5rem .5rem;justify-content:flex-end}.canvas-sb-card-btn{width:28px;height:28px;border:1px solid color-mix(in srgb,#fff 12%,transparent);border-radius:8px;background:color-mix(in srgb,#fff 6%,transparent);color:#e5e7eb;cursor:pointer;font-size:13px;line-height:1}.canvas-sb-card-btn:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:#fff}.canvas-sb-dock-host{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:6;width:min(720px,calc(100% - 2rem));pointer-events:auto}.canvas-sb-context-dock{display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:.85rem 1rem;border-radius:14px;border:1px solid color-mix(in srgb,#fff 12%,transparent);background:color-mix(in srgb,#121214 88%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 16px 40px #00000080}.canvas-sb-context-chars{display:flex;gap:.5rem;align-items:flex-start;max-width:220px;overflow-x:auto}.canvas-sb-char{margin:0;width:56px;flex-shrink:0;text-align:center}.canvas-sb-char img{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid color-mix(in srgb,#fff 15%,transparent)}.canvas-sb-char-fallback{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 25%,#222);color:#fff;font-weight:var(--weight-bold)}.canvas-sb-char figcaption{font-size:10px;color:color-mix(in srgb,#fff 55%,transparent);margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-sb-context-style strong{display:block;font-size:var(--text-xs);color:color-mix(in srgb,#fff 55%,transparent);margin-bottom:.25rem}.canvas-sb-context-style p{margin:0;font-size:var(--text-sm);line-height:1.45;color:#e5e7eb}.canvas-sb-context-empty{margin:0;font-size:var(--text-xs);color:color-mix(in srgb,#fff 40%,transparent);max-width:180px}.canvas-sb-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:color-mix(in srgb,#fff 55%,transparent);text-align:center;padding:2rem;z-index:3}.canvas-sb-empty.hidden{display:none}.canvas-sb-empty-hint{font-size:var(--text-sm);opacity:.75}.canvas-view-mode-btn.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--accent)}#page-canvas.canvas-guest-readonly .canvas-studio-viewport.is-storyboard-mode:before{content:"\53ea\8bfb\5206\4eab";position:absolute;top:.65rem;left:50%;transform:translate(-50%);z-index:8;padding:.25rem .75rem;border-radius:999px;font-size:var(--text-xs);color:color-mix(in srgb,#fff 70%,transparent);background:color-mix(in srgb,#000 55%,transparent);border:1px solid color-mix(in srgb,#fff 12%,transparent);pointer-events:none}#page-canvas.canvas-guest-readonly .canvas-palette.is-readonly{opacity:.55;pointer-events:none}#page-canvas.canvas-guest-readonly .canvas-palette.is-readonly:after{content:"\53ea\8bfb\5206\4eab";display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:.35rem}.canvas-studio-viewport.is-canvas-readonly .canvas-node{cursor:default}.canvas-studio-viewport.is-canvas-readonly .canvas-port{pointer-events:none}#page-chat,#page-vision,#page-canvas{background:var(--bg)}#page-chat,#page-vision,#page-canvas,.home-canvas-demo-viewport{--studio-glass-bg: var(--bg-elevated);--studio-glass-border: var(--border);--studio-control-bg: var(--input-bg);--studio-muted-bg: color-mix(in srgb, var(--bg) 60%, var(--surface))}#page-canvas,.home-canvas-demo-viewport{--studio-node-bg: var(--bg-elevated);--studio-node-header-bg: color-mix(in srgb, var(--bg-elevated) 94%, var(--bg));--studio-node-control-bg: var(--input-bg)}#page-canvas .canvas-studio-viewport .canvas-node,.home-canvas-demo-viewport .canvas-node{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-elevated)}#page-canvas .canvas-studio-viewport .canvas-node-ports-row,.home-canvas-demo-viewport .canvas-node-ports-row{background:var(--bg-elevated)}.chat-main,.vision-main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1.5rem 2.5rem;scroll-padding-bottom:10rem;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto;overscroll-behavior:contain}#page-chat .chat-messages .msg-row{content-visibility:auto;contain-intrinsic-size:auto 4.5rem}#page-chat .chat-messages .msg-row:has(.msg-project-video-wrap),#page-chat .chat-messages .msg-row:has(.msg-search-preview-video-wrap),#page-chat .chat-messages .msg-row:has(.msg-search-preview-audio),#page-chat .chat-messages .msg-row:has(.msg-audio-wrap),#page-chat .chat-messages .msg-row:has(.msg-project-audio-wrap){content-visibility:visible;contain-intrinsic-size:auto}.chat-messages::-webkit-scrollbar{width:0;height:0}.vision-main{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.vision-main::-webkit-scrollbar{width:0;height:0}.msg-row{display:flex;align-items:flex-start;gap:var(--msg-row-gap);width:100%;max-width:100%}.msg-row--assistant{flex-direction:row;justify-content:flex-start}.msg-row--user{flex-direction:row;justify-content:flex-end}.msg-row-slot{min-width:0;display:flex;flex-direction:column}.msg-row--assistant .msg-row-slot{flex:0 0 auto;max-width:var(--msg-body-max-width);align-items:flex-start}.msg-row--user .msg-row-slot{flex:0 0 auto;max-width:var(--msg-user-body-max-width);align-items:flex-end}.msg-row--assistant .msg-row-slot>.msg{max-width:var(--msg-body-max-width);min-width:min-content}.msg-row--user .msg-row-slot>.msg{max-width:var(--msg-user-body-max-width);min-width:min-content}.msg-row--user .msg-row-slot>.msg:has(.msg-user-rich){min-width:0;width:fit-content;max-width:min(var(--msg-user-body-max-width),100%)}.msg-row--system{justify-content:center}.msg-avatar{flex-shrink:0;width:var(--msg-avatar-size);height:var(--msg-avatar-size)}.msg-avatar--user{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-extrabold);background-size:cover;background-position:center}.msg-avatar--user.has-image{color:transparent}.msg-avatar-logo{width:var(--msg-avatar-size);height:var(--msg-avatar-size);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:-.02em;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent)}.msg-row .msg{flex:0 1 auto;min-width:0;max-width:100%;padding:0;border:none;border-radius:0;background:none;line-height:1.75;font-size:var(--text-md);white-space:pre-wrap;word-break:break-word}.msg-row--user .msg.user{flex:0 1 auto;width:auto;min-width:0;max-width:100%;align-self:flex-end;font-weight:var(--weight-medium);text-align:right}.msg-row--assistant .msg-row-slot>.msg.assistant:has(.msg-assistant-media),.msg-row--assistant .msg-row-slot>.msg.assistant:has(.msg-assistant-project),.msg-row--assistant .msg-row-slot>.msg.assistant:has(.msg-audio-wrap){flex:0 1 auto;width:auto;min-width:0;max-width:100%}.msg-assistant-media.msg-image-gen-result,.msg-assistant-media.msg-image-gen-pending,.msg-assistant-media.msg-video-gen-pending,.msg-assistant-media.msg-audio-wrap{padding:.72rem .88rem;border-radius:var(--msg-bubble-radius-assistant);background:var(--msg-bubble-ai-bg);box-shadow:var(--msg-bubble-ai-shadow)}.msg-assistant-media.msg-image-gen-result{width:100%;max-width:min(420px,calc(100% + -0px));box-sizing:border-box}.msg-assistant-media.msg-image-gen-pending,.msg-assistant-media.msg-video-gen-pending{width:fit-content;max-width:min(420px,100%);box-sizing:border-box}.msg-row--user .msg-row-slot>.msg.user.msg-text-bubble:not(.msg-text-scroll):not(:has(.msg-user-rich)){width:fit-content;padding:.62rem .82rem;border-radius:var(--msg-bubble-radius-user);background:var(--msg-bubble-user-bg);border:1px solid var(--msg-bubble-user-border);max-width:var(--msg-user-body-max-width);color:var(--text);text-align:left;box-sizing:border-box}.msg-row--assistant .msg-row-slot>.msg.assistant.msg-text-bubble:not(.is-thinking):not(.loading-dots):not(:has(.msg-assistant-rich)):not(:has(>.msg-assistant-text.msg-text-scroll)){flex:0 1 auto;width:fit-content;max-width:var(--msg-body-max-width);padding:.72rem .88rem;border-radius:var(--msg-bubble-radius-assistant);background:var(--msg-bubble-ai-bg);color:var(--bubble-ai-text);border:1px solid var(--msg-bubble-ai-border);box-shadow:var(--msg-bubble-ai-shadow);text-align:left;box-sizing:border-box}.msg-row--assistant .msg-row-slot>.msg.assistant.msg-text-bubble:has(>.msg-assistant-text.msg-text-scroll){padding:0;background:none;border:none;box-shadow:none}.msg-user-rich{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;width:fit-content;max-width:min(320px,var(--msg-user-body-max-width),100%);margin-left:auto;padding:.62rem .82rem;border-radius:var(--msg-bubble-radius-user);background:var(--msg-bubble-user-bg);border:1px solid var(--msg-bubble-user-border);box-sizing:border-box}.msg-user-rich .msg-user-attach-caption,.msg-user-rich .msg-project-save-hint,.msg-user-rich .msg-media-privacy-hint{width:100%;max-width:100%;margin:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:right}.msg-user-rich .msg-project-save-hint,.msg-user-rich .msg-media-privacy-hint{margin-top:.2rem;text-align:left;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.msg-assistant-rich{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:fit-content;padding:.72rem .88rem;border-radius:var(--msg-bubble-radius-assistant);background:var(--msg-bubble-ai-bg);color:var(--bubble-ai-text);border:1px solid var(--msg-bubble-ai-border);box-shadow:var(--msg-bubble-ai-shadow);box-sizing:border-box;max-width:min(var(--msg-body-max-width),52rem)}.msg-user-aspect-pill,.msg-studio-cap-pill{display:inline-block;padding:.15rem .5rem;font-size:var(--text-2xs);font-weight:var(--weight-bold);border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.msg-assistant-rich .msg-studio-cap-pill{margin-bottom:.35rem}.msg-assistant-rich .msg-assistant-text{margin:0;white-space:pre-wrap;word-break:break-word}.msg-text-scroll{box-sizing:border-box;max-height:min(42vh,22rem);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 50%,transparent) transparent;border-radius:var(--msg-bubble-radius);padding:.55rem .7rem}.msg-text-scroll::-webkit-scrollbar{width:6px}.msg-text-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 42%,transparent);border-radius:999px}.msg-row--user .msg-text-scroll{display:block;width:100%;max-width:100%;text-align:left;background:var(--msg-bubble-user-bg);border:1px solid var(--msg-bubble-user-border);border-radius:var(--msg-bubble-radius-user)}.msg-row--assistant .msg-row-slot>.msg.assistant.msg-text-scroll,.msg-row--assistant .msg-row-slot>.msg.assistant>.msg-assistant-text.msg-text-scroll{background:var(--msg-bubble-ai-bg);color:var(--bubble-ai-text);border:1px solid var(--msg-bubble-ai-border);box-shadow:var(--msg-bubble-ai-shadow);border-radius:var(--msg-bubble-radius-assistant);padding:.72rem .88rem;max-width:100%}.msg-assistant-rich .msg-text-scroll,.msg-user-rich .msg-text-scroll{max-height:min(38vh,20rem);padding:.35rem .15rem 0;border:none;box-shadow:none;background:color-mix(in srgb,var(--bg) 28%,transparent);border-radius:calc(var(--msg-bubble-radius) - 6px)}.msg-inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.msg-inline-link:hover{color:var(--accent-hover, var(--accent))}.msg-media-gallery{margin-top:.65rem;padding-top:.55rem;border-top:1px solid var(--border)}.msg-media-gallery-title{margin:0 0 .45rem;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.msg-media-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.msg-media-gallery-card{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:color-mix(in srgb,var(--bg) 40%,var(--surface))}.msg-media-gallery-img{display:block;width:100%;max-height:140px;object-fit:cover;cursor:zoom-in}.msg-media-gallery-video{display:block;width:100%;max-height:140px;background:#000}.msg-media-gallery-audio{display:block;width:100%}.msg-media-gallery-meta{padding:.35rem .45rem .4rem}.msg-media-gallery-label{display:block;font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-muted);line-height:1.35;word-break:break-word}.msg-media-gallery-actions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.msg-search-preview{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--border)}.msg-search-preview-title{margin:0 0 .55rem;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.msg-search-preview-title--hero{color:var(--accent)}.msg-search-preview-hero{margin-bottom:.75rem}.msg-search-preview-card--hero{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 10%,transparent)}.msg-web-source-item--primary{padding:.55rem .65rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.msg-web-source-type-pill--primary{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.msg-search-preview-audio{display:block;width:100%}.msg-search-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:.65rem}.msg-search-preview-card{display:flex;flex-direction:column;gap:.4rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:color-mix(in srgb,var(--bg) 35%,var(--surface))}.msg-search-preview-embed,.msg-web-source-embed,.msg-search-preview-media{position:relative;width:100%;max-width:100%;overflow:hidden;background:#000}.msg-search-preview-embed:not([data-media-aspect]),.msg-web-source-embed:not([data-media-aspect]){aspect-ratio:16 / 9}.msg-search-preview-embed.is-portrait-media,.msg-web-source-embed.is-portrait-media,.msg-search-preview-media.is-portrait-media{max-width:min(100%,320px);margin-left:auto;margin-right:auto}.msg-search-preview-embed--hero.is-portrait-media,.msg-search-preview-media--hero.is-portrait-media{max-width:min(100%,360px);max-height:min(560px,72vh)}.msg-search-preview-embed--hero.is-landscape-media,.msg-search-preview-media--hero.is-landscape-media{max-height:min(420px,56vh)}.msg-search-preview-embed--hero.is-square-media,.msg-search-preview-media--hero.is-square-media{max-width:min(100%,420px);max-height:min(420px,56vh);margin-left:auto;margin-right:auto}.msg-search-preview-embed-frame,.msg-web-source-embed-frame{display:block;width:100%;height:100%;border:none;background:#000}.msg-search-preview-img{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-in}.msg-search-preview-media .msg-search-preview-img,.msg-search-preview-media .msg-web-source-preview-img{max-height:none}.msg-search-preview-media:not(.msg-search-preview-media--hero).is-landscape-media,.msg-search-preview-media:not(.msg-search-preview-media--hero).is-square-media{max-height:220px}.msg-search-preview-media:not(.msg-search-preview-media--hero).is-portrait-media{max-width:min(100%,200px);max-height:min(320px,45vh);margin-left:auto;margin-right:auto}.msg-search-preview-media--hero{max-height:min(560px,72vh)}.msg-search-preview-video-wrap .msg-search-preview-video,.msg-search-preview-media .msg-web-source-preview-video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#000}.msg-search-preview-video{display:block;width:100%;max-height:180px;object-fit:contain;background:#000}.msg-search-preview-link,.msg-web-source-link-card{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;color:inherit;text-decoration:none;transition:background .15s}.msg-search-preview-link:hover,.msg-web-source-link-card:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.msg-search-preview-link-icon,.msg-web-source-link-favicon{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:.25rem;object-fit:contain;margin-top:.1rem}.msg-search-preview-link-body,.msg-web-source-link-card-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.msg-search-preview-link-title,.msg-web-source-link-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.35;color:var(--text);word-break:break-word}.msg-search-preview-link-snippet,.msg-web-source-link-card-snippet{font-size:var(--text-sm);line-height:1.45;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-web-source-link-card-domain{font-size:var(--text-2xs);color:color-mix(in srgb,var(--text-muted) 88%,transparent)}.msg-search-preview-meta{padding:0 .55rem .5rem}.msg-search-preview-meta-link{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent);text-decoration:none;word-break:break-word}.msg-search-preview-meta-link:hover{text-decoration:underline}.msg-web-sources{margin-top:.65rem;padding-top:.55rem;border-top:1px solid var(--border)}.msg-web-sources--compact{margin-top:.45rem;padding-top:.4rem}.msg-web-sources-fold{margin-top:.15rem}.msg-web-sources-fold summary{cursor:pointer;list-style:none;user-select:none}.msg-web-sources-fold summary::-webkit-details-marker{display:none}.msg-web-sources--compact .msg-web-source-item{padding:.35rem .45rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 35%,var(--surface))}.msg-web-sources--compact .msg-web-source-item--primary{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.msg-web-sources--compact .msg-web-source-head{gap:.35rem;align-items:center}.msg-web-sources--compact .msg-web-source-link{flex:1;min-width:0;font-size:var(--text-xs);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-web-sources--compact .msg-web-source-type-pill{flex-shrink:0;font-size:var(--text-2xs);padding:.12rem .35rem}.msg-web-source-open-inline{flex-shrink:0;font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--accent);text-decoration:none}.msg-web-source-open-inline:hover{text-decoration:underline}.msg-web-sources--compact .msg-web-source-link-card,.msg-web-sources--compact .msg-web-source-snippet,.msg-web-sources--compact .msg-web-source-actions{display:none}.msg-web-sources--compact .msg-web-source-media{margin-top:.35rem}.msg-search-preview--compact{margin-top:.45rem;padding-top:.45rem}.msg-search-preview--compact .msg-search-preview-hero{margin-bottom:.45rem}.msg-search-preview--compact .msg-search-preview-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:.45rem}.msg-search-preview--compact .msg-search-preview-meta-link{font-size:var(--text-2xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-web-sources-title{margin:0 0 .4rem;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.msg-web-sources-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.msg-web-source-link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent);text-decoration:none;word-break:break-word}.msg-web-source-link:hover{text-decoration:underline}.msg-web-source-head{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.msg-web-source-type-pill,.canvas-web-source-type-pill{font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:.1rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.msg-web-source-media,.canvas-web-source-media{margin-top:.35rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 50%,var(--surface))}.msg-web-source-media.is-media-failed:after,.canvas-web-source-media.is-media-failed:after{content:"\9884\89c8\4e0d\53ef\7528\ff08\7ad9\70b9\9650\5236\8de8\57df\ff09\ff0c\8bf7\7528\300c\6253\5f00\7f51\9875\300d\6216\300c\4e0b\8f7d\300d";display:block;padding:.45rem .55rem;font-size:var(--text-xs);color:var(--text-muted)}.msg-web-source-preview-img,.canvas-web-source-preview-img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:8px;cursor:zoom-in}.msg-search-preview-media:not(.msg-search-preview-media--hero).is-landscape-media .msg-web-source-preview-img,.msg-search-preview-media:not(.msg-search-preview-media--hero).is-square-media .msg-web-source-preview-img{max-height:220px}.msg-search-preview-media:not(.msg-search-preview-media--hero).is-landscape-media .msg-web-source-preview-video,.msg-search-preview-media:not(.msg-search-preview-media--hero).is-square-media .msg-web-source-preview-video{max-height:220px}.msg-web-source-preview-video,.canvas-web-source-preview-video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#000;border-radius:8px}.msg-web-source-preview-audio,.canvas-web-source-preview-audio{display:block;width:100%}.msg-web-source-actions,.canvas-web-source-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.msg-web-source-btn,.canvas-web-source-btn{font-size:var(--text-xs);padding:.15rem .45rem;text-decoration:none}.msg-web-source-snippet{margin:.2rem 0 0;font-size:var(--text-xs);line-height:1.45;color:var(--text-muted)}.canvas-web-sources{margin-top:.35rem}.canvas-preview-gallery{margin-top:.5rem}.canvas-preview-gallery-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.55rem;list-style:none;padding:0;margin:.35rem 0 0}.canvas-preview-gallery-item .canvas-web-source-preview-img,.canvas-preview-gallery-item .canvas-web-source-preview-video{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:8px}.canvas-preview-gallery-item .canvas-web-source-media.is-portrait-media{max-width:min(100%,200px);margin-left:auto;margin-right:auto}.canvas-preview-embed-wrap{width:100%;border-radius:8px;overflow:hidden;background:var(--surface-2, rgba(255, 255, 255, .04))}.canvas-preview-embed-wrap.is-portrait-media,.msg-web-source-embed.is-portrait-media,.msg-search-preview-embed.is-portrait-media{max-width:min(100%,320px);margin-left:auto;margin-right:auto}.canvas-preview-embed-wrap.is-landscape-media,.msg-search-preview-embed.is-landscape-media,.msg-web-source-embed.is-landscape-media{max-height:min(420px,56vh)}.canvas-preview-embed-wrap.is-portrait-media,.msg-web-source-embed.is-portrait-media,.msg-search-preview-embed.is-portrait-media{max-height:min(560px,72vh)}.canvas-preview-embed-wrap .canvas-preview-embed-frame,.msg-web-source-embed.is-portrait-media .msg-web-source-embed-frame,.msg-search-preview-embed.is-portrait-media .msg-search-preview-embed-frame{max-height:none}.canvas-preview-embed-frame{width:100%;height:100%;border:0}.canvas-preview-link-card{padding:.45rem .55rem;border:1px dashed var(--border);border-radius:8px;font-size:var(--text-xs)}.canvas-preview-link-card a{color:var(--accent);word-break:break-all}.canvas-preview-text-fold{margin-top:.45rem}.canvas-preview-text-fold summary{cursor:pointer;margin-bottom:.35rem}.canvas-node.canvas-node--preview.is-sized .canvas-node-ports-row{flex:1;min-height:0;display:flex;align-items:stretch}.canvas-node.canvas-node--preview.is-sized .canvas-node-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.canvas-node.canvas-node--preview{overflow:visible}.canvas-node.canvas-node--preview .canvas-node-ports-row{overflow:hidden;border-bottom-left-radius:var(--canvas-node-radius);border-bottom-right-radius:var(--canvas-node-radius)}.canvas-node.canvas-node--preview .canvas-preview-body{display:flex;flex-direction:column;gap:0;min-height:0;flex:1}.canvas-node.canvas-node--preview .canvas-preview-actions{position:relative;z-index:5;flex-shrink:0;padding-bottom:.35rem;background:linear-gradient(180deg,transparent 0%,var(--bg-elevated) 42%)}.canvas-node.canvas-node--preview .canvas-preview-action-btn[data-tip]:after{bottom:auto;top:calc(100% + 6px)}.canvas-node.canvas-node--preview .canvas-node-output{max-height:none}.canvas-node.canvas-node--preview.is-sized .canvas-node-output-wrap--fill{flex:1;min-height:0}.canvas-node.canvas-node--preview.is-sized .canvas-preview-gallery-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.canvas-node.canvas-node--preview .canvas-preview-gallery-item .canvas-web-source-preview-img{max-height:220px;cursor:zoom-in}.canvas-preview-link-source{margin:.25rem 0 0}.canvas-preview-link-source a{color:var(--accent);font-size:var(--text-xs)}.canvas-preview-expand{position:fixed;inset:0;z-index:1350;display:flex;align-items:stretch;justify-content:center}.canvas-preview-expand.hidden{display:none}.canvas-preview-expand-backdrop{position:absolute;inset:0;border:0;background:#0000009e;cursor:pointer}.canvas-preview-expand-inner{position:relative;z-index:1;margin:2vh 2vw;width:min(960px,96vw);max-height:96vh;overflow:hidden;display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:0 24px 64px #00000073}.canvas-preview-expand-close{position:absolute;top:.45rem;right:.55rem;z-index:2;border:0;background:transparent;color:var(--text-muted);font-size:1.35rem;line-height:1;cursor:pointer}.canvas-preview-expand-body{padding:1rem 1rem 0;overflow-x:hidden;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.canvas-preview-expand-body .canvas-preview-body{display:flex;flex-direction:column;gap:0;min-height:0;flex:1}.canvas-preview-expand-body .canvas-preview-scroll{padding-right:.1rem}.canvas-preview-expand-body .canvas-node-preview-media{aspect-ratio:auto;max-height:min(58vh,640px);width:fit-content;max-width:100%;margin:0 auto}.canvas-preview-expand-body .canvas-node-preview-img,.canvas-preview-expand-body .canvas-node-preview-img--gen{max-height:min(58vh,640px);width:auto;max-width:100%;height:auto;object-fit:contain}.canvas-preview-expand-body .canvas-preview-actions{position:sticky;bottom:0;z-index:6;flex-shrink:0;padding:.65rem .15rem max(.85rem,env(safe-area-inset-bottom,0px));margin-top:.35rem;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:var(--surface)}.canvas-preview-expand-body .canvas-preview-action-btn[data-tip]:after{bottom:auto;top:calc(100% + 6px)}.canvas-preview-expand-body .canvas-node-preview-media--video,.canvas-preview-expand-body .canvas-web-source-media{width:100%;display:flex;align-items:center;justify-content:center;background:#000;border-radius:10px;overflow:hidden}.canvas-preview-expand-body .canvas-node-preview-video,.canvas-preview-expand-body .canvas-web-source-preview-video{width:100%;max-width:100%;max-height:min(72vh,720px);min-height:min(40vh,280px);height:auto;border-radius:0;background:#000;object-fit:contain}.canvas-preview-expand-body .canvas-node-preview-audio,.canvas-preview-expand-body .canvas-web-source-preview-audio{width:100%;max-height:none}.canvas-preview-expand-body .canvas-node-output{max-height:none;min-height:12rem}.canvas-preview-expand-body .canvas-preview-gallery-item .canvas-web-source-preview-img{max-height:min(50vh,420px)}.canvas-preview-expand-body .canvas-preview-gallery-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.canvas-preview-expand-body .hidden-action{display:none!important}@media(max-width:640px){.canvas-preview-expand-inner{margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;border-left:0;border-right:0}.canvas-preview-expand-body{padding:max(.65rem,env(safe-area-inset-top,0px)) max(.65rem,env(safe-area-inset-right,0px)) max(.65rem,env(safe-area-inset-bottom,0px)) max(.65rem,env(safe-area-inset-left,0px))}.canvas-preview-expand-body .canvas-node-preview-video,.canvas-preview-expand-body .canvas-web-source-preview-video{max-height:min(58vh,560px);min-height:min(36vh,220px)}.canvas-preview-expand-body .canvas-preview-gallery-list{grid-template-columns:1fr}}body.canvas-preview-expand-open,html.canvas-preview-expand-open{overflow:hidden;overscroll-behavior:none}.canvas-image-lightbox{position:fixed;inset:0;z-index:1360;display:flex;align-items:center;justify-content:center;padding:1.5rem}.canvas-image-lightbox.hidden{display:none}.canvas-image-lightbox-backdrop{position:absolute;inset:0;border:none;background:#000000db;cursor:zoom-out}.canvas-image-lightbox-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.65rem;max-width:min(96vw,1200px);max-height:94vh}.canvas-image-lightbox-img{display:block;max-width:100%;max-height:calc(94vh - 2.5rem);width:auto;height:auto;border-radius:8px;box-shadow:0 12px 48px #00000073;-webkit-user-select:auto;user-select:auto}.canvas-image-lightbox-close{position:absolute;top:-.15rem;right:-.15rem;z-index:2;border:none;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text-muted);font-size:1.35rem;line-height:1;width:2rem;height:2rem;border-radius:999px;cursor:pointer}.canvas-image-lightbox-hint{margin:0;font-size:var(--text-sm);color:color-mix(in srgb,#fff 72%,transparent);text-align:center}body.canvas-image-lightbox-open{overflow:hidden;overscroll-behavior:none}.canvas-web-sources-list{margin:.25rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.canvas-web-source-head{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem}.canvas-web-source-head a{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent);text-decoration:none;word-break:break-word}.canvas-web-source-head a:hover{text-decoration:underline}.canvas-web-source-snippet{margin:.15rem 0 0;font-size:var(--text-2xs);line-height:1.4;color:var(--text-muted)}.msg-row--assistant .msg.assistant{color:var(--text);text-align:left}.msg.system{align-self:stretch;max-width:100%;font-size:var(--text-base);color:var(--text-muted);line-height:1.6;text-align:center}.msg.assistant.loading-dots{color:var(--text-muted)}.msg.assistant.is-thinking{padding:0;background:none;border:none;box-shadow:none}.msg-assistant-thinking{display:inline-flex;align-items:center;gap:.55rem;max-width:100%}.msg-assistant-thinking-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:3.1rem;height:2.15rem;padding:0 .9rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);animation:chat-thinking-glow 1.85s ease-in-out infinite}.msg-assistant-thinking-dots{display:inline-flex;align-items:center;gap:.3rem}.msg-assistant-thinking-dots span{width:.42rem;height:.42rem;border-radius:50%;background:var(--accent);animation:chat-thinking-dot 1.05s ease-in-out infinite}.msg-assistant-thinking-dots span:nth-child(2){animation-delay:.14s}.msg-assistant-thinking-dots span:nth-child(3){animation-delay:.28s}.msg-assistant-thinking-label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}@keyframes chat-thinking-dot{0%,70%,to{transform:translateY(0);opacity:.38}35%{transform:translateY(-5px);opacity:1}}@keyframes chat-thinking-glow{0%,to{box-shadow:none}50%{box-shadow:none}}.chat-composer,.vision-composer{flex-shrink:0;padding:.75rem 1.5rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));background:transparent;border:none;isolation:isolate}.history-storage-notice{margin:0 1.5rem .5rem;padding:.55rem .75rem;font-size:var(--text-sm);line-height:1.45;color:var(--text);background:color-mix(in srgb,#f59e0b 14%,var(--surface));border:1px solid color-mix(in srgb,#f59e0b 35%,var(--border));border-radius:10px}.history-storage-notice.hidden{display:none}.msg-media-omitted,.msg-user-attach-pill{font-size:var(--text-sm);color:var(--text-muted)}.msg-user-attach-pill{display:inline-block;margin-bottom:.35rem}.chat-composer-inner,.vision-composer-inner,.home-composer-inner{display:flex;align-items:flex-end;gap:.65rem;width:100%}.chat-prompt-shell,.vision-prompt-shell{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start;gap:.55rem;min-height:auto;padding:.5rem .65rem;border:1px solid var(--border);border-radius:14px;background:transparent;transition:border-color .15s,box-shadow .15s}.chat-prompt-shell{flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0 0;overflow:visible}.composer-has-send{position:relative}.chat-prompt-main{display:flex;flex-direction:row;align-items:flex-start;gap:.55rem;width:100%;min-width:0;padding:0 .75rem}.chat-prompt-editor{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.composer-input-area{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:.2rem;overflow:visible}.composer-bottom-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;align-self:stretch;width:100%;min-width:0;margin-top:.25rem;padding:0 .75rem .38rem;gap:.45rem;overflow:visible}.composer-bottom-bar .studio-cap-bar{flex:1 1 auto;width:auto;min-width:0}#page-chat .composer-bottom-bar.is-studio-simple-panel>.studio-model-row:not(.studio-simple-settings-models .studio-model-row){display:none}#page-chat .composer-bottom-bar.is-studio-simple-panel .studio-model-row-home{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#page-chat .studio-simple-cap-panel{display:flex;flex-direction:column;gap:0;width:100%}#page-chat .chat-prompt-shell.is-studio-simple-panel{border-radius:18px;background:var(--composer-shell-bg);border:1px solid var(--composer-shell-border);box-shadow:var(--composer-shell-shadow)}#page-chat .chat-prompt-shell.is-studio-simple-panel:focus-within{border-color:var(--composer-shell-border-focus);background:var(--composer-shell-bg);box-shadow:var(--composer-shell-shadow-focus)}#page-chat .studio-composer-attach-slot{width:100%;padding:.35rem .75rem .15rem;box-sizing:border-box;flex:0 0 auto}#page-chat .chat-composer-inner{flex-direction:column;align-items:stretch}#page-chat .chat-composer-inner>.chat-prompt-shell{width:100%;flex:1 1 auto;min-width:0}#page-chat .studio-composer-attach-slot .studio-attach-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.45rem;width:100%}#page-chat .studio-composer-attach-slot .studio-attach-text-btn{min-height:1.75rem;padding:.22rem .62rem}#page-chat .composer-dock-bar.is-studio-simple-panel{margin-top:0;padding:0;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}#page-chat .chat-prompt-shell.is-studio-simple-panel .composer-action-rail{padding-right:.75rem;padding-bottom:.28rem;gap:.35rem}#page-chat .chat-prompt-shell.is-studio-simple-panel .composer-bottom-bar.is-studio-simple-panel .studio-jimeng-dock{padding-top:.5rem}#page-chat .composer-dock-bar.is-studio-simple-panel .studio-cap-bar{width:100%;overflow:visible}:is(.composer-bottom-bar,.ma-composer-slot--caps,#page-chat) .studio-jimeng-dock{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.35rem;width:100%;padding:.45rem .75rem .55rem;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;-webkit-overflow-scrolling:touch}:is(.composer-bottom-bar,.ma-composer-slot--caps,#page-chat) .studio-jimeng-dock-zone{display:flex;align-items:center;gap:.35rem;min-width:0}:is(.composer-bottom-bar,.ma-composer-slot--caps,#page-chat) .studio-jimeng-dock-cap{flex:0 0 auto}#studio-jimeng-dock-models{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.45rem;flex:1 1 auto;min-width:0;max-width:none}#studio-jimeng-dock-models:empty{display:none}#studio-jimeng-dock-models .studio-model-row{display:flex;flex-wrap:nowrap;align-items:center;gap:.35rem;flex:0 0 auto;width:auto;max-width:none;margin:0}:is(#studio-jimeng-dock-models,.studio-jimeng-dock-credit-row) #studio-credit-estimate{flex:1 1 auto;min-width:0;order:2;display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;margin:0;padding:0;background:transparent;border:none;border-radius:0;font-size:var(--text-2xs, .62rem);line-height:1.3}:is(#studio-jimeng-dock-models,.studio-jimeng-dock-credit-row) #studio-credit-estimate:not(.hidden) .studio-credit-estimate-main{color:color-mix(in srgb,var(--success, #4ade80) 88%,var(--text));font-weight:var(--weight-semibold, 600)}:is(#studio-jimeng-dock-models,.studio-jimeng-dock-credit-row) #studio-credit-estimate .studio-credit-estimate-main,:is(#studio-jimeng-dock-models,.studio-jimeng-dock-credit-row) #studio-credit-estimate .studio-credit-estimate-tokens{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#studio-jimeng-dock-params{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:center;gap:.4rem 0;flex:1 1 auto;justify-content:flex-end;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}#studio-jimeng-dock-params:empty{display:none}#studio-jimeng-dock-models .model-picker:not(.hidden){display:flex;flex-direction:row;align-items:center;min-width:0;max-width:none;width:auto;flex:0 0 auto}#studio-jimeng-dock-models .model-picker-label{display:none}#studio-jimeng-dock-models .studio-model-row:has([data-studio-picker=music]:not(.hidden)):has([data-studio-picker=tts]:not(.hidden)){flex-wrap:nowrap;flex:1 1 auto;min-width:0;gap:.35rem}#studio-jimeng-dock-models .studio-model-row:has([data-studio-picker=music]:not(.hidden)):has([data-studio-picker=tts]:not(.hidden)) .model-picker{flex:1 1 0;min-width:0;max-width:none}#studio-jimeng-dock-models .studio-model-row:has([data-studio-picker=music]:not(.hidden)):has([data-studio-picker=tts]:not(.hidden)) .model-picker-trigger{max-width:min(12rem,26vw)}#studio-jimeng-dock-models .model-picker-control{min-width:0;max-width:none;width:auto}#studio-jimeng-dock-models .model-picker-trigger{min-height:2.05rem;max-width:min(17rem,34vw);padding:.32rem .68rem;border-radius:0;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--surface-2) 70%,var(--bg));font-size:var(--text-xs);font-weight:var(--weight-semibold)}#studio-jimeng-dock-models .model-picker-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#studio-jimeng-dock-params .studio-param-label{display:none}#studio-jimeng-dock-params .studio-param-section-label,.studio-mobile-settings-body .studio-param-section-label{flex:0 0 auto;font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em;padding:0 .15rem;white-space:nowrap;align-self:center}#studio-jimeng-dock-params .studio-param-group{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.28rem;width:auto;max-width:none;flex:0 0 auto;min-width:0;padding-left:.55rem;margin-left:.1rem;border-left:1px solid color-mix(in srgb,var(--border) 72%,transparent)}#studio-jimeng-dock-params .studio-param-group:first-child,#studio-jimeng-dock-params .studio-param-section-label+.studio-param-group{padding-left:0;margin-left:0;border-left:none}#studio-jimeng-dock-params .studio-param-chips,#studio-jimeng-dock-params .studio-param-chips--wrap,#studio-jimeng-dock-params .studio-param-chips--scroll-snap{display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;overflow:visible;width:auto;max-width:none;min-width:0;padding-bottom:0;gap:.28rem}#studio-jimeng-dock-params .studio-aspect-btn,#studio-jimeng-dock-params .studio-param-btn{min-height:2.05rem;padding:.28rem .62rem;font-size:var(--text-xs);white-space:nowrap}#studio-jimeng-dock-params .studio-param-group--slider{flex:0 0 auto;width:auto;min-width:0;gap:.28rem}#studio-jimeng-dock-params .studio-param-group--hint,#studio-jimeng-dock-params .studio-voice-modes-wrap{flex-wrap:wrap;max-width:100%;padding-left:0;margin-left:0;border-left:none}#studio-jimeng-dock-params .studio-param-slider{width:3.75rem}#studio-jimeng-dock-params .studio-param-slider-value{min-width:1.35rem;font-size:var(--text-2xs)}#page-chat .composer-dock-bar.is-studio-simple-panel .studio-jimeng-dock{flex-direction:column;align-items:stretch;flex-wrap:nowrap;overflow-x:visible;overflow-y:visible;gap:.2rem}#page-chat .composer-dock-bar.is-studio-simple-panel .studio-jimeng-dock-toolbar,#page-chat .composer-dock-bar.is-studio-simple-panel .studio-jimeng-dock-toolbar--desktop{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem .65rem;width:100%;min-width:0}#page-chat .composer-dock-bar.is-studio-simple-panel .studio-jimeng-dock-toolbar--desktop .studio-jimeng-dock-cap{flex:0 0 auto}#page-chat .composer-dock-bar.is-studio-simple-panel .studio-jimeng-dock-toolbar--desktop #studio-jimeng-dock-models{flex:0 1 auto;min-width:0;max-width:min(18rem,42vw)}#page-chat .composer-dock-bar.is-studio-simple-panel .studio-jimeng-dock-toolbar--desktop #studio-jimeng-dock-params{flex:1 1 12rem;min-width:0;justify-content:flex-end}#page-chat .composer-dock-bar.is-studio-simple-panel .studio-jimeng-dock-credit-row{width:100%;min-width:0;padding-top:.05rem}#page-chat .composer-dock-bar.is-studio-simple-panel .studio-jimeng-dock-credit-row #studio-credit-estimate{width:100%;max-width:100%}.composer-bottom-bar.is-studio-simple-panel:has(#studio-jimeng-dock-models .studio-model-row)>#studio-model-row{display:none!important}.ma-composer-slot--caps.is-studio-simple-panel,.ma-composer-dock.is-studio-simple-panel,.ma-composer-slot--caps.is-studio-simple-panel .studio-cap-bar,.ma-composer-slot--caps.is-studio-simple-panel .studio-simple-cap-panel{width:100%;min-width:0}.studio-size-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;line-height:1.05;min-width:2.35rem;padding-top:.18rem;padding-bottom:.18rem}.studio-size-btn-tier{font-size:inherit;font-weight:inherit}.studio-size-btn-hint{font-size:.58rem;font-weight:var(--weight-medium);opacity:.82;letter-spacing:.02em}.studio-size-btn.active .studio-size-btn-hint{opacity:.92}.studio-size-btn--featured:not(.active){border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:color-mix(in srgb,var(--accent) 85%,var(--text))}.studio-size-btn--featured:not(.active) .studio-size-btn-hint{color:color-mix(in srgb,var(--accent) 90%,var(--text-muted))}#studio-jimeng-dock-params .studio-segmented{flex-wrap:nowrap}#studio-jimeng-dock-params .studio-voice-modes-wrap{display:inline-flex;flex:0 0 auto;align-items:center;gap:.35rem;flex-wrap:nowrap;width:auto;margin:0}@media(min-width:769px){#page-chat .composer-action-rail .studio-composer-privacy-inset{display:none}}:is(.composer-bottom-bar,.ma-composer-dock) .studio-cap-bar:has(.studio-jimeng-cap-panel){align-items:stretch;flex-wrap:nowrap;width:100%}:is(.composer-bottom-bar,.ma-composer-dock).is-studio-simple-panel{flex-wrap:nowrap;align-items:stretch}#page-chat .studio-cap-bar:has(.studio-jimeng-cap-panel){align-items:stretch;flex-wrap:nowrap}#page-chat .studio-jimeng-mode-btn,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-btn{display:inline-flex;align-items:center;gap:.4rem;max-width:min(100%,20rem);min-height:2.05rem;padding:.32rem .68rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));color:var(--text);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.2;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .15s,background .15s,color .15s}#page-chat .studio-jimeng-mode-text-col,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-text-col{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;min-width:0}#page-chat .studio-jimeng-mode-sub,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-sub{font-size:var(--text-2xs);font-weight:var(--weight-regular);line-height:1.2;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(14rem,42vw)}.composer-bottom-bar .studio-cap-route-wrap{width:100%;padding:0 .15rem .2rem}.composer-bottom-bar .studio-cap-route-wrap .studio-route-hint{display:block;font-size:var(--text-2xs);color:var(--text-muted);line-height:1.35}.studio-credit-estimate-main--ok{color:var(--text-muted)}#page-chat .studio-jimeng-mode-btn.is-open,#page-chat .studio-jimeng-mode-btn:hover,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-btn.is-open,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-btn:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));color:var(--accent)}#page-chat .studio-jimeng-mode-icon,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--accent)}#page-chat .studio-jimeng-mode-text,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-chat .studio-jimeng-mode-chevron,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-chevron{flex-shrink:0;font-size:.72rem;color:var(--text-muted);transition:transform .15s}#page-chat .studio-jimeng-mode-btn.is-open .studio-jimeng-mode-chevron,.composer-bottom-bar.is-studio-simple-panel .studio-jimeng-mode-btn.is-open .studio-jimeng-mode-chevron{transform:rotate(180deg)}.studio-jimeng-menu-popover{padding:.35rem 0;border-radius:var(--header-popover-radius, 14px);background:var(--studio-glass-bg, var(--header-popover-bg, var(--bg-elevated)));border:1px solid var(--studio-glass-border, var(--header-popover-border, var(--border)));box-shadow:var(--header-popover-shadow, var(--shadow), 0 16px 48px rgba(0, 0, 0, .22))}.studio-jimeng-menu-popover.is-positioned{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.studio-jimeng-menu-popover:not(.studio-cap-popover--sheet){z-index:1400}.studio-jimeng-menu-title{margin:0;padding:.55rem 1rem .35rem;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--text-muted);background:var(--studio-glass-bg, var(--header-popover-bg, var(--bg-elevated)))}.studio-jimeng-menu-group-label{margin:0;padding:.5rem 1rem .2rem;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--text-muted)}.studio-jimeng-menu-group-label:first-child{padding-top:.35rem}.studio-jimeng-menu-list{display:flex;flex-direction:column;gap:.1rem;padding:.15rem .35rem .35rem;background:var(--studio-glass-bg, var(--header-popover-bg, var(--bg-elevated)))}.studio-jimeng-menu-item{display:grid;grid-template-columns:1.1rem 1.25rem minmax(0,1fr);align-items:center;gap:.55rem;width:100%;padding:.62rem .65rem;border:none;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .12s}.studio-jimeng-menu-item:hover:not(:disabled){background:var(--panel-card-hover-bg, color-mix(in srgb, var(--accent) 10%, var(--surface-2)))}.studio-jimeng-menu-item.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));color:var(--accent)}.studio-jimeng-menu-check{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent);text-align:center}.studio-jimeng-menu-item-icon{width:1.1rem;height:1.1rem;color:var(--text-muted)}.studio-jimeng-menu-item.is-active .studio-jimeng-menu-item-icon{color:var(--accent)}.studio-jimeng-menu-item-label{min-width:0;color:inherit;font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-chat .studio-simple-cap-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:0}#page-chat .studio-simple-group-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:3rem;padding:.35rem .25rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:inherit;cursor:pointer}#page-chat .studio-simple-group-btn.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}#page-chat .studio-simple-group-label{font-size:var(--text-xs);font-weight:700;line-height:1.2}#page-chat .studio-simple-group-cap{font-size:.65rem;color:var(--text-muted);line-height:1.2}.studio-simple-save-hint{margin:0;padding:.55rem .65rem;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--warning, #fbbf24) 28%,var(--border));background:color-mix(in srgb,var(--warning, #fbbf24) 8%,transparent);font-size:var(--text-xs);line-height:1.45;color:var(--text-muted)}.studio-simple-save-hint--inline{padding:.45rem .55rem;font-size:.68rem}#page-chat .studio-simple-settings-btn{width:100%;min-height:2.25rem;border-radius:var(--radius-sm);border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));background:transparent;color:var(--accent);font-size:var(--text-sm);font-weight:700;cursor:pointer}#page-chat .studio-simple-settings-btn.is-open{border-style:solid;background:color-mix(in srgb,var(--accent) 12%,transparent)}#page-chat .studio-cap-popover--sheet:not(.studio-jimeng-menu-popover){max-height:min(58vh,420px);overflow:hidden;display:flex;flex-direction:column;z-index:1200;border-radius:var(--radius);border:1px solid var(--studio-glass-border, var(--header-popover-border, var(--border)));background:var(--studio-glass-bg, var(--header-popover-bg, var(--bg-elevated)));box-shadow:var(--header-popover-shadow, var(--shadow-lg, 0 12px 40px rgba(0, 0, 0, .25)));padding:.75rem .85rem}#page-chat .studio-cap-popover--sheet:not(.studio-jimeng-menu-popover) .studio-cap-card-body{flex:1 1 auto;min-height:0;overflow-y:auto}#page-chat .studio-cap-popover--sheet.studio-jimeng-menu-popover{max-height:min(58vh,420px);overflow:hidden;display:flex;flex-direction:column;z-index:1200;border-radius:var(--radius);border:1px solid var(--studio-glass-border, var(--header-popover-border, var(--border)));background:var(--studio-glass-bg, var(--header-popover-bg, var(--bg-elevated)));box-shadow:var(--header-popover-shadow, var(--shadow-lg, 0 12px 40px rgba(0, 0, 0, .25)));padding:0}#page-chat .studio-cap-popover--sheet.studio-jimeng-menu-popover .studio-jimeng-sheet-header{flex-shrink:0}#page-chat .studio-cap-popover--sheet.studio-jimeng-menu-popover .studio-jimeng-menu-list{flex:1 1 auto;min-height:0;overflow-y:auto}#page-chat .studio-simple-cap-picker-title{margin:0 0 .65rem;font-size:var(--text-sm);font-weight:800}#page-chat .studio-simple-cap-picker-list{display:flex;flex-direction:column;gap:.35rem}#page-chat .studio-simple-cap-pick-btn{width:100%;min-height:2.5rem;justify-content:flex-start;text-align:left}#page-chat .studio-simple-settings-models{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.65rem}#page-chat .studio-simple-settings-models .studio-model-row{display:flex;flex-direction:column;gap:.5rem;max-width:none;width:100%}#page-chat .studio-simple-settings-models .model-picker{width:100%;max-width:none}#page-chat .studio-simple-settings-models .model-picker-label{display:block;font-size:var(--text-xs);margin-bottom:.2rem}#page-chat .studio-simple-settings-models .model-picker-trigger{width:100%;min-height:2.5rem}#page-chat .composer-bottom-bar .chat-composer-models,#page-chat .composer-bottom-bar .studio-model-row{flex:0 0 auto;width:auto;max-width:18rem;flex-wrap:nowrap;margin:0}#page-chat .composer-bottom-bar .studio-model-row .model-picker{flex:0 1 auto;min-width:0;max-width:18rem;width:auto}#page-chat .composer-bottom-bar .model-picker-label{display:none}#page-chat .composer-bottom-bar .model-picker-control{flex:1 1 auto;min-width:0;max-width:18rem;width:auto}#page-chat .composer-bottom-bar .model-picker-trigger{min-width:0;max-width:18rem;width:100%}#page-chat .composer-bottom-bar .model-picker-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-chat .composer-bottom-bar .model-picker-control{position:relative;overflow:visible}#page-chat .composer-bottom-bar .model-picker-menu{z-index:50000}.studio-credit-estimate{flex:1 1 100%;order:10;margin:0;padding:.2rem .15rem 0;font-size:var(--text-xs);line-height:1.45;color:var(--text-muted);display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .35rem}.studio-credit-estimate-main{color:var(--text-secondary);font-weight:var(--weight-medium)}.studio-credit-estimate-tokens{color:var(--text-secondary);font-size:.92em;font-variant-numeric:tabular-nums}.studio-credit-estimate-note{flex:1 1 100%;margin:.1rem 0 0;color:var(--text-muted);font-size:.88em;line-height:1.4}.studio-credit-estimate-route-hint{flex:1 1 100%;margin:.15rem 0 0;color:var(--synex-warning, #e6a23c);font-size:.88em;line-height:1.4}.studio-credit-estimate-main--warn{color:var(--synex-warning, #e6a23c);font-weight:var(--weight-semibold, 600)}.model-picker-credit-badge{flex-shrink:0;margin-left:0;grid-column:-1;padding:.1rem .4rem;border-radius:999px;font-size:.72rem;font-weight:var(--weight-medium);color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.canvas-node-credit-estimate{display:inline-flex;align-items:center;justify-content:center;position:static;z-index:4;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;font-size:.72rem;line-height:1.2;color:var(--text-secondary);background:transparent;cursor:help;transition:color .15s ease}.canvas-node-credit-estimate-main{color:inherit;font-weight:var(--weight-medium)}.canvas-node-credit-estimate:hover,.canvas-node-credit-estimate:focus-visible{color:var(--text-primary);outline:none}.canvas-node-credit-estimate-main--warn{color:var(--synex-warning, #e6a23c);font-weight:var(--weight-semibold, 600)}.studio-cap-popover .studio-cap-card-body{flex-wrap:wrap;overflow-x:visible;padding:.55rem .65rem .6rem;gap:.5rem .7rem}.studio-cap-popover .studio-param-btn.active,.studio-cap-popover .studio-aspect-btn.active{color:var(--btn-on-accent-fg, var(--text-primary));background:var(--accent);border-color:var(--accent)}.studio-cap-popover :where(.studio-param-btn,.studio-aspect-btn,.studio-voice-mode-btn,.studio-capability-option,.studio-cap-option,button,[role=option],[role=menuitem]),.studio-cap-popover :where(.studio-param-btn:hover,.studio-aspect-btn:hover,.studio-voice-mode-btn:hover,.studio-capability-option:hover,.studio-cap-option:hover,button:hover,[role=option]:hover,[role=menuitem]:hover){border-radius:0!important}.composer-action-rail{display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;align-self:flex-end;justify-content:flex-end;gap:.2rem;margin-top:.05rem;padding:0 0 .12rem;max-width:100%}.composer-prompt-with-voice{position:relative;flex-wrap:wrap;align-content:flex-start}.chat-prompt-shell:focus-within,.vision-prompt-shell:focus-within{border-color:var(--composer-shell-border-focus, color-mix(in srgb, var(--accent) 45%, var(--border)));box-shadow:var(--composer-shell-shadow-focus, var(--glow-accent-focus))}.vision-composer.dragover .vision-prompt-shell{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}#chat-input,#home-studio-input,.vision-composer textarea{flex:1 1 auto;min-width:0;width:100%;min-height:2.75rem;max-height:10rem;resize:vertical;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--text);line-height:1.55;font-size:var(--text-base);box-shadow:none}:where(#view-app,#view-home,#view-auth,#page-workflows,#page-canvas,#page-account,#page-plans,.model-plaza-page) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.model-picker-trigger,.model-plaza-search){background:var(--synex-input-surface, var(--surface-2))!important;border-color:var(--border)!important;border-radius:0!important;color:var(--text)!important}:where(#view-app,#view-home,#view-auth,#page-workflows,#page-canvas,#page-account,#page-plans,.model-plaza-page) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.model-picker-trigger,.model-plaza-search):focus{background:var(--synex-input-surface-focus, var(--surface-2))!important;border-color:var(--accent)!important;outline:none;box-shadow:var(--glow-accent-focus)!important}:where(#view-app,#view-home,#view-auth,#page-workflows,#page-canvas,#page-account,#page-plans,.model-plaza-page) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea)::placeholder{color:var(--synex-placeholder, var(--text-muted))!important;opacity:1}.composer-has-send #chat-input,.composer-has-send #home-studio-input{padding-right:0;box-sizing:border-box}#chat-input:focus,#home-studio-input:focus,.vision-composer textarea:focus{outline:none;box-shadow:none}.vision-send-btn{flex:0 0 auto;min-width:4.5rem;align-self:flex-end;min-height:2.75rem;height:auto;padding:.5rem 1.15rem;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff}.vision-send-btn:hover:not(:disabled){background:var(--accent-hover)}.composer-send-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;margin:0;padding:0;border:none;border-radius:50%;aspect-ratio:1;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 92%,#fff 8%) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 78%,#4338ca 22%) 100%);color:#fff;cursor:pointer;touch-action:manipulation;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 4px 16px color-mix(in srgb,var(--accent) 42%,transparent);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,opacity .15s ease}.composer-send-icon{display:block;width:1rem;height:1rem}.composer-send-btn:hover:not(:disabled){filter:brightness(1.06);transform:scale(1.05);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 65%,transparent),0 6px 20px color-mix(in srgb,var(--accent) 50%,transparent)}.composer-send-btn:active:not(:disabled){transform:scale(.97)}.composer-send-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;filter:none}.composer-send-btn.is-stop{background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 92%,#fff 8%) 0%,var(--danger) 55%,color-mix(in srgb,var(--danger) 78%,#b91c1c 22%) 100%)}.composer-send-btn.is-stop:hover:not(:disabled){filter:brightness(1.05)}.composer-voice-inset{flex:0 0 auto;display:flex;align-items:center;justify-content:center;align-self:flex-end;pointer-events:none}.composer-voice-inset .composer-voice-btn{pointer-events:auto}.composer-voice-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;margin:0;padding:0;border:none;border-radius:50%;aspect-ratio:1;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;touch-action:manipulation;transition:color .15s ease,background .15s ease}.composer-voice-icon{display:block;width:1.15rem;height:1.15rem}.composer-voice-btn:hover:not(:disabled):not(.is-active){color:color-mix(in srgb,var(--accent) 70%,var(--text-muted));background:color-mix(in srgb,var(--accent) 8%,transparent)}.composer-voice-btn.is-active,.composer-voice-btn.is-listening.is-active,.composer-prompt-with-voice.composer-voice-session .composer-voice-btn{color:var(--accent)}.composer-voice-btn.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 12%,transparent)}.composer-voice-btn:disabled{opacity:.38;cursor:not-allowed}.composer-voice-status{flex:1 1 100%;width:100%;order:4;margin:.1rem 0 0;font-size:var(--text-xs);line-height:1.35;color:var(--accent);min-height:1rem}.composer-voice-status.hidden{display:none}.composer-voice-hold-bar{flex:1 1 100%;width:100%;order:5;margin-top:.15rem}.composer-voice-hold-bar.hidden{display:none}.composer-voice-hold{width:100%;padding:.62rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .12s ease,color .12s ease,border-color .12s ease}.composer-voice-hold.is-recording{color:#fff;background:var(--accent);border-color:var(--accent)}.composer-voice-hold:disabled{opacity:.55;cursor:wait}.composer-prompt-with-voice.composer-voice-session #chat-input,.composer-prompt-with-voice.composer-voice-session #home-studio-input{padding-bottom:.5rem}.vision-main{padding:1.25rem 1.5rem 1rem}.vision-result{width:100%;box-sizing:border-box;padding:0;background:none;border:none;border-radius:0;box-shadow:none;white-space:pre-wrap;line-height:1.75;font-size:var(--text-md);color:var(--text);word-break:break-word}.vision-result.is-empty{color:var(--text-muted);font-size:var(--text-base);line-height:1.6}.vision-result.is-loading{color:var(--text-muted)}.vision-prompt-shell{padding:.6rem .75rem .6rem .6rem}.vision-attach-wrap{position:relative;flex:0 0 auto;align-self:flex-start}.vision-attach-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px dashed var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,var(--input-bg));cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s}.vision-attach-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--input-bg))}.vision-attach-btn.has-image{border-style:solid}.vision-attach-icon{font-size:var(--text-3xl-md);font-weight:var(--weight-light);line-height:1;color:var(--text-muted);pointer-events:none}.vision-attach-btn.has-image .vision-attach-icon{display:none}.vision-thumb{width:100%;height:100%;object-fit:cover;display:block}.vision-clear-image{position:absolute;top:-6px;right:-6px;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:var(--surface);color:var(--text);font-size:var(--text-md);line-height:1;box-shadow:0 1px 4px #0003;cursor:pointer;z-index:1}.vision-composer textarea{padding:.2rem .25rem .2rem 0}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:2rem 1rem;text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}#page-works.page.active{overflow-y:auto;align-items:stretch;justify-content:flex-start;background:radial-gradient(120% 80% at 50% -30%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%),var(--bg)}#page-works{--ma-v2-radius-sm: 0px;--ma-v2-radius-md: 0px;--ma-v2-page-pad: 14px;--ma-v2-card-bg: var(--surface-2, var(--bg-elevated));--ma-v2-card-border: color-mix(in srgb, var(--border) 42%, transparent);--ma-text-primary: var(--text);--ma-text-secondary: var(--text-muted);--ma-text-muted: var(--text-muted)}.works-page-shell{flex:1;width:100%;max-width:none;margin:0;padding:1rem clamp(1rem,2.5vw,2.5rem) 2rem;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.works-page-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;flex-shrink:0}.works-back-studio-btn{display:inline-flex;align-items:center;gap:.35rem;font-weight:var(--weight-semibold)}.works-back-studio-icon{font-size:var(--text-md);line-height:1}.works-page-scroll{flex:1;min-height:12rem;overflow:auto;width:100%}#page-works .ma-v2-works-grid{width:100%}#page-works .ma-v2-hero{padding-top:.25rem}#page-works .ma-v2-hero-title{font-size:clamp(1.35rem,2.5vw,1.75rem)}#page-works .ma-v2-local-save-folder{max-width:none}#page-works :where(.ma-v2-works-shell,.ma-v2-hero,.ma-v2-works-notice,.ma-v2-works-tools,.ma-v2-works-cache-bar,.ma-v2-local-save-bar,.ma-v2-local-save-folder,.ma-v2-works-grid,.ma-v2-work-card,.ma-v2-works-card,.ma-v2-works-empty,.ma-v2-filter-chip,button,input,select,textarea){border-radius:0!important}#page-works :where(.ma-v2-works-notice,.ma-v2-works-cache-bar,.ma-v2-local-save-bar,.ma-v2-work-card,.ma-v2-works-card){border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important}#page-account.page.active{overflow-y:auto;align-items:stretch;justify-content:flex-start;background:radial-gradient(120% 80% at 50% -30%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),var(--bg)}.account-page-shell,.account-center{flex:1;width:100%;max-width:min(1080px,100%);margin:0 auto;padding:1rem 1.25rem 2rem;box-sizing:border-box}#page-account .account-page-shell{padding-bottom:max(4.75rem,calc(2rem + env(safe-area-inset-bottom,0px)))}.account-page-topbar{display:none;margin-bottom:.75rem}.account-back-studio-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;font-weight:var(--weight-semibold)}.account-back-studio-icon{font-size:var(--text-md);line-height:1}.account-page-hero{display:flex;flex-direction:column;gap:1rem;padding:1.35rem 1.5rem;margin-bottom:0;border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow),0 12px 40px color-mix(in srgb,var(--plan-accent, var(--accent)) 10%,transparent);position:relative;overflow:hidden}.account-page-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 120% at 100% 0%,color-mix(in srgb,var(--plan-accent, var(--accent)) 18%,transparent),transparent 55%);opacity:.65}.account-page-hero>*{position:relative;z-index:1}.account-hero-kicker{margin:0 0 .2rem;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--plan-accent, var(--accent)) 55%,var(--text-muted))}.account-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.15rem}.account-stat-card{padding:1rem 1.1rem;border-radius:0;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:none;box-shadow:0 2px 12px #0000000a}.account-stat-card--accent{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--surface)) 0%,var(--surface) 70%)}.account-stat-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem}.account-stat-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .35rem}.account-stat-main--daily{align-items:flex-start}.account-stat-value{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);line-height:1.1;letter-spacing:-.02em}.account-stat-value--sm{font-size:var(--text-lg);font-weight:var(--weight-bold)}.account-stat-unit{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}.account-stat-bar{width:100%;height:6px;margin-top:.55rem;border-radius:999px;background:color-mix(in srgb,var(--border) 80%,transparent);overflow:hidden}.account-stat-bar-fill{height:100%;border-radius:inherit;background:var(--gradient-brand-mixed)}.account-stat-foot{width:100%;margin-top:.35rem;font-size:var(--text-xs);color:var(--text-muted)}.account-stat-daily{font-size:var(--text-sm);line-height:1.55;color:var(--text);font-weight:var(--weight-medium)}.account-page-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-top:1.35rem}.account-page-column--main{min-width:0;display:flex;flex-direction:column;gap:1.15rem}.account-panel{padding:1.1rem 1.15rem 1.15rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--surface);box-shadow:var(--shadow)}.account-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.account-section-head .account-section-title{margin:0}.account-section-link{flex-shrink:0;font-size:var(--text-sm)}.account-recent-list{display:flex;flex-direction:column;gap:.45rem}.account-recent-item{display:flex;flex-direction:column;gap:.25rem;width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;font:inherit;text-align:left;color:var(--text);transition:border-color .15s,background .15s}.account-recent-item:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 4%,var(--bg))}.account-recent-main{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.account-recent-feature{font-size:var(--text-base);font-weight:var(--weight-semibold)}.account-recent-credits{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--danger, #ef4444);font-variant-numeric:tabular-nums}.account-recent-meta{display:flex;flex-wrap:wrap;gap:.35rem .65rem;font-size:var(--text-xs);color:var(--text-muted)}.account-recent-empty{margin:0;font-size:var(--text-sm);color:var(--text-muted);padding:.5rem 0}.account-page-column--aside{display:flex;flex-direction:column;gap:.75rem}.account-aside-card{padding:1rem 1.1rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--surface);box-shadow:var(--shadow)}.account-aside-card--plan{padding:1rem 1.15rem 1.1rem}.account-aside-card--hint{background:color-mix(in srgb,var(--bg) 40%,var(--surface))}.account-aside-title{margin:0 0 .55rem;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.account-aside-muted,.account-aside-daily{margin:0;font-size:var(--text-base);line-height:1.55;color:var(--text-muted)}.account-aside-notes-list{margin:0;padding:0;font-size:var(--text-base);line-height:1.55}.account-modal-billing-notes{margin:0 0 1rem;padding:0;font-size:var(--text-base);line-height:1.6}.account-aside-notes-list .billing-note-card,.account-modal-billing-notes .billing-note-card{padding:.55rem .65rem}.account-billing-desc-wrap{margin:0 0 .75rem}.account-aside-daily{color:var(--text);font-weight:var(--weight-medium)}.account-aside-foot{margin:.5rem 0 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}#account-aside-plan-body .plan-current-title{font-size:var(--text-md);margin-bottom:.25rem}#account-aside-plan-body .plan-current-meta{font-size:var(--text-sm);line-height:1.5}.account-page-body{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.account-page-main{min-width:0}.account-section-title{margin:0 0 .65rem;font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.account-module-grid{display:flex;flex-direction:column;gap:.45rem}.account-quick-actions{display:flex;align-items:stretch;gap:.55rem;width:100%;margin-top:.9rem;padding:.55rem;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--surface) 92%,var(--accent));box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.account-quick-action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:8.25rem;min-height:2.65rem;padding:.55rem .9rem;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:0;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text-primary);font-weight:var(--weight-semibold);cursor:pointer;touch-action:manipulation}.account-quick-action:hover,.account-quick-action:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.account-quick-action--danger{border-color:color-mix(in srgb,var(--danger, #ff4d5e) 45%,var(--border));color:var(--danger, #ff4d5e);background:color-mix(in srgb,var(--danger, #ff4d5e) 8%,var(--surface))}.account-user-card{display:flex;flex-direction:column;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.2rem;margin-bottom:.85rem;box-shadow:var(--shadow)}.account-user-main{display:flex;align-items:center;gap:.85rem;min-width:0}.account-user-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem;justify-content:center}.account-hero-name{margin:0;font-size:var(--text-xl);font-weight:var(--weight-extrabold);line-height:1.2;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:.2rem 0 0;min-width:0}.account-hero-handle{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.account-hero-handle+.account-hero-plan:before{content:"\b7";margin-right:.45rem;color:var(--text-muted);font-weight:var(--weight-normal)}.account-hero-plan{display:inline-flex;align-items:center;padding:.12rem .5rem;font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1.35;border-radius:999px;white-space:nowrap;color:color-mix(in srgb,var(--plan-accent, var(--accent)) 88%,var(--text));background:color-mix(in srgb,var(--plan-accent, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--plan-accent, var(--accent)) 32%,var(--border))}.account-hero-avatar-ring{width:56px;height:56px;flex-shrink:0}.account-page-hero .account-hero-avatar-ring{width:72px;height:72px}.account-hero-avatar-ring .profile-avatar-letter{font-size:var(--text-xl)}.account-page-hero .account-hero-avatar-ring .profile-avatar-letter{font-size:var(--text-2xl)}.account-page-hero .account-hero-name{font-size:var(--text-xl)}.account-user-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.account-user-actions .btn{flex:1 1 auto;min-width:7rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.account-page-hero .account-user-actions .btn{flex:0 1 auto;min-width:6.5rem}.account-module-list{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.85rem}@media(min-width:900px){.account-page-shell,.account-center{padding:1.5rem 2rem 2.5rem}.account-page-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr);gap:1.35rem;align-items:start}.account-page-column--aside{position:sticky;top:1rem}.account-page-hero{flex-direction:row;align-items:center;justify-content:space-between;gap:1.75rem;padding:1.5rem 1.85rem}.account-user-main{flex:1;gap:1.15rem}.account-hero-name{font-size:var(--text-2xl)}.account-user-actions{flex-shrink:0;flex-direction:column;align-items:stretch;gap:.55rem;min-width:7.5rem}.account-quick-actions{gap:.7rem;margin-top:1rem;padding:.7rem}.account-quick-action{flex:1 1 0}.account-page-hero .account-user-actions .btn{flex:0 0 auto;width:100%;min-width:0}.account-stats-grid{gap:1rem}.account-stat-card{padding:1.15rem 1.25rem}.account-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.account-module-grid .account-module-item{min-height:7rem;padding:1rem 1.1rem;align-items:flex-start}.account-module-grid .account-module-desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.account-module-grid .account-module-chevron{align-self:center;margin-left:auto}}@media(min-width:1040px){.account-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-module-grid .account-module-item{min-height:6.75rem}}.account-module-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font:inherit;text-align:left;color:var(--text);box-shadow:0 1px 4px #0000000a;transition:border-color .15s,background .15s}.account-module-item:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.account-module-icon{flex-shrink:0;width:2.65rem;height:2.65rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);line-height:1;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}.account-module-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.account-module-title{font-size:var(--text-base);font-weight:var(--weight-bold)}.account-module-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-module-chevron{flex-shrink:0;font-size:var(--text-xl);color:var(--text-muted);line-height:1}.account-page-footer{margin-top:.5rem;padding:1.15rem 1.15rem .25rem;border-top:1px solid var(--border)}.account-page-footer-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}.account-page-footer-col-title{margin:0 0 .75rem;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);letter-spacing:.02em}.account-page-footer-links{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.account-page-footer-link,.account-page-footer-email{padding:0;border:none;background:none;font:inherit;font-size:var(--text-sm);line-height:1.45;color:var(--text-muted);text-decoration:none;cursor:pointer;text-align:left;transition:color .15s}.account-page-footer-link:hover,.account-page-footer-email:hover{color:var(--text)}.account-page-footer-link--static{cursor:default;pointer-events:none}.account-page-footer-contact{display:flex;flex-direction:column;gap:.2rem}.community-footer-icons{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.35rem}.community-inline-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:999px;cursor:pointer;color:#fff;transition:transform .15s ease,opacity .15s ease,filter .15s ease}.community-inline-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.community-inline-btn.is-disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.35)}.community-inline-btn.is-disabled:hover{transform:none;filter:grayscale(.35)}.community-inline-btn--wechat{background:#07c160}.community-inline-btn--qq{background:#12b7f5}.community-inline-btn--discord{background:#5865f2}.community-inline-icon{width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center}.community-inline-icon svg{width:100%;height:100%}.community-footer-icons--ma{margin-top:.55rem}.community-footer-icons--ma .community-inline-btn{width:2.25rem;height:2.25rem}.ma-settings-row--static{display:flex;align-items:flex-start;width:100%;padding:.85rem 1rem;border:none;background:transparent;color:inherit;text-align:left;pointer-events:none}.ma-settings-row--static .community-footer-icons,.ma-settings-row--static .community-inline-btn{pointer-events:auto}.account-page-footer-email{font-size:var(--text-xs);user-select:all}.account-settings-card-compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem .35rem;box-shadow:var(--shadow)}.account-settings-heading{margin:0 0 .5rem;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-muted)}.profile-avatar-block{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-avatar-block-modal{margin-bottom:.75rem}.profile-avatar-ring{width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--surface-2);display:flex;align-items:center;justify-content:center}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-letter{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--accent)}.profile-avatar-upload{cursor:pointer}.profile-edit-fields h2{margin:0 0 .35rem;font-size:var(--text-xl)}.profile-edit-desc{margin:0 0 1rem;color:var(--text-muted);font-size:var(--text-base)}.profile-save-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem}.profile-save-hint{font-size:var(--text-sm);color:var(--text-muted)}.profile-field-static{gap:.35rem}.profile-static-value{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);word-break:break-all}.profile-field-hint{margin:0;font-size:var(--text-xs);line-height:1.45;color:var(--text-muted)}.profile-email-action{align-self:flex-start;margin-top:.15rem}.profile-email-action:disabled{opacity:.55;cursor:not-allowed}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.account-card-wide{grid-column:1 / -1}.usage-list-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.usage-list-header h3{margin:0}.usage-list-desc{margin:0 0 1rem;font-size:var(--text-sm);color:var(--text-muted)}.usage-logs-list{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow-y:auto;padding-right:.25rem}.usage-logs-empty{margin:0;font-size:var(--text-base);color:var(--text-muted);text-align:center;padding:1.5rem .5rem}.usage-logs-retention-note{margin:0 0 .65rem;font-size:var(--text-sm);color:var(--text-muted)}.usage-log-item{padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm, 8px);background:var(--bg)}.usage-log-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.usage-log-feature{font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.usage-log-feature-vision{background:color-mix(in srgb,var(--accent) 22%,transparent);color:#c084fc}.usage-log-credits{font-weight:var(--weight-bold);font-size:var(--text-base);color:#f87171}.usage-log-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:var(--text-sm);color:var(--text-muted)}.account-card-billing h3{margin:0 0 1rem}.account-billing-block{display:flex;flex-direction:column;gap:.5rem}.account-billing-subtitle{margin:0;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-muted)}.account-billing-desc{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.account-billing-divider{height:1px;margin:1rem 0;background:var(--border)}.account-billing-btn{width:100%;margin-top:.35rem}.billing-modal,.account-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--overlay)}.billing-modal.legal-modal{z-index:1400}.billing-modal.hidden,.account-modal.hidden{display:none!important}.billing-modal-card,.account-modal-card{position:relative;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 14px);padding:1.25rem 1.35rem 1.35rem;box-shadow:0 16px 48px #0000002e}.account-modal-card-wide{max-width:480px}.billing-modal-close,.account-modal-close{position:absolute;top:.65rem;right:.65rem;border:none;background:transparent;font-size:var(--text-xl);cursor:pointer;color:var(--text-muted)}.account-modal-card h3{margin:0 2rem .35rem 0;font-size:var(--text-xl)}.account-modal-desc{margin:0 0 1rem;font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.account-details-modal .kv{padding:.65rem 0}.account-invite-stats{margin-top:.75rem}.account-invite-link-btn{margin-top:.5rem;width:100%}.account-invite-channels-label{margin:.85rem 0 .4rem;font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.account-invite-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.account-invite-channels .btn{width:100%}.dev-api-status{margin:0 0 .85rem;padding:.55rem .75rem;border-radius:0;font-size:var(--text-sm);line-height:1.45;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border);color:var(--text-muted)}.dev-api-status--ok{color:var(--text);border-color:color-mix(in srgb,var(--accent, #6ee7b7) 35%,var(--border));background:color-mix(in srgb,var(--accent, #6ee7b7) 8%,transparent)}.dev-api-key-block{margin-bottom:.85rem}.dev-api-key-label{display:block;margin:0 0 .35rem;font-size:var(--text-sm);font-weight:600}.dev-api-warn{margin:.45rem 0 0;font-size:var(--text-xs, .78rem);color:var(--warn, #fbbf24);line-height:1.45}.dev-api-actions{margin-bottom:1rem}.dev-api-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.dev-api-section-title{margin:0 0 .55rem;font-size:var(--text-sm);font-weight:600}.dev-api-links{display:flex;flex-wrap:wrap;gap:.5rem}.dev-api-code{margin:0 0 .5rem;padding:.75rem .85rem;border-radius:0;border:1px solid var(--border);background:var(--input-bg, rgba(0, 0, 0, .2));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.45;white-space:pre-wrap;word-break:break-all;max-height:9rem;overflow:auto}.account-modal-desc code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.usage-logs-list-modal{max-height:50vh;overflow-y:auto}.usage-ledger-overlay{position:fixed;inset:0;z-index:1300;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.usage-ledger-overlay.hidden{display:none!important}body.usage-ledger-open{overflow:hidden}.usage-ledger-shell{display:flex;flex-direction:column;flex:1;min-height:0;max-width:56rem;width:100%;margin:0 auto;padding:.85rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.usage-ledger-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.65rem .85rem;margin-bottom:.85rem}.usage-ledger-back{flex-shrink:0}.usage-ledger-head-main{flex:1;min-width:10rem}.usage-ledger-title{margin:0;font-size:var(--text-xl);line-height:1.25}.usage-ledger-lead{margin:.25rem 0 0;font-size:var(--text-sm);color:var(--text-muted)}.usage-ledger-head-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:auto}.usage-ledger-toolbar{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-bottom:.85rem}.usage-ledger-filter{display:flex;flex-direction:column;gap:.25rem;font-size:var(--text-sm)}.usage-ledger-filter-label{color:var(--text-muted)}.usage-ledger-select{min-width:8.5rem;padding:.4rem .55rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.usage-ledger-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}.usage-ledger-stat{padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm, 8px);background:var(--bg-elevated);min-height:4.5rem}.usage-ledger-stat-label{display:block;font-size:var(--text-xs);color:var(--text-muted)}.usage-ledger-stat-value{display:block;margin-top:.3rem;font-size:1.15rem;font-weight:var(--weight-bold);line-height:1.2}.usage-ledger-stat-hint{display:block;margin-top:.2rem;font-size:var(--text-xs);color:var(--text-muted);line-height:1.35}.usage-ledger-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.85rem}.usage-ledger-breakdown-col{border:1px solid var(--border);border-radius:var(--radius-sm, 8px);background:var(--bg-elevated);padding:.75rem .85rem}.usage-ledger-breakdown-title{margin:0 0 .5rem;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.usage-ledger-breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.usage-ledger-breakdown-item{display:flex;justify-content:space-between;gap:.75rem;font-size:var(--text-sm)}.usage-ledger-breakdown-name{color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-ledger-breakdown-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0}.usage-ledger-breakdown-empty{font-size:var(--text-sm);color:var(--text-muted)}.usage-ledger-list{flex:none;min-height:8rem;max-height:none;overflow-y:visible}.usage-ledger-footnote{margin:.65rem 0 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}@media(max-width:768px){.usage-ledger-shell{padding-left:.75rem;padding-right:.75rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}.usage-ledger-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-ledger-breakdown{grid-template-columns:1fr}.usage-ledger-head-actions{width:100%;margin-left:0}body.usage-ledger-open #mobile-app-tabbar{visibility:hidden;pointer-events:none}}body.account-modal-open,body.legal-modal-open{overflow:hidden}.legal-modal-card{max-width:min(42rem,96vw);padding:1.35rem 1.5rem 1.5rem}.legal-modal-card h3{margin:0 2rem .35rem 0;font-size:var(--text-lg);line-height:1.35}.legal-modal-meta{margin:0 0 .85rem;font-size:var(--text-xs);color:var(--text-muted)}.legal-modal-body{max-height:min(62vh,34rem);overflow-y:auto;padding-right:.35rem;scrollbar-width:thin}.legal-modal-intro{margin:0 0 1rem;font-size:var(--text-base);line-height:1.65;color:var(--text-muted)}.legal-modal-article{display:flex;flex-direction:column;gap:1rem}.legal-modal-section h4{margin:0 0 .45rem;font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1.45;color:var(--text)}.legal-modal-section p{margin:0 0 .55rem;font-size:var(--text-sm);line-height:1.65;color:var(--text-muted)}.legal-modal-section p:last-child{margin-bottom:0}.legal-modal-section ul{margin:.15rem 0 0;padding-left:1.15rem;font-size:var(--text-sm);line-height:1.6;color:var(--text-muted)}.legal-modal-section li+li{margin-top:.35rem}.billing-modal-desc{font-size:var(--text-sm);color:var(--text-muted);margin:.35rem 0 .75rem}.billing-pack-list{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.billing-pack-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--bg);text-align:left}.billing-pack-item>span:first-child{flex:1;min-width:0;text-align:left}.billing-pack-item>span:first-child small{display:block;margin-top:.15rem;color:var(--text-muted);font-weight:var(--weight-normal);line-height:1.35}.billing-pack-item>span:last-child{flex-shrink:0;font-weight:var(--weight-bold);text-align:right}.billing-pack-item:hover,.billing-pack-item.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.billing-channel-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0 .5rem}.billing-channel-row label{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;font-size:var(--text-sm);padding:.35rem .6rem;border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left}.billing-channel-row label.disabled{opacity:.45;cursor:not-allowed}.billing-modal-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.billing-order-status{font-size:var(--text-sm);color:var(--text-muted);margin-top:.5rem}.billing-pay-status.is-awaiting{color:#d97706}.billing-pay-status.is-paid{color:#16a34a}.billing-wechat-pay{display:flex;flex-direction:column;gap:.65rem;align-items:center;text-align:center}.billing-wechat-amount{margin:0;font-size:var(--text-md);width:100%}.billing-wechat-amount strong{font-size:var(--text-xl);color:var(--accent)}.billing-wechat-memo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.45rem .55rem;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm)}.billing-wechat-memo-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.billing-wechat-memo code{font-size:var(--text-md);font-weight:var(--weight-extrabold);letter-spacing:.08em;color:var(--accent)}.billing-wechat-qr{width:min(220px,72vw);height:auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff}.community-modal-card{max-width:min(520px,94vw)}.community-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:.35rem 0 .25rem}.community-channel-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1rem .65rem;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated, #1a1a1a) 88%,transparent);color:var(--text);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.community-channel-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.community-channel-btn.is-active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated, #1a1a1a))}.community-channel-btn.is-disabled{opacity:.45;cursor:not-allowed}.community-channel-btn.is-disabled:hover{transform:none;border-color:var(--border)}.community-channel-icon{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff}.community-channel-icon svg{width:1.45rem;height:1.45rem}.community-channel-btn--wechat .community-channel-icon{background:#07c160}.community-channel-btn--qq .community-channel-icon{background:#12b7f5}.community-channel-btn--discord .community-channel-icon{background:#5865f2}.community-channel-label{font-size:var(--text-sm);font-weight:600;line-height:1.3}.community-modal-hint{margin:.55rem 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.45;text-align:center}.community-modal-hint.is-error{color:color-mix(in srgb,#f87171 85%,var(--text))}.community-modal-qr-panel{margin-top:.85rem}.community-qr-panel-inner{display:flex;flex-direction:column;align-items:center;gap:.55rem}.community-qr-image{width:min(180px,56vw);aspect-ratio:1;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;padding:.45rem}.community-qr-panel-hint{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.community-modal-empty{margin:.65rem 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;text-align:center}.community-modal-links{margin-top:.75rem;display:flex;justify-content:center}.community-invite-link{font-size:var(--text-sm);color:var(--accent);text-decoration:none}.community-invite-link:hover{text-decoration:underline}body.community-modal-open{overflow:hidden}@media(max-width:640px){.community-modal-grid{gap:.65rem}.community-channel-btn{padding:.85rem .4rem}}.billing-wechat-hint{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.45}.billing-wechat-steps{margin:0;padding-left:1.1rem;text-align:left;font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;width:100%}.account-billing-unified{display:flex;flex-direction:column;gap:.85rem}.account-billing-actions{display:flex;flex-wrap:wrap;gap:.5rem}.account-billing-actions .btn{flex:1 1 auto;min-width:8.5rem}.account-billing-notice{margin:0;padding:.65rem .75rem;font-size:var(--text-sm);line-height:1.5;color:var(--text-muted);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:var(--radius-sm)}.account-details-compact{margin-top:.15rem}.account-details-compact .kv{padding:.35rem 0;font-size:var(--text-base)}.billing-channel-row label.billing-channel-disabled{opacity:.45;cursor:not-allowed}.btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.account-billing-btn-recharge{opacity:.85}.account-settings-card h3{margin:0 0 .35rem}.account-settings-desc{margin:0 0 1rem;font-size:var(--text-sm);color:var(--text-muted)}.account-settings-list{display:flex;flex-direction:column;gap:.35rem}.account-settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.account-settings-label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);flex-shrink:0}.account-settings-select{flex:1;min-width:0;max-width:11rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-sm)}.account-settings-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.account-settings-item:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.account-settings-item-icon{font-size:var(--text-xl);line-height:1;flex-shrink:0}.account-settings-item-text{flex:1;min-width:0}.account-settings-item-chevron{color:var(--text-muted);font-size:var(--text-xl);flex-shrink:0}.account-settings-item-danger{margin-top:.25rem;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.account-settings-item-danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface-2))}@media(max-width:640px){.account-user-actions .btn{flex:1 1 calc(50% - .25rem)}}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.account-card h3{margin:0 0 1rem;font-size:var(--text-md)}.kv{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:var(--text-base)}.kv:last-child{border-bottom:none}.kv span:first-child{color:var(--text-muted)}.bottom-nav{display:none;flex-shrink:0;background:var(--bg-elevated);border-top:1px solid var(--border);align-items:stretch;gap:.5rem;padding:.5rem .65rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 24px #0000000f}.bottom-nav-primary{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;min-width:0}.bottom-nav-studio .bottom-nav-primary{grid-template-columns:1fr;max-width:12rem;margin:0 auto}.bottom-feature-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:52px;padding:.5rem .35rem;border:none;border-radius:var(--radius);cursor:pointer;font:inherit;color:var(--btn-on-accent-fg, var(--text-primary));background:var(--gradient-brand-soft);box-shadow:var(--shadow-soft);transition:transform .15s,box-shadow .15s,opacity .15s}.bottom-feature-btn:not(.active){opacity:.82}.bottom-feature-btn.active{box-shadow:var(--shadow-soft);outline:2px solid rgba(255,255,255,.55);outline-offset:-2px}.bottom-feature-btn:active{transform:scale(.98)}.bottom-feature-icon{font-size:var(--text-xl);line-height:1}.bottom-feature-label{font-size:var(--text-sm);font-weight:var(--weight-extrabold);letter-spacing:.02em}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--overlay);z-index:20}.menu-btn{display:none;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}@media(max-width:768px){.chat-composer,.vision-composer{padding-top:.5rem;padding-bottom:.35rem}#page-account .account-page-shell,#page-account .account-center,#page-feature .feature-detail-wrap{padding-bottom:1rem}.account-page-shell,.account-center{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.account-page-topbar{display:block}.app-body.layout-account .menu-btn{display:none!important}.account-stats-grid{grid-template-columns:1fr}.account-stat-value{font-size:var(--text-xl)}.account-page-hero{padding:1rem 1.05rem}.account-user-main{align-items:center}.account-hero-name{font-size:var(--text-xl)}.account-page-hero .account-user-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.account-page-hero .account-user-actions .btn{flex:none;width:100%;min-width:0}.account-grid{grid-template-columns:1fr}.kv span:last-child{text-align:right;max-width:58%;word-break:break-word}.copy-row{flex-wrap:wrap}.copy-row input{min-width:0;width:100%;font-size:var(--text-sm)}.usage-log-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.app-header{gap:.35rem;padding:.35rem max(.5rem,env(safe-area-inset-left)) .35rem max(.5rem,env(safe-area-inset-right))}.brand-logo-app .brand-text{display:inline;font-size:var(--text-base)}.plan-badge{display:none}.credits-badge{padding:.3rem .5rem;font-size:var(--text-xs)}.credits-label{display:none}.app-header-end,.app-header-tools{gap:.3rem}.header-tool-btn{width:34px;height:34px}.header-user-center-btn{padding:.2rem .45rem .2rem .22rem;font-size:var(--text-xs)}.header-user-center-btn .header-user-avatar{width:26px;height:26px}.nav-desktop{display:none!important}.site-header{flex-wrap:nowrap;gap:.35rem;padding:.5rem max(.65rem,env(safe-area-inset-right)) .5rem max(.65rem,env(safe-area-inset-left))}#view-home .site-header .btn-sm,#view-plans .site-header .btn-sm{padding:.35rem .5rem;font-size:var(--text-sm)}.hero-primary{padding:1.5rem 1rem 1.75rem}.hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.hero-actions .btn{width:100%}.home-section{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.advantage-item{padding:.85rem 1rem;font-size:var(--text-base)}.vision-main,.chat-composer,.vision-composer{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.vision-prompt-shell{min-height:auto;padding:.45rem .6rem}.vision-attach-btn{width:48px;height:48px}.vision-composer textarea{min-height:2.25rem;max-height:8rem}.chat-toolbar{padding:.65rem .75rem}.model-picker{max-width:none;width:100%}.model-picker-control{flex:1 1 auto;min-width:0}#page-chat .chat-messages{padding:1.15rem max(1.05rem,env(safe-area-inset-right)) 3.25rem max(1.05rem,env(safe-area-inset-left));scroll-padding-bottom:12rem;gap:1.45rem}#page-chat .msg{font-size:var(--text-lg);line-height:1.85;letter-spacing:.02em;overflow-wrap:break-word}#page-chat .msg-row{gap:.55rem}#page-chat .msg-avatar,#page-chat .msg-avatar-logo{width:32px;height:32px}#page-chat .msg-avatar-logo{font-size:var(--text-2xs);border-radius:9px}#page-chat .msg-row .msg{flex:0 1 auto;max-width:100%}#page-chat .msg-row--user .msg.user{flex:0 1 auto;width:auto;max-width:100%;align-self:flex-end;text-align:right}#page-chat .msg-row--user .msg-user-rich{width:fit-content;max-width:min(280px,100%);margin-left:auto}#page-chat .msg.system{font-size:var(--text-base);line-height:1.65;padding:.35rem .25rem;text-align:center}#page-chat .msg.assistant+.msg.user,#page-chat .msg.user+.msg.assistant{margin-top:.15rem}#page-chat .feature-intro-panel{padding-left:max(1.05rem,env(safe-area-inset-left));padding-right:max(1.05rem,env(safe-area-inset-right))}#page-chat .feature-intro-inner{margin-top:.45rem;margin-bottom:.35rem;padding:.85rem 1rem}#page-chat .chat-toolbar{padding:.55rem max(1.05rem,env(safe-area-inset-right)) .55rem max(1.05rem,env(safe-area-inset-left));flex-direction:row;align-items:center;gap:.45rem}#page-chat .chat-toolbar-models{flex:1 1 auto;min-width:0}#page-chat .chat-toolbar .model-picker,#page-chat .chat-toolbar .model-picker-control{width:100%;max-width:none;flex:1 1 auto;min-width:0}#page-chat .studio-composer-controls{padding-bottom:0;margin-bottom:0;background:transparent}#page-chat .studio-composer-controls-top{gap:.25rem}#page-chat .studio-composer-route{gap:.35rem .45rem}#page-chat .studio-route-hint{font-size:var(--text-xs)}#page-chat .studio-composer-privacy-inset{max-width:8.5rem;font-size:.5rem}#page-chat .studio-cap-route .studio-seg-btn{padding:.22rem .48rem;font-size:var(--text-2xs)}#page-chat .studio-cap-btn{padding:.18rem .42rem;font-size:var(--text-2xs)}#page-chat .studio-composer-privacy-inset{max-width:7.5rem;font-size:.52rem}#page-chat .chat-composer{padding-top:.4rem;padding-bottom:max(.3rem,env(safe-area-inset-bottom,0px));padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}#page-chat .chat-composer-inner{gap:.5rem;align-items:stretch}#page-chat .chat-prompt-shell{min-height:auto;padding:.4rem 0 0;border-radius:12px;box-sizing:border-box}#page-chat .chat-prompt-main{padding:0 .6rem}#page-chat .composer-bottom-bar{padding:0 .6rem .34rem}#page-chat #chat-input{min-height:2.25rem;font-size:var(--text-md);line-height:1.5}#page-chat .composer-send-btn{width:2.15rem;height:2.15rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#page-chat .composer-action-rail{position:relative;z-index:2;flex-shrink:0;pointer-events:auto;align-items:center;align-self:flex-end;max-width:100%}#page-chat .composer-bottom-bar .chat-composer-models,#page-chat .composer-bottom-bar .studio-model-row,#page-chat .composer-bottom-bar .model-picker-control,#page-chat .composer-bottom-bar .model-picker-trigger{max-width:14rem}.msg-project-dl-btn,.msg-media-dl-btn,.msg-audio-dl-btn,.msg-media-action-btn{min-height:2.75rem;padding:.35rem .45rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#page-chat .composer-voice-btn{width:2rem;height:2rem}#page-chat .composer-voice-hold{padding:.7rem .75rem;font-size:var(--text-base)}.sidebar{position:fixed;left:0;top:var(--header-h);bottom:env(safe-area-inset-bottom,0px);z-index:30;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.menu-btn{display:inline-flex}#page-vision .sidebar,#page-account .sidebar{display:none}}@media(min-width:769px){.nav-desktop{display:flex;gap:.35rem;margin-left:.5rem}.bottom-nav{display:none!important}#page-vision .sidebar,#page-account .sidebar{display:none}#page-chat .main-panel{width:100%}}.loading-dots:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.brand-logo{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;margin:0;border:none;background:transparent;cursor:pointer;font-family:var(--font-display);font-weight:var(--weight-extrabold);font-size:var(--text-lg);color:var(--text);border-radius:var(--radius-sm)}.brand-logo:hover{color:var(--accent)}.brand-logo .logo-mark{width:32px;height:32px;border-radius:9px;background:var(--gradient-brand-soft);color:var(--btn-on-accent-fg, var(--text-primary));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font);font-size:var(--text-micro);font-weight:var(--weight-extrabold);letter-spacing:-.14em;text-indent:.08em;text-transform:none;line-height:1;overflow:hidden;box-shadow:inset 0 1px color-mix(in srgb,#fff 28%,transparent),0 4px 16px color-mix(in srgb,var(--accent) 38%,transparent)}.logo-mark.has-brand-logo-symbol,.home-launch-footer-mark.has-brand-logo-symbol,.about-brand-mark.has-brand-logo-symbol{background:transparent;color:transparent;box-shadow:none;padding:0}.msg-avatar-logo.has-brand-logo-symbol{background:transparent;color:transparent;box-shadow:none}.msg-avatar-logo .brand-logo-symbol-img,.brand-logo-symbol-img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;border-radius:inherit}.brand-logo-symbol-svg{width:100%;height:100%;display:block;border-radius:inherit}.brand-logo>[data-brand-text=name],.brand-logo>[data-brand-text=shortName],.home-launch-logo>[data-brand-text=name],.home-launch-logo>[data-brand-text=shortName]{font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);text-transform:none}.msg-avatar-logo{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font);font-size:var(--text-micro);font-weight:var(--weight-extrabold);letter-spacing:-.12em;text-indent:.06em;text-transform:none;line-height:1;color:#fff}.brand-logo-image{height:1.75rem;width:auto;max-width:10rem;object-fit:contain;flex-shrink:0}.brand-logo .hidden,.logo-mark.hidden,[data-brand-text=name].hidden{display:none!important}#view-auth.site-has-auth-bg{background-image:linear-gradient(145deg,color-mix(in srgb,var(--bg) 78%,transparent),color-mix(in srgb,var(--surface-2) 82%,transparent)),var(--site-auth-bg-url);background-size:cover;background-position:center}#view-home{--site-home-overlay-opacity: .55}#view-home.site-has-custom-bg:after,#view-home.site-has-home-bg-carousel:after{content:"";display:block!important;position:absolute;top:0;left:0;right:0;height:var(--site-home-bg-max-h-fb, 100vh);height:var(--site-home-bg-max-h, 100dvh);z-index:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--landing-bg) calc(var(--site-home-overlay-opacity, .55) * 62%),transparent),color-mix(in srgb,var(--landing-bg) calc(var(--site-home-overlay-opacity, .55) * 80%),transparent) 45%,color-mix(in srgb,var(--landing-bg) calc(var(--site-home-overlay-opacity, .55) * 98%),transparent))}#view-auth.site-has-custom-bg:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--landing-bg) 52%,transparent),color-mix(in srgb,var(--landing-bg) 66%,transparent) 45%,color-mix(in srgb,var(--landing-bg) 80%,transparent))}#view-home .site-bg-media--video{position:absolute;top:0;left:0;width:100%;height:var(--site-home-bg-max-h-fb, 100vh);height:var(--site-home-bg-max-h, 100dvh);object-fit:cover;z-index:0;pointer-events:none;filter:brightness(calc(1.08 - var(--site-home-overlay-opacity, .55) * .16))}.site-bg-carousel{position:absolute;top:0;left:0;right:0;height:var(--site-home-bg-max-h-fb, 100vh);height:var(--site-home-bg-max-h, 100dvh);z-index:0;overflow:hidden;pointer-events:none}.site-bg-carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}.site-bg-carousel-slide.is-active{opacity:1}.site-bg-carousel-slide .site-bg-carousel-img,.site-bg-carousel-slide .site-bg-media--video{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(calc(1.08 - var(--site-home-overlay-opacity, .55) * .16))}#view-home.site-has-home-bg-carousel{background-color:var(--landing-bg)}#view-auth .site-bg-media--video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;filter:brightness(.78)}#view-home.site-has-custom-bg .home-launch-site-footer,#view-home.site-has-custom-bg .home-launch-site-footer.home-footer{background:transparent}#view-home.site-home-glow-on:not(.site-has-custom-bg):before{content:"";position:absolute;top:0;left:0;right:0;height:var(--site-home-bg-max-h-fb, 100vh);height:var(--site-home-bg-max-h, 100dvh);z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 55% 45% at 18% 12%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(ellipse 50% 40% at 82% 78%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 72%);animation:site-home-glow-drift 14s ease-in-out infinite alternate}@keyframes site-home-glow-drift{0%{opacity:.65;transform:translateZ(0) scale(1)}to{opacity:1;transform:translate3d(1.5%,-1%,0) scale(1.04)}}#view-home,#view-home.site-has-home-bg{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--landing-bg);color:var(--landing-fg);max-width:100%}#view-home.site-has-home-bg,#view-auth.site-has-auth-bg{background-size:cover;background-position:center;background-repeat:no-repeat}#view-home.site-has-home-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--site-home-bg-max-h-fb, 100vh);height:var(--site-home-bg-max-h, 100dvh);z-index:0;pointer-events:none;background-image:linear-gradient(145deg,color-mix(in srgb,var(--landing-bg) calc(var(--site-home-overlay-opacity, .55) * 87%),transparent),color-mix(in srgb,var(--landing-surface) calc(var(--site-home-overlay-opacity, .55) * 102%),transparent)),var(--site-home-bg-url);background-size:cover;background-position:center;background-repeat:no-repeat}#view-home.site-has-home-bg{background-image:none}@media(max-width:768px),(hover:none)and (pointer:coarse){.hero-model-chip{backdrop-filter:none;-webkit-backdrop-filter:none}.hero-models-showcase.is-ready .hero-models-track-inner{animation-duration:56s}.hero-models-showcase:not(.is-ready){min-height:2.6rem}}@media(max-height:720px){#view-home>.home-body{justify-content:flex-start}@media(max-width:768px){#view-home>.home-body{padding-top:var(--home-content-top-gap, 1rem)}}}#view-home>.site-header,#view-home>.home-body,#view-home>.home-site-notice{position:relative;z-index:1}#view-home>.home-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;min-height:0;padding:0 0 1.25rem;box-sizing:border-box}@media(min-width:769px){#view-home{height:100dvh;min-height:100dvh;overflow:hidden}#view-home>.home-body{height:calc(100dvh - var(--home-launch-header-desktop-h, 3.75rem));flex:0 0 auto;padding-bottom:0;overflow:hidden}#view-app .main-panel{overflow:hidden}#view-app .studio-workspace-tabs{flex:0 0 auto;border-bottom:2px solid color-mix(in srgb,var(--accent) 46%,var(--border))}#view-app .main-panel>.page{flex:1 1 auto;min-width:0;border-left:2px solid color-mix(in srgb,var(--accent) 46%,transparent)}#view-home .home-main{display:flex;flex-direction:row;align-items:stretch;width:100%;max-width:none;overflow-x:auto;height:100%;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}#view-home .home-main>section{flex:0 0 100%;min-width:100%;height:auto;min-height:100%;max-height:none;overflow:auto;scrollbar-width:thin;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}#view-home #home-launch-viral{justify-content:flex-start;align-items:stretch;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}#view-home #home-launch-viral>.wf-home-stage-wrap,#view-home #home-launch-viral .wf-workspace-layout{min-height:0}#view-home #home-launch-viral>.wf-prompt-gen-header{flex:0 0 auto}#view-home #home-launch-viral>.wf-home-stage-wrap{flex:0 0 auto;overflow:visible}#view-home .home-main::-webkit-scrollbar{height:0}#view-home .home-main{scrollbar-width:none}#view-home .home-main>section>.home-launch,#view-home .home-main>section>.home-launch-footer-section{flex:1 1 auto}#view-home .home-main>section>.home-launch{min-height:100%}#view-home .home-main>section.hidden{display:none}#view-home .home-main>.home-launch-footer-section{display:flex;flex-direction:column;justify-content:center;order:0}}#view-home .home-launch-site-footer.home-footer{margin-top:auto}#view-home .home-footer{flex-shrink:0;margin-top:.5rem;border-top:none;padding-top:1rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);backdrop-filter:none;border-bottom:1px solid var(--border)}.site-header .spacer{flex:1}.site-header .btn{width:auto;flex-shrink:0}.site-nav{display:none;gap:1rem}.site-nav a,.site-nav .site-nav-link{color:var(--text-muted);text-decoration:none;font-size:var(--text-base);font-weight:var(--weight-semibold)}.site-nav a:hover,.site-nav .site-nav-link:hover{color:var(--accent)}.home-main{flex:1}#view-home .home-main{flex:0 1 auto}.hero{padding:3rem 1.25rem 2.5rem;max-width:960px;margin:0 auto;text-align:center}.hero-primary{padding:2rem 1.25rem;max-width:1080px}.hero-eyebrow{margin:0 0 .75rem;font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.hero-title{margin:0;font-size:clamp(2rem,6vw,3.25rem);line-height:1.12;font-weight:var(--weight-extrabold);color:var(--text-primary)}[data-theme=dark] .hero-title{color:var(--text-primary)}.hero-lead{margin:1.25rem auto 0;max-width:720px;color:var(--text-muted);font-size:clamp(1.05rem,2.5vw,1.2rem);line-height:1.65}.hero-models-showcase{position:relative;margin:1.75rem auto 0;max-width:min(960px,100%);min-height:4.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);pointer-events:auto}#view-home #hero-models-showcase.home-launch-models{overflow:visible;-webkit-mask-image:none;mask-image:none;min-height:0}.hero-models-marquee{display:flex;flex-direction:column;gap:.55rem}.hero-models-track{overflow:hidden;width:100%}.hero-models-track-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:.55rem;width:max-content;padding:.1rem 0}.hero-models-showcase.is-ready .hero-models-track[data-direction=ltr] .hero-models-track-inner{animation:hero-marquee-ltr 32s linear infinite}.hero-models-showcase.is-ready .hero-models-track[data-direction=rtl] .hero-models-track-inner{animation:hero-marquee-rtl 36s linear infinite}.hero-models-showcase:hover .hero-models-track-inner,.hero-models-showcase:focus-within .hero-models-track-inner{animation-play-state:paused}.hero-model-chip{flex:0 0 auto;display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:999px;font-size:clamp(.78rem,1.8vw,.88rem);font-weight:var(--weight-semibold);white-space:nowrap;color:color-mix(in srgb,var(--accent) 78%,var(--text-muted));background:color-mix(in srgb,var(--surface-2) 70%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 10%,transparent);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.hero-model-chip:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}[data-theme=dark] .hero-model-chip{color:color-mix(in srgb,#c7d2fe 85%,var(--text-muted));background:color-mix(in srgb,#18181b 82%,transparent);border-color:color-mix(in srgb,var(--accent-light) 32%,var(--border));box-shadow:var(--shadow-accent-sm)}@keyframes hero-marquee-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hero-marquee-rtl{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(max-width:640px){.hero-models-showcase{margin-top:1.35rem}.hero-models-marquee{gap:.45rem}.hero-models-showcase.is-ready .hero-models-track[data-direction=ltr] .hero-models-track-inner{animation-duration:24s}.hero-models-showcase.is-ready .hero-models-track[data-direction=rtl] .hero-models-track-inner{animation-duration:28s}}@media(prefers-reduced-motion:reduce){.hero-models-showcase{overflow:visible;mask-image:none;-webkit-mask-image:none}.hero-models-marquee{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.45rem .55rem}.hero-models-track{overflow:visible;width:auto}.hero-models-track-inner{flex-wrap:wrap;justify-content:center;width:auto;animation:none!important;transform:none!important}.hero-models-track-inner .hero-model-chip:nth-child(n+9){display:none}.hero-model-chip:hover{transform:none}}.hero-footnote{margin:1.25rem auto 0;font-size:var(--text-sm);color:var(--text-muted)}.btn-lg{padding:.7rem 1.35rem;font-size:var(--text-md)}.hero h2{margin:0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2}.hero .lead{margin:1rem auto 0;max-width:640px;color:var(--text-muted);font-size:var(--text-lg);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.75rem}.hero-badge{display:inline-block;margin-bottom:1rem;padding:.35rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.home-section{padding:2.5rem 1.25rem;max-width:1040px;margin:0 auto}.home-section h3{text-align:center;margin:0 0 .5rem;font-size:var(--text-2xl)}.home-section .section-desc{text-align:center;color:var(--text-muted);margin:0 0 1.75rem}.home-section-features{padding-top:1.25rem;padding-bottom:1.5rem}.home-features-title{text-align:center;margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2rem)}.home-features-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:1000px;margin:0 auto}.home-features-unified{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;max-width:min(720px,100%);margin:0 auto;width:100%}.home-studio-composer{width:100%}#home-studio-input:focus{outline:none;box-shadow:none}.home-feature-alt{text-align:center;margin:0;font-size:var(--text-base);color:var(--text-muted)}@media(max-width:720px){.home-features-duo{grid-template-columns:1fr}}.feature-card-xl{padding:2rem 1.5rem;min-height:220px}.feature-card-xl h3{margin:0 0 .65rem;font-size:var(--text-xl)}.feature-card-xl p{font-size:var(--text-md);line-height:1.6}.icon-xl{font-size:var(--text-5xl);margin-bottom:.75rem}.home-section-muted{padding-top:2rem;padding-bottom:3rem;opacity:.92}.home-muted-title{text-align:center;margin:0 0 1rem;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-muted)}.home-muted-foot{text-align:center;margin:1.5rem 0 0;font-size:var(--text-sm);color:var(--text-muted)}.advantage-num{flex-shrink:0;width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-extrabold);letter-spacing:.03em;color:#fff;background:var(--gradient-brand);border:1.5px solid color-mix(in srgb,var(--accent) 65%,#fff);border-radius:10px;box-shadow:var(--shadow-subtle)}.advantage-body{flex:1;min-width:0;line-height:1.55}.advantage-list-compact .advantage-item{padding:.85rem 0;font-size:var(--text-base);align-items:center;gap:.85rem;background:transparent;border:none;box-shadow:none}.link-btn{border:none;background:none;padding:0;color:var(--accent);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;text-decoration:underline}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.feature-card .icon{font-size:var(--text-3xl-md);margin-bottom:.5rem}.feature-card h4{margin:0 0 .5rem}.feature-card p{margin:0;color:var(--text-muted);font-size:var(--text-base);line-height:1.5}.feature-card-link{cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.feature-card-link:hover,.feature-card-link:focus-visible{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-subtle);outline:none}.home-features-duo .feature-card-xl.feature-card-link{background:var(--gradient-brand-soft);border-color:color-mix(in srgb,var(--accent) 80%,#fff);color:#fff;box-shadow:var(--shadow-soft)}.home-features-duo .feature-card-xl.feature-card-link h3{color:#fff}.home-features-duo .feature-card-xl.feature-card-link p{color:#ffffffe6}.home-features-duo .feature-card-xl .feature-card-cta{display:inline-block;margin-top:.85rem;padding:.45rem 1rem;border-radius:999px;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--accent);background:#fff;box-shadow:0 2px 10px #0000001f}.home-features-duo .feature-card-xl.feature-card-link:hover,.home-features-duo .feature-card-xl.feature-card-link:focus-visible{border-color:#ffffff73;box-shadow:var(--shadow-soft);transform:translateY(-3px)}.home-features-unified .feature-card-xl.feature-card-link{background:var(--gradient-brand-soft);border-color:color-mix(in srgb,var(--accent) 80%,#fff);color:#fff;box-shadow:var(--shadow-soft)}.home-features-unified .feature-card-xl.feature-card-link h3{color:#fff}.home-features-unified .feature-card-xl.feature-card-link p{color:#ffffffe6}.home-features-unified .feature-card-xl .feature-card-cta{display:inline-block;margin-top:.85rem;padding:.45rem 1rem;border-radius:999px;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--accent);background:#fff;box-shadow:0 2px 10px #0000001f}.home-features-unified .feature-card-xl.feature-card-link:hover,.home-features-unified .feature-card-xl.feature-card-link:focus-visible{border-color:#ffffff73;box-shadow:var(--shadow-soft);transform:translateY(-3px)}.feature-card-cta{display:inline-block;margin-top:.75rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent)}.feature-intro-panel{flex-shrink:0;padding:0 1.5rem;width:100%;box-sizing:border-box}.feature-intro-inner{margin:.65rem 0 .5rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.feature-intro-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.65rem}.feature-intro-icon{font-size:var(--text-3xl-md);line-height:1;flex-shrink:0}.feature-intro-head h3{margin:0 0 .2rem;font-size:var(--text-lg)}.feature-intro-head p{margin:0;font-size:var(--text-base);color:var(--text-muted);line-height:1.45}.feature-intro-head>div{flex:1;min-width:0}.feature-intro-close{flex-shrink:0;width:2rem;height:2rem;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:var(--text-xl);line-height:1;cursor:pointer}.feature-intro-close:hover{background:var(--surface-2);color:var(--text)}.feature-intro-list{margin:0 0 .75rem;padding-left:1.15rem;font-size:var(--text-base);line-height:1.55;color:var(--text)}.feature-intro-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .65rem}.feature-intro-scenes{display:flex;flex-wrap:wrap;gap:.35rem}.feature-intro-cost{font-size:var(--text-sm);color:var(--text-muted)}.feature-detail-wrap{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.5rem;max-width:720px;margin:0 auto;width:100%}.feature-back-btn{margin-bottom:1rem}.feature-detail-hero{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.feature-detail-hero .icon-lg{font-size:var(--text-4xl);line-height:1;flex-shrink:0}.feature-detail-hero h2{margin:0 0 .35rem;font-size:var(--text-xl)}.feature-detail-hero .tagline{margin:0;color:var(--text-muted);line-height:1.5}.feature-detail-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem;margin-bottom:.75rem}.feature-detail-block h4{margin:0 0 .5rem;font-size:var(--text-base)}.feature-detail-block ul{margin:0;padding-left:1.2rem;color:var(--text-muted);line-height:1.6;font-size:var(--text-base)}.feature-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.feature-pill{padding:.35rem .65rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.feature-detail-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.feature-detail-actions .btn-primary{width:100%;max-width:320px}.app-body.feature-mode .sidebar,.app-body.feature-mode #page-chat .sidebar,.app-body.account-focus .sidebar{display:none!important}.account-module-item.highlight{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.advantage-list{display:grid;gap:.75rem}.advantage-item{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.advantage-body b{color:var(--accent)}.pricing-banner{text-align:center;padding:2rem 1.5rem;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--border);border-radius:var(--radius)}.pricing-banner .price-tag{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--accent);margin:.5rem 0}.invite-hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:.35rem}.invite-hint.valid{color:var(--success)}.invite-hint.invalid{color:var(--danger)}.register-mode-tabs{display:flex;gap:.35rem;margin-bottom:1rem}.register-mode-tabs button{flex:1;padding:.5rem;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer}.register-mode-tabs button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:var(--weight-semibold)}.invite-code-row{text-transform:uppercase;letter-spacing:.05em}.copy-row{display:flex;gap:.5rem;align-items:center}.copy-row input{flex:1;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);font-family:monospace}.home-footer{text-align:center;padding:2rem 1rem 2.25rem;color:var(--text-muted);font-size:var(--text-sm);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.45rem;line-height:1.55}.home-footer-lead{margin:0;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text);letter-spacing:.02em}.home-footer-models{font-size:var(--text-sm);color:var(--text-muted);max-width:36rem;margin:0 auto}.home-footer-copy{margin:.35rem 0 0;font-size:var(--text-sm);opacity:.85}@media(min-width:769px){.site-nav{display:flex}}@media(max-width:380px){.site-header .brand-logo{font-size:var(--text-sm)}.site-header .brand-logo .logo-mark{width:28px;height:28px}#home-register,#plans-register{padding-left:.4rem;padding-right:.4rem}}:root{--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius: 0px;--radius-card: 0px;--radius-control: 0px;--radius-pill: 0px}:where(#view-home,#view-app,#view-plans,#view-auth,#page-account,#page-chat,#page-canvas,#page-workflows,#page-tools) :where(.card,.panel,.surface,.popover,.dropdown,.modal,.dialog,.drawer,.composer,.chat-composer,.chat-prompt-shell,.chat-history-rail,.model-picker,.model-picker-menu,.model-picker-option,.model-plaza-card,.model-plaza-page,.model-plaza-content,.feature-pill,.account-card,.account-module-item,.pricing-banner,.pricing-card,.plan-card,.credit-card,.credit-pack,.subscription-card,.payment-card,.plan-usage-card,.usage-card,.dash-card,.btn,button:not(.header-user-avatar):not(.header-user-center-btn),input:not([type=checkbox]):not([type=radio]),textarea,select,[role=dialog],[role=listbox],[role=option],[role=menu],[role=menuitem]){border-radius:0!important}:where(#view-home,#view-app,#view-plans,#page-account,#page-chat,#page-canvas,#page-workflows,#page-tools) :where(.card,.panel,.surface,.popover,.dropdown,.modal,.dialog,.drawer,.composer,.chat-composer,.chat-prompt-shell,.chat-history-rail,.model-picker-menu,.model-plaza-card,.account-card,.account-module-item,.pricing-card,.plan-card,.credit-card,.credit-pack,.pricing-banner,.dash-card){border-color:color-mix(in srgb,var(--accent) 32%,var(--border))!important}#view-auth :where(.auth-modal-shell,.auth-modal-visual,.auth-modal-body,.auth-card,.auth-tabs,.auth-tabs button,.auth-modal-close,.field input,.field textarea,.auth-card input,.auth-card textarea,.auth-card select,.auth-card button,.auth-card .btn,#auth-submit,#auth-login,#auth-register,#auth-forgot-submit,#auth-back-login){border-radius:0!important}:where(#view-home,#view-app,#view-plans,#view-auth,#view-about,#view-developer-api,#view-legal,#view-industry-news) :where(*){border-radius:0!important}:where(#view-home,#view-app,#view-plans,#view-auth,#view-about,#view-developer-api,#view-legal,#view-industry-news) :where(.avatar,.user-avatar,.header-user-avatar,.header-user-center-avatar,.status-dot,.online-dot,.presence-dot,.progress-dot,.icon-circle,.circle-icon,[data-circle],[data-avatar]){border-radius:50%!important}:where(#view-app,#page-chat,#page-canvas,#page-workflows,#page-tools,#page-account,#page-plans,.model-plaza-page){--synex-page-bg: var(--synex-surface-page);--synex-module-surface: var(--synex-surface-module);--synex-card-surface: var(--synex-surface-card);--synex-control-surface: var(--synex-surface-control);--synex-active-surface: var(--synex-surface-active);--synex-border: color-mix(in srgb, var(--accent) 24%, var(--landing-border, var(--border)));--synex-border-strong: color-mix(in srgb, var(--accent) 42%, var(--landing-border, var(--border)));background-color:var(--synex-page-bg)!important}:where(#view-app,#page-chat,#page-canvas,#page-workflows,#page-tools,#page-account,#page-plans,.model-plaza-page) :where(.model-plaza-page,.model-plaza-content,.model-plaza-category,.wf-workspace-layout,.wf-workspace-main,.wf-template-sidebar,.card,.panel,.surface,.account-card,.plan-card,.credit-card,.model-plaza-card){background:var(--synex-module-surface)!important;border-color:var(--synex-border)!important;box-shadow:none!important}:where(#view-app,#page-chat,#page-canvas,#page-workflows,#page-tools,#page-account,#page-plans,.model-plaza-page) :where(.model-plaza-page-head,.model-plaza-filters,.model-plaza-search,.model-plaza-cap-filter,.model-picker-menu,.model-picker-option,input:not([type=checkbox]):not([type=radio]),textarea,select,.composer,.chat-composer){background:var(--synex-control-surface)!important;border-color:var(--synex-border-strong)!important}:where(#view-app,#page-chat,#page-canvas,#page-workflows,#page-tools,#page-account,#page-plans,.model-plaza-page) :where(.model-plaza-cap-filter.is-active,.model-plaza-card:hover,.card:hover,.panel:hover){background:var(--synex-active-surface)!important}:where(#view-app,#page-workflows,#page-tools,#page-feature,#page-chat,#page-canvas,#page-works,#page-account,.ma-app-shell,.ma-v2-shell,.mobile-app-shell){background:var(--landing-bg, var(--bg))!important;color:var(--landing-fg, var(--text))!important}:where(#view-app,#page-workflows,#page-tools,#page-feature,#page-chat,#page-canvas,#page-works,#page-account,.ma-app-shell,.ma-v2-shell,.mobile-app-shell) :where(.page-inner,.page-content,.page-shell,.workspace-shell,.studio-workspace,.chat-studio-layout,.canvas-studio-shell,.works-page,.account-page,.ma-page,.ma-v2-page,.ma-immersive-panel,.ma-v2-content,.model-plaza-page){background:color-mix(in srgb,var(--landing-surface, var(--surface)) 38%,transparent)!important}:where(#view-app,#page-workflows,#page-tools,#page-feature,#page-chat,#page-canvas,#page-works,#page-account,.ma-app-shell,.ma-v2-shell,.mobile-app-shell) :where(.card,.panel,.surface,.composer,.chat-composer,.chat-prompt-shell,.canvas-side-panel-card,.works-card,.account-card,.plan-card,.credit-card,.model-plaza-card,.wf-template-card){background:color-mix(in srgb,var(--landing-surface, var(--surface)) 68%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--landing-border, var(--border)))!important;box-shadow:none!important}.layout-models-plaza .model-plaza-page{background:var(--bg)!important}.layout-models-plaza .model-plaza-page-head,.layout-models-plaza .model-plaza-filters,.layout-models-plaza .model-plaza-content{background:transparent!important}.layout-models-plaza .model-plaza-search{background:color-mix(in srgb,var(--bg-elevated, var(--bg)) 88%,transparent)!important;border-color:color-mix(in srgb,var(--border) 80%,transparent)!important}.layout-models-plaza .model-plaza-cap-filter{background:transparent!important;border-color:var(--border)!important}.layout-models-plaza .model-plaza-cap-filter.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))!important}.layout-models-plaza .model-plaza-card{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:none!important}:where(#view-app,#page-workflows,#page-tools,#page-feature,#page-chat,#page-canvas,#page-works,#page-account,.ma-app-shell,.ma-v2-shell,.mobile-app-shell) :where(input:not([type=checkbox]):not([type=radio]),textarea,select,.model-picker-menu,.model-picker-option,.dropdown,.popover,.modal,.dialog,.drawer,.bottom-sheet){background:color-mix(in srgb,var(--landing-surface, var(--surface)) 82%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 42%,var(--landing-border, var(--border)))!important}
