/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer components{.admin-notification-config-section{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;gap:16px;display:grid}.admin-notification-channels{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.admin-notification-channels article,.admin-storage-cdn-summary{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px}.admin-storage-cdn-summary{gap:14px;display:grid}.admin-self-check-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;gap:18px;padding:20px;display:grid}.admin-self-check-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-self-check-card-header>div{min-width:0}.admin-self-check-card-header h2{color:var(--admin-text);margin:4px 0 0;font-size:16px}.admin-self-check-card-header p{color:var(--admin-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.admin-self-check-card-eyebrow{color:var(--admin-accent);letter-spacing:.04em;font-size:12px;font-weight:800}.admin-self-check-form{gap:16px}.admin-self-check-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-self-check-actions{border-top:1px solid var(--admin-border);justify-content:flex-end;align-items:center;padding-top:14px;display:flex}.admin-self-check-result{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-muted);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.admin-self-check-result code{color:var(--admin-soft);font-family:var(--font-geist-mono),monospace;overflow-wrap:anywhere;font-size:12px}.admin-dashboard-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-dashboard-segmented{background:var(--admin-surface-muted);border:1px solid var(--admin-border);border-radius:8px;padding:3px;display:inline-flex}.admin-dashboard-segmented button{color:var(--admin-muted);font:inherit;background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 10px;font-size:13px;font-weight:700}.admin-dashboard-segmented button.is-active{background:var(--admin-surface);color:var(--admin-text)}.admin-dashboard-refresh{gap:7px;min-height:32px}.admin-dashboard-operations,.admin-dashboard-summary,.admin-generation-monitor{gap:16px;display:grid}:is(.admin-dashboard-summary,.admin-dashboard-operations,.admin-generation-monitor)>*{min-width:0}.admin-dashboard-operations>.admin-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1280px){.admin-dashboard-operations>.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:980px){.admin-dashboard-operations>.admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.admin-dashboard-operations>.admin-metric-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.admin-operations-tab-content{gap:16px;display:grid}.admin-operations-chart-grid,.admin-operations-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-operations-chart-grid>.admin-section-card:last-child:nth-child(odd){grid-column:span 2}.admin-operations-chart{gap:10px;margin:0;display:grid}.admin-operations-chart-canvas{min-width:0;height:280px;position:relative}.admin-operations-chart-canvas canvas{max-width:100%;width:100%!important;height:100%!important}.admin-operations-chart figcaption,.admin-operations-table-section>header p{color:var(--admin-muted);margin:0;font-size:13px;line-height:1.5}.admin-operations-table-section{gap:12px;display:grid}.admin-operations-table-section>header{justify-content:space-between;align-items:end;gap:12px;display:flex}.admin-operations-table-section>header h2{color:var(--admin-text);margin:0 0 6px;font-size:16px}.admin-models-panel{gap:16px;margin-top:24px;display:grid}.admin-dashboard-statusbar{color:var(--admin-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.admin-dashboard-statusbar span{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:999px;padding:5px 9px}.admin-dashboard-health{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-dashboard-health section{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;padding:14px}.admin-dashboard-health h2{color:var(--admin-text);margin:0;font-size:15px}.admin-dashboard-health p{color:var(--admin-muted);margin:8px 0 12px}.admin-dashboard-health dl{gap:8px;margin:0;display:grid}.admin-dashboard-health dl div{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-dashboard-health dt{color:var(--admin-muted);font-size:12px}.admin-dashboard-health dd{color:var(--admin-text);margin:0;font-weight:800}.admin-models-detail,.admin-models-form-section,.admin-models-list-panel{gap:14px;display:grid}.admin-models-form-section{border-top:1px solid var(--admin-border);padding-top:14px}.admin-models-form-section h3{color:var(--admin-text);margin:0;font-size:14px}.admin-models-detail h3{color:var(--admin-text);margin:4px 0 -4px;font-size:14px}.admin-models-provider-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.admin-models-provider-row>.sf-button-secondary{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:40px;display:inline-flex}.admin-models-provider-row-field{min-width:0}.admin-models-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-models-checkbox-grid label{background:var(--admin-surface);border:1px solid var(--admin-border);color:var(--admin-text);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-size:13px;display:flex}.admin-models-advanced-json{border-top:1px solid var(--admin-border);gap:10px;padding-top:14px;display:grid}.admin-models-advanced-json summary{color:var(--admin-text);cursor:pointer;font-size:13px;font-weight:800}.admin-system-config-shell{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:start;gap:16px;display:grid}.admin-generation-grid{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.admin-system-config-rows{gap:8px;margin-top:12px;display:grid}.admin-system-config-rows button{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-text);font:inherit;text-align:left;border-radius:8px;gap:4px;min-height:64px;padding:10px;display:grid}.admin-system-config-rows button small,.admin-system-config-rows button span{color:var(--admin-muted);font-size:12px}.admin-system-config-rows button strong{overflow-wrap:anywhere}.admin-system-config-rows button[data-active=true]{background:var(--admin-accent-soft);border-color:var(--admin-accent)}@supports (color:color-mix(in lab,red,red)){.admin-system-config-rows button[data-active=true]{border-color:color-mix(in srgb,var(--admin-accent) 45%,var(--admin-border))}}.admin-system-config-edit-form{gap:16px}@media (max-width:720px){.admin-models-checkbox-grid,.admin-models-provider-row,.admin-self-check-fields{grid-template-columns:1fr}.admin-models-provider-row>.sf-button-secondary{width:100%}.admin-self-check-card{padding:16px}.admin-self-check-card-header{flex-direction:column;align-items:stretch}.admin-self-check-actions>button{width:100%}}@media (max-width:900px){.admin-dashboard-health,.admin-generation-grid,.admin-operations-chart-grid,.admin-operations-ranking-grid,.admin-system-config-shell{grid-template-columns:1fr}.admin-operations-chart-grid>.admin-section-card:last-child:nth-child(odd){grid-column:auto}.admin-dashboard-controls{justify-content:flex-start}}.admin-console-shell[data-admin-theme=dark],:root[data-admin-theme=dark]{--admin-bg:var(--background);--admin-surface:var(--sf-panel);--admin-surface-elevated:var(--popover);--admin-surface-muted:var(--sf-panel-subtle);--admin-text:var(--sf-theme-foreground);--admin-muted:var(--sf-theme-foreground-muted);--admin-soft:var(--sf-text-secondary);--admin-border:var(--border);--admin-accent:var(--sf-brand);--admin-accent-strong:var(--sf-canvas-brand-accent);--admin-accent-soft:var(--sf-brand-soft);--admin-danger:var(--sf-feedback-danger-border);--admin-feedback-neutral-bg:var(--sf-canvas-surface-control);--admin-feedback-neutral-text:var(--admin-soft);--admin-feedback-success-bg:var(--sf-success-soft);--admin-feedback-success-border:var(--sf-success);--admin-feedback-success-text:var(--sf-success);--admin-feedback-warning-bg:var(--sf-gold-soft);--admin-feedback-warning-border:var(--sf-gold);--admin-feedback-warning-text:var(--sf-gold);--admin-feedback-danger-bg:var(--sf-danger-soft);--admin-feedback-danger-border:var(--sf-feedback-danger-border);--admin-feedback-danger-text:var(--sf-danger);--admin-feedback-info-bg:var(--sf-blue-soft);--admin-feedback-info-border:var(--sf-blue);--admin-feedback-info-text:var(--sf-blue);--admin-button-primary-bg:#0d8279;--admin-button-primary-bg-hover:#0b6f68;--admin-button-primary-fg:var(--sf-surface-panel-light);--admin-button-secondary-bg:var(--admin-surface);--admin-button-secondary-fg:var(--admin-text);--admin-button-secondary-border:var(--admin-border);--admin-button-danger-bg:var(--admin-feedback-danger-text);--admin-button-danger-fg:var(--sf-surface-panel-light);--admin-button-ghost-bg:transparent;--admin-button-ghost-fg:var(--admin-muted);--admin-button-ghost-border:transparent;--admin-button-disabled-bg:var(--admin-surface-muted);--admin-button-disabled-fg:var(--admin-soft);--admin-button-disabled-border:var(--admin-border);--admin-button-disabled-opacity:.55}.admin-console-shell[data-admin-theme=light],:root[data-admin-theme=light]{--admin-bg:var(--sf-bg);--admin-surface:var(--sf-surface-panel-light);--admin-surface-elevated:var(--sf-surface-panel-light);--admin-surface-muted:var(--sf-feedback-muted-bg);--admin-text:var(--sf-text);--admin-muted:var(--sf-muted);--admin-soft:var(--sf-feedback-muted-text);--admin-border:var(--sf-border);--admin-accent:var(--sf-accent);--admin-accent-strong:var(--sf-accent);--admin-accent-soft:var(--sf-surface-muted-light);--admin-danger:var(--sf-feedback-danger-text);--admin-feedback-neutral-bg:var(--sf-feedback-neutral-bg);--admin-feedback-neutral-text:var(--sf-feedback-neutral-text);--admin-feedback-success-bg:var(--sf-feedback-success-bg-strong);--admin-feedback-success-border:var(--sf-feedback-success-border);--admin-feedback-success-text:var(--sf-feedback-success-text-strong);--admin-feedback-warning-bg:var(--sf-feedback-warning-bg);--admin-feedback-warning-border:var(--sf-feedback-warning-text);--admin-feedback-warning-text:var(--sf-feedback-warning-text);--admin-feedback-danger-bg:var(--sf-feedback-danger-bg-strong);--admin-feedback-danger-border:var(--sf-feedback-danger-border);--admin-feedback-danger-text:var(--sf-feedback-danger-text);--admin-feedback-info-bg:var(--sf-feedback-info-bg);--admin-feedback-info-border:var(--sf-feedback-info-text);--admin-feedback-info-text:var(--sf-feedback-info-text);--admin-button-primary-bg:var(--admin-accent);--admin-button-primary-bg-hover:#0d8279;--admin-button-primary-fg:var(--sf-surface-panel-light);--admin-button-secondary-bg:var(--admin-surface);--admin-button-secondary-fg:var(--admin-text);--admin-button-secondary-border:var(--admin-border);--admin-button-danger-bg:var(--admin-feedback-danger-text);--admin-button-danger-fg:var(--sf-surface-panel-light);--admin-button-ghost-bg:transparent;--admin-button-ghost-fg:var(--admin-muted);--admin-button-ghost-border:transparent;--admin-button-disabled-bg:var(--admin-surface-muted);--admin-button-disabled-fg:var(--admin-soft);--admin-button-disabled-border:var(--admin-border);--admin-button-disabled-opacity:.55}.admin-console-shell{--admin-z-sticky:10;--admin-z-popover:50;--admin-z-overlay:100;--admin-z-toast:110;background:var(--admin-bg);color:var(--admin-text);grid-template-columns:245px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.admin-console-shell[data-sidebar-collapsed=true]{grid-template-columns:68px minmax(0,1fr)}.admin-console-shell[data-sidebar-collapsed=true]>aside{padding-inline:0}.admin-console-shell[data-sidebar-collapsed=true]>aside>.admin-console-brand{justify-content:center;padding-inline:0}.admin-console-shell[data-sidebar-collapsed=true]>aside>.admin-console-brand>div{display:none}.admin-console-shell[data-sidebar-collapsed=true]>aside>nav button{grid-template-columns:1fr;justify-items:center;padding-inline:0}.admin-console-shell[data-sidebar-collapsed=true]>aside>.admin-console-sidebar-footer>[data-admin-sidebar-account=true]>span:not(:first-child),.admin-console-shell[data-sidebar-collapsed=true]>aside>nav a>span,.admin-console-shell[data-sidebar-collapsed=true]>aside>nav button>span,.admin-console-shell[data-sidebar-collapsed=true]>aside>nav button>svg:last-child{display:none}.admin-console-shell[data-sidebar-collapsed=true]>aside>nav>div>div{padding-left:0}.admin-console-shell[data-sidebar-collapsed=true]>aside>nav a{grid-template-columns:1fr;justify-items:center;padding-inline:0}.admin-console-shell[data-sidebar-collapsed=true]>aside>.admin-console-sidebar-footer{padding-inline:10px}.admin-console-shell[data-sidebar-collapsed=true]>aside>.admin-console-sidebar-footer>[data-admin-sidebar-account=true]{grid-template-columns:1fr;justify-items:center;padding-inline:0}@media (max-width:900px){.admin-console-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}}.admin-console-sidebar{background:var(--admin-surface-elevated);border-right:1px solid var(--admin-border);flex-direction:column;gap:0;height:100dvh;min-height:0;padding:0;display:flex;overflow:hidden}@media (max-width:900px){.admin-console-sidebar{display:none}}.admin-console-brand{border-bottom:1px solid var(--admin-border);flex:0 0 56px;align-items:center;gap:9px;min-height:0;padding:0 18px;display:flex}.admin-console-brand>span{background:var(--admin-accent);color:var(--sf-surface-panel-light);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.admin-console-brand strong{font-size:14px;font-weight:600;line-height:1.1;display:block}.admin-console-brand small{color:var(--admin-muted);margin-top:2px;font-size:11px;line-height:1.1;display:block}.admin-console-sidebar-collapse{color:var(--admin-muted);background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0 12px 0 0;display:inline-flex;position:relative}.admin-console-sidebar-collapse:after{background:var(--admin-border);content:"";width:1px;height:12px;position:absolute;top:2px;bottom:0;right:0}.admin-console-sidebar-collapse:focus-visible,.admin-console-sidebar-collapse:hover{color:var(--admin-accent-strong)}.admin-console-sidebar-collapse:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}@media (max-width:900px){.admin-console-sidebar-collapse{display:none}}.admin-console-nav{overscroll-behavior:contain;scrollbar-width:none;flex:auto;align-content:start;gap:3px;min-height:0;padding:10px 12px 12px;display:grid;overflow-y:auto}.admin-console-nav::-webkit-scrollbar{display:none}.admin-console-nav-group{gap:2px;display:grid}.admin-console-nav-group-toggle{color:var(--admin-soft);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 8px;font-size:13px;font-weight:650;transition:background-color .16s ease-out,color .16s ease-out;display:grid}.admin-console-nav-group-toggle:hover,.admin-console-nav-group-toggle[data-expanded=true]{background:var(--admin-surface-muted);color:var(--admin-text)}.admin-console-nav-group-toggle:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-console-nav-group-toggle>svg:last-child{justify-self:end}@media (prefers-reduced-motion:reduce){.admin-console-nav-group-toggle{transition:none}}.admin-console-nav-group-items{gap:1px;padding-left:8px;display:grid}.admin-console-nav-section{color:var(--admin-soft);padding:10px 8px 4px;font-size:11px;font-weight:700;line-height:1.2;display:block}.admin-console-nav-link{color:var(--admin-muted);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:32px;padding:4px 8px 4px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .16s ease-out,color .16s ease-out;display:grid}.admin-console-nav-link:hover,.admin-console-nav-link[data-active=true]{background:var(--admin-accent-soft);color:var(--admin-accent-strong)}.admin-console-nav-link:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-console-nav-link span{color:inherit;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}@media (prefers-reduced-motion:reduce){.admin-console-nav-link{transition:none}}.admin-console-main{flex-direction:column;min-width:0;height:100dvh;min-height:0;display:flex;overflow:hidden}@media (max-width:900px){.admin-console-main{height:auto;overflow:visible}}.admin-console-topbar{background:var(--admin-surface);align-items:center}@supports (color:color-mix(in lab,red,red)){.admin-console-topbar{background:color-mix(in srgb,var(--admin-surface) 92%,transparent)}}.admin-console-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--admin-border);min-height:56px;z-index:var(--admin-z-sticky);gap:10px;padding:0 24px;display:flex;position:sticky;top:0}@media (max-width:900px){.admin-console-topbar{padding:0 16px}}.admin-console-menu-button{background:var(--admin-surface);border:1px solid var(--admin-border);color:var(--admin-text);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:none}@media (max-width:900px){.admin-console-menu-button{display:flex}}.admin-console-breadcrumb{color:var(--admin-muted);white-space:nowrap;flex:auto;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex;overflow:hidden}.admin-console-breadcrumb a{flex:none;text-decoration:none}.admin-console-breadcrumb svg{flex:none}.admin-console-breadcrumb span{color:var(--admin-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:700;overflow:hidden}.admin-console-global-search{background:var(--admin-surface);border:1px solid var(--admin-border);color:var(--admin-muted);border-radius:8px;flex:0 310px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;min-width:210px;min-height:34px;margin-left:10px;padding:0 10px;display:grid}.admin-console-global-search input{color:var(--admin-text);font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.admin-console-global-search input::placeholder{color:var(--admin-soft)}.admin-console-global-search:focus-within{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent)}@supports (color:color-mix(in lab,red,red)){.admin-console-global-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-accent) 12%,transparent)}}@media (max-width:1120px){.admin-console-global-search{display:none}}.admin-console-topbar-actions{align-items:center;gap:10px;min-width:0;margin-left:auto;display:inline-flex}@media (max-width:560px){.admin-console-topbar-actions{gap:8px}}.admin-console-notification-button{color:var(--admin-text);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;position:relative}.admin-console-notification-button:focus-visible,.admin-console-notification-button:hover{background:var(--admin-surface-muted);color:var(--admin-accent-strong)}.admin-console-notification-button:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-console-notification-dot{background:var(--admin-feedback-danger-text);border:2px solid var(--admin-surface);border-radius:999px;width:8px;height:8px;position:absolute;top:7px;right:8px}.admin-console-theme-button{color:var(--admin-text);font:inherit;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:7px;width:32px;min-height:32px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.admin-console-theme-button:focus-visible,.admin-console-theme-button:hover{color:var(--admin-accent-strong)}.admin-console-theme-button:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-console-account-trigger{color:var(--admin-text);font:inherit;background:0 0;border:0;border-radius:0;align-items:center;gap:7px;min-height:34px;font-size:13px;font-weight:700;display:inline-grid}.admin-console-account-trigger:focus-visible,.admin-console-account-trigger:hover{color:var(--admin-accent-strong)}.admin-console-account-trigger:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-console-topbar-account-trigger{grid-template-columns:32px minmax(0,auto) 14px;justify-content:start;height:32px;padding:0 0 0 2px}@media (max-width:720px){.admin-console-topbar-account-trigger{grid-template-columns:32px;width:32px}}.admin-console-topbar-account-copy{color:var(--admin-text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:650;overflow:hidden}@media (max-width:720px){.admin-console-topbar-account-copy{display:none}}.admin-console-sidebar-account-trigger{text-align:left;grid-template-columns:34px minmax(0,1fr) 16px;gap:10px;width:100%;margin-top:0;padding:0}.admin-console-sidebar-footer{border-top:1px solid var(--admin-border);flex:none;padding:12px 18px 14px}.admin-console-account-avatar{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-accent-strong);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}[data-admin-topbar-account=true]>span:first-child{background:0 0;border:0;width:32px;height:32px}.admin-console-sidebar-account-copy{gap:1px;min-width:0;display:grid}.admin-console-sidebar-account-copy small,.admin-console-sidebar-account-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-console-sidebar-account-copy strong{color:var(--admin-text);font-size:13px;line-height:1.2}.admin-console-sidebar-account-copy small{color:var(--admin-muted);font-size:12px;font-weight:500;line-height:1.2}.admin-console-sidebar-account-more{color:var(--admin-muted);text-align:center;font-size:19px;font-weight:700;line-height:1}.admin-console-account-menu{background:var(--admin-surface-elevated);border:1px solid var(--admin-border);width:245px;z-index:var(--admin-z-popover,50);border-radius:12px;gap:2px;padding:7px;display:grid;overflow:hidden;box-shadow:0 18px 50px #00000038}.admin-console-account-menu a,.admin-console-account-menu button{color:var(--admin-text);font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.admin-console-account-menu a:hover,.admin-console-account-menu button:hover:not(:disabled){background:var(--admin-surface-muted)}.admin-console-account-menu [data-disabled],.admin-console-account-menu button:disabled{color:var(--admin-soft);cursor:not-allowed}.admin-console-account-menu svg{color:var(--admin-muted);flex-shrink:0}.admin-console-account-separator{background:var(--admin-border);height:1px;margin:6px -7px}.admin-console-account-summary{background:var(--admin-surface-muted);border-radius:10px;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:58px;margin-bottom:7px;padding:8px 10px;display:grid}.admin-console-account-summary>svg{justify-self:end}.admin-console-account-summary>div{min-width:0}.admin-console-account-summary strong{color:var(--admin-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.15;display:block;overflow:hidden}.admin-console-account-summary small{color:var(--admin-muted);overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;line-height:1.2;display:block;overflow:hidden}.admin-console-account-summary-avatar[data-size=lg][aria-hidden=true]{width:48px;height:48px}.admin-console-mobile-nav{gap:6px;padding:10px 0 0;display:grid}.admin-console-mobile-nav :is(.admin-console-nav-group-toggle,.admin-console-nav-link){min-height:44px}.admin-console-mobile-nav-section{color:var(--admin-soft);padding:6px 10px 2px;font-size:12px;font-weight:700}.admin-console-mobile-fallback{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-muted);border-radius:8px;align-items:flex-start;gap:8px;padding:10px;font-size:12px;line-height:1.45;display:flex}.admin-console-content{overscroll-behavior:contain;flex:auto;min-width:0;min-height:0;padding:28px;overflow:hidden auto}.admin-console-content>*{width:100%;max-width:1440px;margin-inline:auto}@media (max-width:900px){.admin-console-content{padding:18px 16px 28px;overflow:visible}}.admin-mobile-sheet-overlay{background:var(--sf-canvas-overlay);z-index:var(--admin-z-overlay,100);position:fixed;inset:0}.admin-mobile-sheet{background:var(--admin-surface-elevated);border-right:1px solid var(--admin-border);color:var(--admin-text);width:100%;max-width:min(340px,100vw - 36px);z-index:calc(var(--admin-z-overlay,100) + 1);padding:14px;display:none;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@media (max-width:900px){.admin-mobile-sheet{display:block}}.admin-mobile-sheet-header{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.admin-mobile-sheet-header h2{margin:0;font-size:15px}.admin-table-primary{min-width:0}.admin-table-primary small,.admin-table-primary strong{display:block}.admin-table-primary strong{color:var(--admin-text);font-size:13px}.admin-table-primary small{color:var(--admin-muted);margin-top:3px;font-size:12px}.admin-user-table-identity{align-items:center;gap:10px;min-width:0;display:inline-flex}.admin-page{gap:18px;width:100%;margin:0 auto;display:grid}.admin-page>*{min-width:0}.admin-page-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.admin-page-header p{color:var(--admin-accent);margin:0 0 6px;font-size:12px;font-weight:800}.admin-page-header h1{color:var(--admin-text);margin:0;font-size:20px;font-weight:600;line-height:1.2}.admin-page-meta{color:var(--admin-muted);margin-top:8px;font-size:13px;line-height:1.5}.admin-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-page-section,.admin-page-section-header{gap:12px;min-width:0;display:grid}.admin-page-section-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}@media (max-width:900px){.admin-page-section-header{grid-template-columns:1fr}}.admin-page-section-header h2{color:var(--admin-text);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:650;line-height:1.35}.admin-page-section-header p{color:var(--admin-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.45}.admin-page-section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}@media (max-width:900px){.admin-page-section-actions{justify-content:flex-start;width:100%}}.admin-page-section-body,.admin-page-section-stack{gap:12px;min-width:0;display:grid}.admin-page-detail{gap:16px;min-width:0;display:grid}.admin-muted-copy{color:var(--admin-muted);margin:0;font-size:13px;line-height:1.5}.admin-section-card{background:var(--admin-surface);border:1px solid var(--admin-border);box-shadow:none;color:var(--admin-text);border-radius:8px;gap:0;min-width:0;display:grid;overflow:hidden}.admin-section-card-header{border-bottom:1px solid var(--admin-border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 16px;display:grid}@media (max-width:900px){.admin-section-card-header{grid-template-columns:1fr}}.admin-section-card-header h2{color:var(--admin-text);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:650;line-height:1.35}.admin-section-card-header p{color:var(--admin-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.45}.admin-section-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}@media (max-width:900px){.admin-section-card-actions{justify-content:flex-start;width:100%}}.admin-section-card-body{gap:12px;min-width:0;padding:16px;display:grid}.admin-card-gallery{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;min-width:0;display:grid}@media (max-width:640px){.admin-card-gallery{grid-template-columns:1fr}}.admin-overview-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:stretch;gap:12px;min-width:0;display:grid}@media (max-width:900px){.admin-overview-workspace{grid-template-columns:1fr}}.admin-overview-context-stack{align-content:start;gap:12px;min-width:0;display:grid}.admin-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.admin-filter-main{flex-wrap:wrap;flex:auto}.admin-filter-actions,.admin-filter-main{align-items:center;gap:8px;min-width:0;display:flex}.admin-filter-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;margin-left:auto}.admin-filter-search{flex:320px;min-width:min(100%,240px);max-width:560px;display:flex}.admin-filter-search-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin-filter-search-control{background:var(--admin-surface);border:1px solid var(--admin-border);color:var(--admin-muted);border-radius:8px;align-items:center;gap:7px;width:100%;height:40px;padding:0 9px;display:flex}.admin-filter-search-control input{color:var(--admin-text);font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.admin-filter-search-control input::placeholder{color:var(--admin-soft)}.admin-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-detail-actions>.sf-button,.admin-detail-actions>.sf-button-primary,.admin-detail-actions>.sf-button-secondary{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:40px;display:inline-flex}.admin-security-operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}@media (max-width:900px){.admin-security-operation-grid{grid-template-columns:1fr}}.admin-role-assignment-list{gap:8px;display:grid}.admin-role-assignment-option{border:1px solid var(--admin-border);border-radius:8px;min-width:0;overflow:hidden}.admin-role-assignment-option-main{grid-template-columns:minmax(0,1fr) auto minmax(0,220px);align-items:center;gap:12px;min-height:48px;padding:0 12px;display:grid}.admin-role-assignment-name{color:var(--admin-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.admin-role-assignment-permission-toggle{color:var(--admin-muted);cursor:pointer;font:inherit;text-align:right;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:6px;min-width:0;min-height:32px;padding:0;font-size:12px;display:inline-flex}.admin-role-assignment-permission-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-role-assignment-permission-toggle:hover{color:var(--admin-text)}.admin-role-assignment-permission-toggle:focus-visible{box-shadow:0 0 0 3px var(--sf-canvas-brand-tint-ring);border-radius:4px;outline:0}.admin-role-assignment-disabled-reason{border-top:1px solid var(--admin-border);color:var(--admin-soft);margin:0;padding:8px 12px;font-size:12px}.admin-role-assignment-permissions{border-top:1px solid var(--admin-border);grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:6px;padding:10px 12px;display:grid}.admin-role-assignment-permissions span{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-muted);overflow-wrap:anywhere;border-radius:6px;min-width:0;padding:6px 8px;font-size:12px;line-height:1.4}.admin-permission-enabled-cell{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.admin-permission-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.admin-permission-group{gap:10px}.admin-permission-group,.admin-permission-item{border:1px solid var(--admin-border);border-radius:8px;padding:10px;display:grid}.admin-permission-item{gap:8px}.admin-permission-item[data-risk=high]{border-color:var(--admin-danger)}.admin-permission-item[data-changed=true]{background:var(--admin-surface-raised)}.admin-permission-risk{color:var(--admin-muted);font-size:12px;line-height:1.35}.admin-filter-clear,.admin-filter-dropdown-trigger{background:var(--admin-surface);border:1px solid var(--admin-border);font:inherit;white-space:nowrap;border-radius:8px;gap:6px;min-width:0;padding:0 10px;font-size:13px;font-weight:700}.admin-filter-clear,.admin-filter-dropdown-trigger,.admin-filter-icon-action{color:var(--admin-text);justify-content:center;align-items:center;height:40px;display:inline-flex}.admin-filter-icon-action{font:inherit;background:0 0;border:0;border-radius:0;width:40px;padding:0}.admin-filter-icon-action:focus-visible,.admin-filter-icon-action:hover{color:var(--admin-accent-strong)}.admin-filter-icon-action:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-filter-icon-action:disabled{cursor:not-allowed;opacity:.55}.admin-filter-actions>.sf-button-primary,.admin-filter-actions>.sf-button-secondary{height:40px;min-height:40px}.admin-filter-clear:hover,.admin-filter-dropdown-trigger:hover{border-color:var(--admin-accent);color:var(--admin-accent-strong)}.admin-filter-clear:focus-visible,.admin-filter-dropdown-trigger:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-filter-clear:disabled,.admin-filter-dropdown-trigger:disabled{cursor:not-allowed;opacity:.55}.admin-filter-dropdown-label{color:var(--admin-text)}.admin-filter-dropdown-value{color:var(--admin-muted);text-overflow:ellipsis;max-width:112px;font-weight:700;overflow:hidden}.admin-filter-dropdown-content{background:var(--admin-surface);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);color:var(--admin-text);border-radius:8px;min-width:176px;padding:5px}.admin-select-dropdown-content{max-height:min(360px,var(--radix-dropdown-menu-content-available-height));min-width:var(--radix-dropdown-menu-trigger-width);overscroll-behavior:contain;scrollbar-color:var(--admin-border) transparent;scrollbar-gutter:stable;scrollbar-width:thin;width:var(--radix-dropdown-menu-trigger-width);z-index:calc(var(--admin-z-overlay,100) + 2);overflow-y:auto}.admin-select-dropdown-content::-webkit-scrollbar{width:9px}.admin-select-dropdown-content::-webkit-scrollbar-track{background:0 0}.admin-select-dropdown-content::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--admin-border);border:2px solid #0000;border-radius:999px}.admin-select-dropdown-content::-webkit-scrollbar-thumb:hover{background-color:var(--admin-accent)}.admin-select-search{background:var(--admin-surface);z-index:1;margin:-1px -1px 4px;padding:2px 2px 6px;position:sticky;top:0}.admin-select-search input{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-text);border-radius:7px;outline:none;width:100%;min-height:34px;padding:0 10px;font-size:13px}.admin-select-search input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent)}@supports (color:color-mix(in lab,red,red)){.admin-select-search input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-accent) 18%,transparent)}}.admin-select-search input::placeholder{color:var(--admin-soft)}.admin-select-empty{color:var(--admin-soft);padding:9px 10px;font-size:13px}.admin-filter-dropdown-item{color:var(--admin-text);cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;outline:0;align-items:center;gap:7px;min-height:30px;padding:0 9px 0 28px;font-size:13px;font-weight:700;display:flex;position:relative}.admin-filter-dropdown-item[data-highlighted]{background:var(--admin-hover)}.admin-filter-dropdown-indicator{color:var(--admin-accent-strong);justify-content:center;align-items:center;display:inline-flex;position:absolute;left:9px}.admin-filter-meta{color:var(--admin-muted);white-space:nowrap;align-items:center;height:40px;font-size:13px;font-weight:700;display:inline-flex}.admin-filter-chips{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.admin-filter-chip{background:var(--admin-accent-soft);border:1px solid var(--admin-accent);align-items:center}@supports (color:color-mix(in lab,red,red)){.admin-filter-chip{border:1px solid color-mix(in srgb,var(--admin-accent) 35%,var(--admin-border))}}.admin-filter-chip{color:var(--admin-accent-strong);border-radius:999px;gap:6px;min-height:28px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.admin-filter-chip button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex}.admin-tabs{gap:16px;min-width:0;display:grid}.admin-tabs-header{border-bottom:1px solid var(--admin-border);align-items:flex-end;gap:16px;min-width:0;display:flex}.admin-tabs-list{scrollbar-width:thin;flex:auto;min-width:0;overflow-x:auto}.admin-tabs-leading{flex:none;align-items:center;gap:8px;min-width:0;min-height:40px;display:flex}.admin-tabs-triggers{align-items:stretch;gap:4px;min-width:max-content;display:flex}.admin-tab-trigger{color:var(--admin-muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-bottom:-1px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.admin-tab-trigger:hover{color:var(--admin-text)}.admin-tab-trigger[data-active=true]{border-bottom-color:var(--admin-accent);color:var(--admin-accent-strong)}.admin-tab-trigger:focus-visible{outline:2px solid var(--admin-accent);outline-offset:-2px}@media (max-width:900px){.admin-tabs-header{flex-direction:column;align-items:stretch;gap:4px}.admin-tabs-leading{min-height:32px}}.admin-tabs-content{gap:16px;min-width:0;min-height:0;display:grid}.admin-tabs-content>*{min-width:0}.admin-metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;min-width:0;display:grid}.admin-metric-card{border:1px solid var(--admin-border);color:var(--admin-text);border-radius:8px;gap:12px;min-width:0;min-height:148px;padding:16px;display:grid}.admin-console-shell[data-admin-theme=light] .admin-metric-card,.admin-metric-card{background:var(--admin-surface);box-shadow:none}.admin-metric-card-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.admin-metric-card-title{color:var(--admin-text);align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:650;line-height:1.25;display:inline-flex}.admin-metric-card-title>span:last-child{overflow-wrap:anywhere;min-width:0}.admin-metric-card-icon{background:var(--admin-surface-muted);color:var(--admin-text);border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.admin-metric-card-icon svg{stroke-width:1.8px;width:16px;height:16px}.admin-metric-card[data-tone=success] .admin-metric-card-icon{background:var(--admin-feedback-success-bg);color:var(--admin-feedback-success-text)}.admin-metric-card[data-tone=warning] .admin-metric-card-icon{background:var(--admin-feedback-warning-bg);color:var(--admin-feedback-warning-text)}.admin-metric-card[data-tone=danger] .admin-metric-card-icon{background:var(--admin-feedback-danger-bg);color:var(--admin-feedback-danger-text)}.admin-metric-card[data-tone=info] .admin-metric-card-icon{background:var(--admin-feedback-info-bg);color:var(--admin-feedback-info-text)}.admin-metric-card-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.admin-metric-card-body{gap:4px;display:grid}.admin-metric-card-value-row{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.admin-metric-card-value{color:var(--admin-text);font-variant-numeric:tabular-nums;letter-spacing:0;overflow-wrap:anywhere;min-width:0;font-size:24px;font-weight:650;line-height:1.12}.admin-metric-card-trend{background:var(--admin-feedback-neutral-bg);color:var(--admin-feedback-neutral-text);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.admin-metric-card-trend[data-tone=positive]{background:var(--admin-feedback-success-bg);color:var(--admin-feedback-success-text)}.admin-metric-card-trend[data-tone=negative]{background:var(--admin-feedback-danger-bg);color:var(--admin-feedback-danger-text)}.admin-metric-card-trend[data-tone=warning]{background:var(--admin-feedback-warning-bg);color:var(--admin-feedback-warning-text)}.admin-metric-card-trend[data-tone=info]{background:var(--admin-feedback-info-bg);color:var(--admin-feedback-info-text)}.admin-metric-card-description{color:var(--admin-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:1.35;overflow:hidden}.admin-metric-card-footer{border-top:1px solid var(--admin-border);color:var(--admin-muted);margin-top:4px;padding-top:12px;font-size:12px;line-height:1.35}.admin-assets-status-panel{align-self:start;gap:12px;padding:14px;display:grid}.admin-detail-list{gap:10px;margin:0;display:grid}.admin-detail-list div{grid-template-columns:minmax(88px,.35fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}.admin-detail-list dt{color:var(--admin-muted);font-size:12px;font-weight:700}.admin-detail-list dd{color:var(--admin-text);overflow-wrap:anywhere;margin:0;font-size:13px}.admin-user-profile-layout{grid-template-columns:minmax(200px,.8fr) repeat(2,minmax(0,1fr));gap:24px;display:grid}.admin-user-profile-details,.admin-user-profile-identity{align-content:start;gap:16px;min-width:0;margin:0;display:grid}:is(.admin-user-profile-identity,.admin-user-profile-details) div{gap:8px;min-width:0;display:grid}:is(.admin-user-profile-identity,.admin-user-profile-details) dt{color:var(--admin-muted);font-size:12px;font-weight:700}:is(.admin-user-profile-identity,.admin-user-profile-details) dd{color:var(--admin-text);overflow-wrap:anywhere;margin:0;font-size:13px}.admin-user-profile-identity{align-self:stretch}.admin-user-profile-details div{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px}.admin-user-profile-details dd{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex}@media (max-width:900px){.admin-user-profile-layout{grid-template-columns:minmax(160px,.7fr) repeat(2,minmax(0,1fr));gap:16px}}@media (max-width:640px){.admin-user-profile-layout{grid-template-columns:1fr}.admin-user-profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-assets-actions,.admin-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-accounts-panel,.admin-agents-panel,.admin-assets-panel,.admin-audit-panel,.admin-billing-panel,.admin-content-regulation-panel,.admin-content-templates-panel,.admin-costs-panel,.admin-finance-panel,.admin-integrations-panel{gap:16px;min-width:0;display:grid}:is(.admin-accounts-panel,.admin-agents-panel,.admin-assets-panel,.admin-audit-panel,.admin-billing-panel,.admin-content-templates-panel,.admin-content-regulation-panel,.admin-costs-panel,.admin-finance-panel,.admin-integrations-panel)>*{min-width:0}.admin-assets-preview{aspect-ratio:16/9;background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-muted);border-radius:8px;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.admin-assets-preview span{text-align:center;padding:8px;font-size:12px;font-weight:700}.admin-assets-preview-image{object-fit:cover;width:100%;height:100%;display:block}.admin-user-content-identity{align-items:center;gap:10px;min-width:220px;display:flex}.admin-user-content-inline-thumbnail{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-muted);border-radius:4px;flex:0 0 48px;justify-content:center;align-items:center;height:34px;display:flex;overflow:hidden}.admin-user-content-inline-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.admin-user-content-media{background:var(--admin-surface-muted);border:1px solid var(--admin-border);object-fit:contain;border-radius:8px;width:100%;max-width:100%;height:auto;max-height:min(56vh,560px);display:block}.admin-user-content-json{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-text);font:12px/1.5 var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:min(48vh,420px);margin:0;padding:12px;overflow:auto}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;min-width:0;display:grid}.admin-table-card{gap:8px;padding:14px;display:grid}.admin-table-card,.admin-table-shell{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;min-width:0}.admin-table-shell{overflow:hidden}.admin-table-desktop-hint{background:var(--admin-surface-muted);border-bottom:1px solid var(--admin-border);color:var(--admin-muted);margin:0;padding:10px 14px;font-size:12px}.admin-table-summary{color:var(--admin-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.admin-table-batch-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-data-table-actions{background:var(--admin-surface);z-index:calc(var(--admin-z-sticky,10) - 1);background-clip:padding-box;position:sticky;right:0;box-shadow:-8px 0 12px -10px #0000005c}.admin-data-table-actions-content{min-width:max-content}.admin-data-table-actions-content,.admin-table-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-table-pagination{border-top:1px solid var(--admin-border)}.admin-data-table-scroll{overflow-x:auto}.admin-data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.admin-data-table td,.admin-data-table th{border-top:1px solid var(--admin-border);color:var(--admin-text);text-align:left;vertical-align:middle;white-space:nowrap;min-height:52px;padding:12px 14px;font-size:13px}.admin-data-table th{background:var(--admin-surface-muted);color:var(--admin-muted);font-size:12px;font-weight:800}.admin-data-table .admin-data-table-actions-heading{background:var(--admin-surface-muted);text-align:right;white-space:nowrap;width:1%;z-index:var(--admin-z-sticky,10);background-clip:padding-box;position:sticky;right:0;box-shadow:-8px 0 12px -10px #0000005c}.admin-data-table tbody tr:hover,.admin-data-table tbody tr:hover>td{background:var(--admin-bg)}.admin-data-table tbody tr[data-clickable=true]{cursor:pointer}.admin-data-table-row{transition:background .12s}.admin-data-table-selection{width:42px}.admin-data-table-row-button,.admin-data-table-row-link,.admin-data-table-sort{color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0;text-decoration:none}.admin-data-table-cell{min-width:max-content}.admin-pagination{color:var(--admin-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:13px;display:flex}.admin-pagination-summary,.admin-pagination-total{white-space:nowrap}.admin-pagination-size{align-items:center;gap:6px;display:inline-flex}.admin-pagination-actions{align-items:center;gap:8px;display:inline-flex}.admin-pagination-actions button{background:var(--admin-surface);border:1px solid var(--admin-border);color:var(--admin-text);font:inherit;border-radius:8px;min-height:34px;padding:0 10px;font-weight:700}.admin-pagination-actions button:disabled{color:var(--admin-soft);cursor:not-allowed}.admin-status-badge{border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.admin-status-badge[data-tone=neutral]{background:var(--admin-feedback-neutral-bg);color:var(--admin-feedback-neutral-text)}.admin-status-badge[data-tone=success]{background:var(--admin-feedback-success-bg);color:var(--admin-feedback-success-text)}.admin-status-badge[data-tone=warning]{background:var(--admin-feedback-warning-bg);color:var(--admin-feedback-warning-text)}.admin-status-badge[data-tone=danger]{background:var(--admin-feedback-danger-bg);color:var(--admin-feedback-danger-text)}.admin-status-badge[data-tone=info]{background:var(--admin-feedback-info-bg);color:var(--admin-feedback-info-text)}.admin-state-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.admin-state-card h2{color:var(--admin-text);margin:0 0 4px;font-size:14px;font-weight:600}.admin-state-card p{color:var(--admin-muted);margin:0;font-size:13px;line-height:1}.admin-state-card-request-id{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere;margin-top:6px}.admin-state-card-list{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.admin-state-card-list li{overflow-wrap:anywhere}.admin-state-card[data-kind=success]{border-color:var(--admin-feedback-success-border);background:0 0}.admin-state-card[data-kind=caution],.admin-state-card[data-kind=warning]{border-color:var(--admin-feedback-warning-border);background:0 0}.admin-state-card[data-kind=info]{border-color:var(--admin-feedback-info-border);background:0 0}.admin-state-card[data-kind=error]{border-color:var(--admin-feedback-danger-border);background:0 0}.admin-state-card[data-kind=empty]{text-align:center;background:0 0;border:0;flex-direction:column;gap:8px;padding:24px 12px;display:flex}.admin-state-card[data-kind=empty] .admin-state-card-icon{background:0 0;width:48px;height:48px}.admin-state-card[data-kind=empty]>div{text-align:center}.admin-state-card-icon{background:var(--admin-surface-muted);color:var(--admin-accent);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.admin-state-card-action{align-self:center}.admin-state-card-controls{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.admin-state-card-dismiss{color:var(--admin-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.admin-state-card-dismiss:focus-visible,.admin-state-card-dismiss:hover{background:var(--admin-surface-muted);color:var(--admin-text)}.admin-state-card-dismiss:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-state-card-loading .admin-state-card-icon{background:var(--admin-surface-muted);color:var(--admin-accent)}.admin-state-card-empty .admin-state-card-icon{background:var(--admin-surface-muted);color:var(--admin-muted)}.admin-state-card-success .admin-state-card-icon{background:var(--admin-feedback-success-bg);color:var(--admin-feedback-success-text)}.admin-state-card-caution .admin-state-card-icon,.admin-state-card-warning .admin-state-card-icon{background:var(--admin-feedback-warning-bg);color:var(--admin-feedback-warning-text)}.admin-state-card-permission .admin-state-card-icon{background:var(--admin-accent-soft);color:var(--admin-accent)}.admin-state-card-info .admin-state-card-icon{background:var(--admin-feedback-info-bg);color:var(--admin-feedback-info-text)}.admin-state-card-error .admin-state-card-icon{background:var(--admin-feedback-danger-bg);color:var(--admin-feedback-danger-text)}.admin-state-card-loading .admin-state-card-icon svg{animation:sf-pulse 1.2s ease-in-out infinite}.admin-skeleton-list{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;gap:10px;padding:14px;display:grid}.admin-skeleton-list span{background:linear-gradient(90deg,var(--sf-feedback-neutral-bg),var(--sf-bg),var(--sf-feedback-neutral-bg));background-size:180% 100%;border-radius:6px;height:42px;display:block}.admin-detail-meta{color:var(--admin-muted);justify-content:flex-start;align-items:center;gap:8px;display:flex}.admin-json-preview{max-height:300px;margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.admin-json-panel,.admin-json-preview{background:var(--sf-canvas);color:var(--sf-feedback-info-bg);border-radius:8px}.admin-json-panel{min-width:0;overflow:hidden}.admin-json-panel pre{white-space:pre-wrap;word-break:break-word;max-height:300px;margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.admin-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.admin-detail-grid span{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.admin-detail-grid small{color:var(--admin-muted);overflow-wrap:anywhere;font-size:12px}.admin-detail-grid strong{color:var(--admin-text);overflow-wrap:anywhere;font-size:16px}.admin-detail-grid meter{block-size:8px;inline-size:100%}.admin-note-list{gap:10px;display:grid}.admin-note-item{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;gap:6px;padding:12px 14px;display:grid}.admin-note-item strong{color:var(--admin-text);font-size:13px;font-weight:600}.admin-note-item p{color:var(--admin-text);margin:0;font-size:13px;line-height:1.5}.admin-note-item small{color:var(--admin-muted);font-size:12px}.admin-drawer-overlay{background:var(--sf-canvas-overlay);z-index:var(--admin-z-overlay,100);animation:admin-drawer-overlay-in .18s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}[data-admin-overlay=drawer][data-state=closed]{animation:admin-drawer-overlay-out .15s cubic-bezier(.55,.06,.68,.19) forwards}.admin-drawer-content{background:var(--admin-surface-elevated);box-shadow:-22px 0 72px var(--sf-canvas-shadow-panel),inset 1px 0 0 var(--admin-border);border:1px solid var(--admin-border);border-right:0;animation:admin-drawer-panel-in .22s cubic-bezier(.22,1,.36,1)}@supports (color:color-mix(in lab,red,red)){.admin-drawer-content{box-shadow:-22px 0 72px var(--sf-canvas-shadow-panel),inset 1px 0 0 color-mix(in srgb,var(--admin-border) 72%,transparent)}}.admin-drawer-content{color:var(--admin-text);width:min(558px,100vw);max-width:min(558px,100vw);z-index:calc(var(--admin-z-overlay,100) + 1);grid-template-rows:auto minmax(0,1fr) auto;gap:0;display:grid;position:fixed;top:0;bottom:0;right:0}[data-admin-drawer-content][data-state=closed]{animation:admin-drawer-panel-out .18s cubic-bezier(.55,.06,.68,.19) forwards}.admin-drawer-header{border-bottom:1px solid var(--admin-border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:20px 22px 18px;display:grid}.admin-drawer-header .admin-drawer-title-group{gap:6px;min-width:0;display:grid}.admin-drawer-header .admin-drawer-title-row{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.admin-drawer-header h2{color:var(--admin-text);flex:0 auto;min-width:0;font-size:18px;font-weight:650;line-height:1.35}.admin-drawer-header h2,.admin-drawer-header p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.admin-drawer-header p{color:var(--admin-muted);font-size:13px;line-height:1.5}.admin-drawer-title-metadata{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-muted);border-radius:999px;flex:0 auto;align-items:center;max-width:min(16rem,42vw);padding:3px 8px;font-size:12px;line-height:1.35;display:inline-flex}.admin-drawer-title-metadata,.admin-drawer-title-metadata>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-drawer-title-accessory{flex:none;align-items:center;display:inline-flex}.admin-overlay-close{color:var(--admin-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s,transform .15s;display:inline-flex;transform:translate(10px,-4px)}.admin-overlay-close:focus-visible,.admin-overlay-close:hover{background:var(--admin-surface-muted);color:var(--admin-text)}.admin-overlay-close:hover{transform:translate(10px,-2px)}.admin-overlay-close:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-drawer-body{color:var(--admin-text);min-height:0;padding:20px 22px 22px;overflow:auto}.admin-drawer-footer{border-top:1px solid var(--admin-border);justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}.admin-drawer-footer-split{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.admin-drawer-footer-left{flex:auto;align-items:center;gap:10px;min-width:0;display:inline-flex}.admin-drawer-footer-actions{flex:none;align-items:center;gap:10px;display:inline-flex}.admin-entity-drawer{gap:14px;display:grid}.admin-entity-drawer-section{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;gap:14px;padding:14px;display:grid}.admin-entity-drawer-section-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.admin-entity-drawer-section-header h3{color:var(--admin-text);margin:0;font-size:14px;font-weight:650;line-height:1.4}.admin-entity-drawer-section-header p{color:var(--admin-muted);margin:4px 0 0;font-size:12px;line-height:1.5}.admin-entity-drawer-section-actions{align-items:center;gap:8px;display:inline-flex}.admin-entity-drawer-section-body{gap:12px;display:grid}.admin-entity-drawer-meta{gap:10px;margin:0;display:grid}.admin-entity-drawer-meta-row{grid-template-columns:minmax(96px,.34fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.admin-entity-drawer-meta-row dt{color:var(--admin-muted);font-size:12px;line-height:1.5}.admin-entity-drawer-meta-row dd{color:var(--admin-text);min-width:0;margin:0;font-size:13px;line-height:1.5}.admin-entity-drawer-footer-help{color:var(--admin-muted);flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:12px;line-height:1.45;display:flex}.admin-provider-test-status{color:var(--admin-muted);align-items:center;gap:8px;min-width:0;display:inline-flex}.admin-provider-test-status small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-action-menu-trigger{background:var(--admin-surface);border:1px solid var(--admin-border);color:var(--admin-muted);border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.admin-action-menu-trigger:focus-visible,.admin-action-menu-trigger:hover{background:var(--admin-surface-muted);color:var(--admin-text)}.admin-action-menu-trigger:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-action-menu-content{background:var(--admin-surface-elevated);border:1px solid var(--admin-border);box-shadow:0 18px 50px var(--sf-canvas-shadow-soft);min-width:152px;z-index:var(--admin-z-popover,50);border-radius:8px;gap:2px;padding:5px;display:grid}.admin-action-menu-item{color:var(--admin-text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;font-size:13px;text-decoration:none;display:flex}.admin-action-menu-item:hover,.admin-action-menu-item[data-highlighted]{background:var(--admin-surface-muted)}.admin-action-menu-item[data-tone=danger]{color:var(--admin-feedback-danger-text)}.admin-action-menu-item[data-disabled]{color:var(--admin-soft);cursor:not-allowed}.admin-console-shell .sf-button,.admin-console-shell .sf-button-primary,.admin-console-shell .sf-button-secondary,.admin-console-shell [data-admin-button=true],:root[data-admin-theme] [data-admin-button=true]{cursor:pointer;font:inherit;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,opacity .15s ease-out;display:inline-flex}.admin-console-shell .sf-button,.admin-console-shell .sf-button-primary,.admin-console-shell [data-admin-button=true][data-variant=primary],:root[data-admin-theme] [data-admin-button=true][data-variant=primary]{background:var(--admin-button-primary-bg);border:1px solid var(--admin-button-primary-bg);color:var(--admin-button-primary-fg)}.admin-console-shell .sf-button-secondary,.admin-console-shell [data-admin-button=true][data-variant=secondary],:root[data-admin-theme] [data-admin-button=true][data-variant=secondary]{background:var(--admin-button-secondary-bg);border:1px solid var(--admin-button-secondary-border);color:var(--admin-button-secondary-fg)}.admin-console-shell .sf-button[data-variant=danger],.admin-console-shell [data-admin-button=true][data-variant=danger],:root[data-admin-theme] [data-admin-button=true][data-variant=danger]{background:var(--admin-button-danger-bg);border:1px solid var(--admin-button-danger-bg);color:var(--admin-button-danger-fg)}.admin-console-shell .sf-button[data-variant=ghost],.admin-console-shell [data-admin-button=true][data-variant=ghost],:root[data-admin-theme] [data-admin-button=true][data-variant=ghost]{background:var(--admin-button-ghost-bg);border:1px solid var(--admin-button-ghost-border);color:var(--admin-button-ghost-fg)}.admin-console-shell .sf-button-primary:hover:not(:disabled),.admin-console-shell .sf-button-secondary:hover:not(:disabled),.admin-console-shell .sf-button:hover:not(:disabled),.admin-console-shell [data-admin-button=true]:hover:not(:disabled),:root[data-admin-theme] [data-admin-button=true]:hover:not(:disabled){border-color:var(--admin-accent)}.admin-console-shell .sf-button-primary:hover:not(:disabled),.admin-console-shell .sf-button:hover:not(:disabled),.admin-console-shell [data-admin-button=true][data-variant=primary]:hover:not(:disabled),:root[data-admin-theme] [data-admin-button=true][data-variant=primary]:hover:not(:disabled){background:var(--admin-button-primary-bg-hover);border-color:var(--admin-button-primary-bg-hover)}.admin-console-shell .sf-button-secondary:hover:not(:disabled),.admin-console-shell .sf-button-secondary[aria-pressed=true],.admin-console-shell [data-admin-button=true][data-active=true],.admin-console-shell [data-admin-button=true][data-variant=secondary]:hover:not(:disabled),:root[data-admin-theme] [data-admin-button=true][data-active=true],:root[data-admin-theme] [data-admin-button=true][data-variant=secondary]:hover:not(:disabled){background:var(--admin-accent-soft);border-color:var(--admin-accent);color:var(--admin-accent-strong)}.admin-console-shell .sf-button[data-variant=danger]:hover:not(:disabled),.admin-console-shell [data-admin-button=true][data-variant=danger]:hover:not(:disabled),:root[data-admin-theme] [data-admin-button=true][data-variant=danger]:hover:not(:disabled){background:var(--admin-button-danger-bg)}@supports (color:color-mix(in lab,red,red)){.admin-console-shell .sf-button[data-variant=danger]:hover:not(:disabled),.admin-console-shell [data-admin-button=true][data-variant=danger]:hover:not(:disabled),:root[data-admin-theme] [data-admin-button=true][data-variant=danger]:hover:not(:disabled){background:color-mix(in srgb,var(--admin-button-danger-bg) 88%,var(--admin-text))}}.admin-console-shell .sf-button[data-variant=danger]:hover:not(:disabled),.admin-console-shell [data-admin-button=true][data-variant=danger]:hover:not(:disabled),:root[data-admin-theme] [data-admin-button=true][data-variant=danger]:hover:not(:disabled){border-color:var(--admin-button-danger-bg)}@supports (color:color-mix(in lab,red,red)){.admin-console-shell .sf-button[data-variant=danger]:hover:not(:disabled),.admin-console-shell [data-admin-button=true][data-variant=danger]:hover:not(:disabled),:root[data-admin-theme] [data-admin-button=true][data-variant=danger]:hover:not(:disabled){border-color:color-mix(in srgb,var(--admin-button-danger-bg) 88%,var(--admin-text))}}.admin-console-shell .sf-button-primary:focus-visible,.admin-console-shell .sf-button-secondary:focus-visible,.admin-console-shell .sf-button:focus-visible,.admin-console-shell [data-admin-button=true]:focus-visible,:root[data-admin-theme] [data-admin-button=true]:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-console-shell .sf-button-primary:active:not(:disabled),.admin-console-shell .sf-button-secondary:active:not(:disabled),.admin-console-shell .sf-button:active:not(:disabled),.admin-console-shell [data-admin-button=true]:active:not(:disabled),:root[data-admin-theme] [data-admin-button=true]:active:not(:disabled){opacity:.88}.admin-console-shell .sf-button-primary:disabled,.admin-console-shell .sf-button-secondary:disabled,.admin-console-shell .sf-button:disabled,.admin-console-shell [data-admin-button=true]:disabled,:root[data-admin-theme] [data-admin-button=true]:disabled{background:var(--admin-button-disabled-bg);border-color:var(--admin-button-disabled-border);color:var(--admin-button-disabled-fg);cursor:not-allowed;opacity:var(--admin-button-disabled-opacity)}.admin-console-shell .sf-button[data-variant=danger]:disabled,.admin-console-shell [data-admin-button=true][data-variant=danger]:disabled,:root[data-admin-theme] [data-admin-button=true][data-variant=danger]:disabled{background:var(--admin-button-disabled-bg);border:1px solid var(--admin-button-disabled-border);color:var(--admin-button-disabled-fg);cursor:not-allowed;opacity:var(--admin-button-disabled-opacity)}.admin-console-shell .sf-button[data-variant=ghost]:disabled,.admin-console-shell [data-admin-button=true][data-variant=ghost]:disabled,:root[data-admin-theme] [data-admin-button=true][data-variant=ghost]:disabled{background:var(--admin-button-disabled-bg);border-color:var(--admin-button-disabled-border);color:var(--admin-button-disabled-fg);cursor:not-allowed;opacity:var(--admin-button-disabled-opacity)}.admin-console-shell .sf-button-secondary[data-size=sm],.admin-console-shell .sf-button[data-size=sm],.admin-console-shell [data-admin-button=true][data-size=sm],:root[data-admin-theme] [data-admin-button=true][data-size=sm]{min-height:36px;padding:0 12px;font-size:13px}@media (prefers-reduced-motion:reduce){.admin-console-shell .sf-button,.admin-console-shell .sf-button-primary,.admin-console-shell .sf-button-secondary,.admin-console-shell [data-admin-button=true],:root[data-admin-theme] [data-admin-button=true]{transition:none}}.admin-unavailable-action{color:var(--admin-muted);font-size:13px;line-height:1.5;display:inline-flex}.admin-form{gap:14px;display:grid}.admin-form h2{color:var(--admin-text);margin:0;font-size:16px}.admin-form-error{background:var(--admin-feedback-danger-bg);border:1px solid var(--admin-feedback-danger-border);color:var(--admin-feedback-danger-text);border-radius:8px;padding:10px;font-size:13px}.admin-form-field{color:var(--admin-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{background:var(--admin-surface);border:1px solid var(--admin-border);color:var(--admin-text);font:inherit;border-radius:8px;width:100%;min-height:38px;padding:0 10px;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}.admin-form-field input:focus-visible,.admin-form-field select:focus-visible,.admin-form-field textarea:focus-visible{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--sf-canvas-brand-tint-ring);outline:0}.admin-form-field input:disabled,.admin-form-field select:disabled,.admin-form-field textarea:disabled{color:var(--admin-soft);cursor:not-allowed;opacity:.72}.admin-form-field textarea{resize:vertical;min-height:90px;padding:10px}.admin-form-field small{color:var(--admin-danger);margin-left:4px}.admin-form-field em{color:var(--admin-soft);font-style:normal}.admin-form-field strong{color:var(--sf-feedback-danger-text);font-size:12px}.admin-select-control{justify-content:stretch;display:flex;position:relative}.admin-select-native{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-select-trigger{justify-content:space-between;width:100%}.admin-select-trigger .admin-filter-dropdown-label{color:var(--admin-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-select-trigger:disabled{cursor:not-allowed}.admin-select-trigger:disabled .admin-filter-dropdown-label{color:var(--admin-soft)}.admin-select-control .admin-select-trigger{border-color:var(--admin-border);border-radius:8px;min-height:38px;padding:0 10px;font-size:13px}.admin-select-control[data-compact=true]{width:96px}.admin-select-control[data-compact=true] .admin-select-trigger{height:34px;min-height:34px;padding:0 8px}.admin-switch-control{appearance:none;background:var(--admin-surface-muted);border:1px solid var(--admin-border)}@supports (color:color-mix(in lab,red,red)){.admin-switch-control{border:1px solid color-mix(in srgb,var(--admin-border) 70%,transparent)}}.admin-switch-control{box-sizing:border-box;cursor:pointer;border-radius:999px;width:32px;height:18px;min-height:18px;padding:0;position:relative}.admin-switch-control:before{background:var(--admin-muted)}@supports (color:color-mix(in lab,red,red)){.admin-switch-control:before{background:color-mix(in srgb,var(--admin-muted) 50%,transparent)}}.admin-switch-control:before{content:"";border-radius:999px;width:12px;height:12px;transition:background .16s,transform .16s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px}.admin-switch-control:checked{background:var(--admin-accent-soft);border-color:var(--admin-accent)}.admin-switch-control:checked:before{background:var(--admin-accent);transform:translate(14px)}.admin-switch-control:disabled{cursor:not-allowed}.admin-switch-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:40px;display:grid}.admin-switch-field-copy{min-width:0}.admin-switch-field-copy label{color:var(--admin-text);font-size:13px;font-weight:700;line-height:1.45;display:block}.admin-switch-field-copy p{color:var(--admin-muted);margin:3px 0 0;font-size:12px;line-height:1.5}.admin-switch-field[data-disabled=true]{opacity:.72}.admin-form-readonly{border:1px solid var(--admin-border);border-radius:8px;gap:6px;padding:10px;display:grid}.admin-form-readonly span{color:var(--admin-muted);font-size:12px;font-weight:700}.admin-checkbox,.admin-form-readonly strong{color:var(--admin-text);font-size:13px}.admin-checkbox{cursor:pointer;align-items:center;gap:8px;min-width:0;font-weight:700;line-height:1.4;display:inline-flex;position:relative}.admin-checkbox input{cursor:pointer;opacity:0;z-index:1;block-size:18px;inline-size:18px;margin:0;position:absolute;overflow:hidden}.admin-checkbox:hover span:first-of-type{border-color:var(--admin-accent)}.admin-checkbox input:checked+span{background:var(--admin-accent);border-color:var(--admin-accent);color:var(--sf-surface-panel-light)}.admin-checkbox input:focus-visible+span{box-shadow:0 0 0 3px var(--admin-accent)}@supports (color:color-mix(in lab,red,red)){.admin-checkbox input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-accent) 25%,transparent)}}.admin-checkbox input:focus-visible+span{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-checkbox[data-disabled=true]{color:var(--admin-soft);cursor:not-allowed}.admin-checkbox[data-disabled=true] span:first-of-type{background:var(--admin-surface-muted);color:var(--admin-soft);opacity:.7}.admin-checkbox-control{background:var(--admin-surface);border:1px solid var(--admin-border);color:#0000;pointer-events:none;border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.admin-checkbox-label{overflow-wrap:anywhere;min-width:0}.admin-checkbox-label[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin-checkbox-description{color:var(--admin-soft);font-style:normal}.admin-checkbox-compact{justify-content:center;width:18px}.admin-checkbox-compact span:first-of-type{width:16px;height:16px}.admin-form-checkbox-option{background:var(--admin-surface-muted);min-height:40px;padding:0 10px}.admin-form-checkbox-option,.admin-form-fieldset{border:1px solid var(--admin-border);border-radius:8px}.admin-form-fieldset{color:var(--admin-text);gap:8px;margin:0;padding:12px;display:grid}.admin-form-fieldset legend{color:var(--admin-muted);padding:0 4px;font-size:12px;font-weight:700}.admin-radio-option{background:var(--admin-surface-muted);border:1px solid var(--admin-border);color:var(--admin-text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 10px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.admin-radio-option input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:0;position:absolute;overflow:hidden}.admin-radio-option:has(input:checked){background:var(--admin-accent-soft);border-color:var(--admin-accent)}.admin-radio-option:has(input:disabled){color:var(--admin-soft);cursor:not-allowed}.admin-radio-option input:focus-visible+span:first-of-type{box-shadow:0 0 0 3px var(--sf-canvas-brand-tint-ring);outline:2px solid var(--admin-accent);outline-offset:2px}.admin-radio-option input:checked+span:first-of-type{border-color:var(--admin-accent)}.admin-radio-option input:checked+span:first-of-type:after{background:var(--admin-accent);transform:scale(1)}.admin-radio-control{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:999px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;transition:background .14s,border-color .14s;display:inline-flex}.admin-radio-control:after{content:"";background:0 0;border-radius:999px;width:8px;height:8px;transition:background .14s,transform .14s cubic-bezier(.22,1,.36,1);transform:scale(.4)}.admin-radio-label{overflow-wrap:anywhere;min-width:0}.admin-toast{--admin-toast-bg:var(--admin-surface-elevated);--admin-toast-border:var(--admin-border);--admin-toast-text:var(--admin-muted);--admin-toast-title:var(--admin-text);background:var(--admin-toast-bg);border:1px solid var(--admin-toast-border);box-shadow:0 18px 52px var(--sf-canvas-shadow-soft);color:var(--admin-toast-title);pointer-events:auto;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;animation:admin-toast-slide .18s ease-out;display:grid}.admin-toast strong{color:var(--admin-toast-title);font-size:14px}.admin-toast p{color:var(--admin-toast-text);margin:4px 0 0;font-size:13px;line-height:1.45}.admin-toast button{color:var(--admin-toast-title);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.admin-toast[data-exiting=true]{animation:admin-toast-hide .18s ease-in forwards}.admin-toast[data-type=success]{--admin-toast-bg:var(--admin-feedback-success-bg);--admin-toast-border:var(--admin-feedback-success-text);--admin-toast-text:var(--admin-feedback-success-text);--admin-toast-title:var(--admin-feedback-success-text)}.admin-toast[data-type=error]{--admin-toast-bg:var(--admin-feedback-danger-bg);--admin-toast-border:var(--admin-feedback-danger-text);--admin-toast-text:var(--admin-feedback-danger-text);--admin-toast-title:var(--admin-feedback-danger-text)}.admin-toast[data-type=warning]{--admin-toast-bg:var(--admin-feedback-warning-bg);--admin-toast-border:var(--admin-feedback-warning-text);--admin-toast-text:var(--admin-feedback-warning-text);--admin-toast-title:var(--admin-feedback-warning-text)}.admin-toast[data-type=info]{--admin-toast-bg:var(--admin-feedback-info-bg);--admin-toast-border:var(--admin-feedback-info-text);--admin-toast-text:var(--admin-feedback-info-text);--admin-toast-title:var(--admin-feedback-info-text)}@keyframes admin-toast-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes admin-toast-hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes admin-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes admin-drawer-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes admin-drawer-panel-in{0%{opacity:.72;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes admin-drawer-panel-out{0%{opacity:1;transform:translate(0)}to{opacity:.72;transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.admin-state-card-loading .admin-state-card-icon svg,.admin-toast,[data-admin-drawer-content],[data-admin-overlay=drawer]{animation:none}.admin-form-field input,.admin-form-field input[role=switch]:before,.admin-form-field select,.admin-form-field textarea,[class~=admin-checkbox-control],[class~=admin-overlay-close],[class~=admin-radio-control],[class~=admin-radio-control]:after,[class~=admin-radio-option]{transition:none}}@media (max-width:900px){.admin-page-header{grid-template-columns:1fr}.admin-page-actions{justify-content:flex-start}.admin-state-card{grid-template-columns:34px minmax(0,1fr);align-items:start}.admin-state-card-controls{grid-column:1/-1;justify-content:flex-start}.admin-data-table{min-width:680px}[data-admin-drawer-content]{width:100vw}}.admin-page-actions-group{align-items:center;gap:8px;display:flex}.admin-favorites-bar{color:var(--admin-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.admin-favorite-link,.admin-link-button{color:var(--admin-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}:is(.admin-favorite-link,.admin-link-button):hover{text-decoration:underline}.admin-audit-timeline{gap:12px;display:grid}.admin-audit-filters{gap:12px;display:flex}.admin-audit-filters label{flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.admin-audit-filters input,.admin-audit-filters select{border:1px solid var(--admin-border);border-radius:6px;padding:4px 8px;font-size:13px}.admin-audit-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-audit-item{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:6px;gap:6px;padding:10px 12px;display:grid}.admin-audit-item-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-audit-item-body{flex-direction:column;gap:4px;display:flex}.admin-audit-severity{border-width:1px;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.admin-audit-action{color:var(--admin-text);font-size:13px;font-weight:600}.admin-audit-time{margin-left:auto}.admin-audit-actor,.admin-audit-time{color:var(--admin-muted);font-size:12px}.admin-audit-reason{color:var(--admin-text);margin:0;font-size:12px}.admin-my-actions-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-my-action-item{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:6px;gap:6px;padding:10px 12px;display:grid}.admin-my-action-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-my-action-severity{border-width:1px;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.admin-my-action-action{color:var(--admin-text);font-size:13px;font-weight:600}.admin-my-action-time{color:var(--admin-muted);margin-left:auto;font-size:12px}.admin-my-action-reason{color:var(--admin-text);margin:0;font-size:12px}.admin-breadcrumb{align-items:center;font-size:12px;display:flex}.admin-breadcrumb-list{flex-wrap:wrap;margin:0;padding:0;list-style:none}.admin-breadcrumb-item,.admin-breadcrumb-list{align-items:center;gap:4px;display:flex}.admin-breadcrumb-link{color:var(--admin-accent);text-decoration:none}.admin-breadcrumb-link:hover{text-decoration:underline}.admin-breadcrumb-current{color:var(--admin-text);font-weight:600}.admin-breadcrumb-separator{color:var(--admin-muted)}.admin-member-action{gap:8px;display:grid}.admin-member-action-buttons{flex-wrap:wrap;gap:6px;display:flex}.admin-member-action-form{gap:8px;display:grid}.admin-member-action-error{color:var(--admin-danger);margin:0;font-size:12px}.admin-member-action-actions{gap:8px;display:flex}.admin-batch-bar{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.admin-batch-count{color:var(--admin-text);font-size:13px;font-weight:600}.admin-batch-actions{align-items:center;gap:8px;display:flex}.admin-batch-confirm{gap:6px;display:grid}.admin-batch-confirm-actions{align-items:center;gap:8px;display:flex}.admin-batch-results{color:var(--admin-muted);font-size:12px}.admin-favorite-toggle{border:1px solid var(--admin-border);color:var(--admin-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:inline-flex}.admin-favorite-toggle:hover:not(:disabled){border-color:var(--admin-accent);color:var(--admin-accent)}.admin-favorite-toggle-active{color:var(--admin-accent)}.admin-note-delete,.admin-note-edit{gap:8px;padding:8px 0;display:grid}.admin-note-delete-actions,.admin-note-edit-actions{gap:8px;display:flex}.admin-note-item-header{justify-content:space-between;align-items:center;display:flex}.admin-note-item-actions{gap:6px;display:flex}.app-dialog-overlay{background:var(--app-dialog-overlay-bg,#00000094);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain;z-index:var(--admin-z-overlay,var(--sf-z-modal));justify-content:center;align-items:center;padding:clamp(18px,4vh,36px);display:flex;position:fixed;inset:0;overflow:auto}.app-dialog-overlay:before{background:linear-gradient(180deg,transparent 0,var(--app-dialog-overlay-shade,#00000057) 100%);content:"";pointer-events:none;height:42%;position:absolute;bottom:0;left:0;right:0}.app-dialog-content{--app-dialog-surface:var(--sf-canvas-surface-dialog);--app-dialog-text:var(--sf-canvas-text-primary);--app-dialog-heading:var(--sf-canvas-text-primary);--app-dialog-muted:var(--sf-canvas-text-subtle);--app-dialog-border:#ffffff18;--app-dialog-divider:var(--sf-canvas-border-muted);--app-dialog-control:var(--sf-canvas-highlight-line);--app-dialog-control-hover:var(--sf-canvas-border-muted);--app-dialog-field-bg:var(--sf-canvas-surface-elevated);--app-dialog-shadow:0 34px 90px #0000008f;--app-dialog-focus-ring:var(--sf-canvas-brand-tint-ring);--app-dialog-primary:var(--sf-brand);--app-dialog-primary-text:var(--sf-control-ink);--app-dialog-danger:var(--sf-feedback-danger-text);background:var(--app-dialog-surface);box-shadow:var(--app-dialog-shadow);color:var(--app-dialog-text);width:min(560px,100vw - 36px);min-height:0;max-height:min(720px,100dvh - 48px);z-index:calc(var(--admin-z-overlay,var(--sf-z-modal)) + 1);border:0;border-radius:20px;flex-direction:column;animation:app-dialog-in .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}:root[data-admin-theme=light] .app-dialog-content{--app-dialog-surface:var(--sf-surface-panel-light);--app-dialog-text:var(--sf-text);--app-dialog-heading:var(--sf-text);--app-dialog-muted:var(--sf-muted);--app-dialog-border:var(--sf-border);--app-dialog-divider:var(--sf-border);--app-dialog-control:var(--sf-feedback-muted-bg);--app-dialog-control-hover:var(--sf-surface-muted-light);--app-dialog-field-bg:var(--sf-surface-panel-light);--app-dialog-shadow:0 24px 70px #0f172a2e;--app-dialog-focus-ring:var(--sf-accent-ring);--app-dialog-primary:var(--sf-accent);--app-dialog-primary-text:#fff}:root[data-admin-theme=light] .app-dialog-overlay{--app-dialog-overlay-bg:#0f172a80;--app-dialog-overlay-shade:#0f172a2e}.app-session-expired-overlay,:root[data-admin-theme=light] .app-session-expired-overlay{--app-dialog-overlay-bg:var(--sf-canvas-overlay);--app-dialog-overlay-shade:transparent}.app-dialog-content[data-size=sm]{width:min(420px,100vw - 36px)}.app-dialog-content[data-size=lg]{width:min(820px,100vw - 36px)}.app-dialog-content[data-size=compact]{width:min(780px,100vw - 36px)}.app-dialog-content[data-size=xl]{width:min(980px,100vw - 36px)}.app-dialog-content[data-size=utility]{width:min(720px,100vw - 36px)}.app-dialog-content[data-size=catalog]{width:min(840px,100vw - 36px)}.app-dialog-content[data-size=fullscreen]{width:calc(100vw - 36px);height:calc(100dvh - 36px);max-height:calc(100dvh - 36px)}.app-dialog-content[data-size=wide]{border-radius:16px;grid-template-rows:auto minmax(0,1fr);width:min(1280px,100vw - 80px);max-width:1280px;height:min(720px,100dvh - 80px);max-height:min(720px,100dvh - 80px);display:grid}.app-dialog-content[data-size=wide] .app-dialog-body{padding:0}.app-dialog-overlay:has(.app-dialog-content[data-size=wide]){background:#0006}.app-dialog-content[data-variant=danger]{border-color:var(--sf-feedback-danger-border)}.app-dialog-content.app-session-expired-dialog{--app-dialog-surface:var(--sf-canvas-surface-elevated);--app-dialog-border:var(--sf-canvas-brand-border);--app-dialog-divider:var(--sf-canvas-border-muted);--app-dialog-control:var(--sf-canvas-highlight-line);--app-dialog-control-hover:var(--sf-canvas-hover-surface);--app-dialog-muted:var(--sf-canvas-text-soft);--app-dialog-shadow:0 30px 78px var(--sf-canvas-shadow-drawer),0 0 0 1px var(--sf-canvas-hairline);border-radius:16px;width:min(444px,100vw - 36px)}:root[data-admin-theme=light] .app-dialog-content.app-session-expired-dialog{--app-dialog-surface:var(--sf-surface-panel-light);--app-dialog-border:var(--sf-border);--app-dialog-divider:var(--sf-border);--app-dialog-control:var(--sf-feedback-muted-bg);--app-dialog-control-hover:var(--sf-surface-muted-light);--app-dialog-muted:var(--sf-feedback-muted-text);--app-dialog-shadow:0 26px 68px var(--sf-shared-shadow-soft),0 0 0 1px var(--sf-canvas-brand-tint-muted)}.app-dialog-content.app-session-expired-dialog:before{background:var(--sf-brand);content:"";height:2px;position:absolute;inset:0 0 auto}.app-session-expired-dialog .app-dialog-header{background:0 0;border-bottom:0;align-items:start;gap:14px;min-height:0;padding:24px 66px 20px 24px}.app-session-expired-dialog .app-dialog-icon{background:var(--sf-canvas-brand-tint);border-color:var(--sf-canvas-brand-border);color:var(--sf-brand);border-radius:14px}:root[data-admin-theme=light] .app-session-expired-dialog .app-dialog-icon{background:var(--sf-surface-muted-light);border-color:var(--sf-border);color:var(--admin-accent,var(--sf-accent))}.app-session-expired-dialog .app-dialog-heading h2{letter-spacing:0;font-size:18px;line-height:1.3}.app-session-expired-dialog .app-dialog-heading p{color:var(--app-dialog-muted);font-size:13px}.app-session-expired-note{color:var(--app-dialog-muted);align-items:center;gap:6px;min-width:0;margin:0;font-size:12px;line-height:1.4;display:inline-flex}.app-session-expired-note svg{color:var(--sf-brand);flex:none}:root[data-admin-theme=light] .app-session-expired-note svg{color:var(--admin-accent,var(--sf-accent))}.app-session-expired-dialog .app-dialog-footer{border-top:1px solid var(--app-dialog-divider);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px 18px;display:flex}.app-session-expired-dialog .sf-button{border-radius:8px;flex:none;min-height:38px;padding-inline:14px}.app-session-expired-dialog>.app-dialog-close{color:var(--app-dialog-muted);background:0 0;border:0;border-radius:50%;width:30px;height:30px;padding:0;top:19px;right:19px}.app-session-expired-dialog>.app-dialog-close:focus-visible,.app-session-expired-dialog>.app-dialog-close:hover:not(:disabled){color:var(--app-dialog-heading);background:0 0}.app-dialog-close{background:var(--app-dialog-control);color:var(--app-dialog-muted);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex;position:absolute;top:18px;right:18px}.app-dialog-close:hover:not(:disabled){background:var(--app-dialog-control-hover);color:var(--app-dialog-heading)}.app-dialog-close:focus-visible{background:var(--app-dialog-control-hover);color:var(--app-dialog-heading);outline:2px solid var(--app-dialog-primary);outline-offset:2px}.app-dialog-close:disabled{cursor:not-allowed;opacity:.55}.app-dialog-header{border-bottom:1px solid var(--app-dialog-divider);background:0 0;grid-template-columns:minmax(0,1fr);align-items:center;gap:14px;min-height:74px;padding:20px 68px 18px 22px;display:grid}:root[data-admin-theme=light] .app-dialog-header{background:0 0}.app-dialog-header[data-has-icon=true]{grid-template-columns:44px minmax(0,1fr)}.app-dialog-icon{background:var(--app-dialog-control);border:1px solid var(--app-dialog-divider);color:var(--app-dialog-muted);border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.app-dialog-content[data-variant=danger] .app-dialog-icon{background:var(--sf-feedback-danger-bg-strong);border-color:var(--sf-feedback-danger-border);color:var(--sf-feedback-danger-text)}.app-dialog-heading{gap:6px;min-width:0;display:grid}.app-dialog-heading h2{color:var(--app-dialog-heading);text-wrap:balance;margin:0;font-size:18px;font-weight:650;line-height:1.22}.app-dialog-heading p{color:var(--app-dialog-muted);text-wrap:pretty;max-width:62ch;margin:0;font-size:13px;line-height:1.5}.app-dialog-body{overscroll-behavior:contain;scrollbar-color:var(--app-dialog-scrollbar,var(--sf-canvas-border-strong)) transparent;scrollbar-width:thin;min-height:0;padding:18px 22px;overflow:auto}.app-dialog-content[data-size=fullscreen] .app-dialog-body{flex:auto;min-height:0;padding:0;display:flex}:is(.app-dialog-disabled-reason,.app-dialog-submit-error){margin:0 22px 14px;font-size:12px;line-height:1.45}.app-dialog-disabled-reason{color:var(--app-dialog-muted)}.app-dialog-submit-error{background:var(--sf-feedback-danger-bg);border:1px solid var(--sf-feedback-danger-border);color:var(--sf-feedback-danger-text);border-radius:8px;padding:10px 12px}.app-dialog-footer{border-top:1px solid var(--app-dialog-divider);justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px 18px;display:flex}.app-dialog-reason-field{color:var(--app-dialog-muted);gap:6px;font-size:12px;font-weight:700;line-height:1.35;display:grid}.app-dialog-reason-field textarea{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-divider);color:var(--app-dialog-text);font:inherit;resize:vertical;border-radius:8px;outline:none;min-height:92px;padding:10px}.app-dialog-reason-field textarea:focus{border-color:var(--app-dialog-primary);box-shadow:0 0 0 2px var(--app-dialog-focus-ring)}.app-form-grid{gap:12px;min-width:0;display:grid}.app-form-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.app-form-field,.app-popover-field{color:var(--app-dialog-muted,var(--sf-canvas-text-subtle));gap:7px;min-width:0;font-size:13px;line-height:1.4;display:grid}.app-form-field[data-layout=inline]{grid-template-columns:minmax(86px,max-content) minmax(0,1fr);align-items:center}:is(.app-form-label,.app-form-field>span,.app-popover-field>span){color:var(--app-dialog-muted,var(--sf-canvas-text-subtle));min-width:0;font-size:13px;font-weight:650;line-height:1.4}.app-form-control{background:var(--app-dialog-field-bg,var(--sf-canvas-surface-elevated));border:1px solid var(--app-dialog-divider,var(--sf-canvas-border-muted));color:var(--app-dialog-text,var(--sf-canvas-text-primary));font:inherit;border-radius:8px;outline:none;width:100%;min-width:0;min-height:40px;padding:0 11px;transition:border-color .16s ease-out,box-shadow .16s ease-out,background .16s ease-out}.app-form-control:is(textarea),textarea.app-form-control{resize:vertical;min-height:92px;padding:10px 11px;line-height:1.5}.app-form-control:focus,.app-form-control:focus-visible{border-color:var(--app-dialog-primary,var(--sf-brand));box-shadow:0 0 0 2px var(--app-dialog-focus-ring,var(--sf-canvas-brand-tint-ring))}.app-form-control:disabled,.app-form-control[aria-disabled=true]{cursor:not-allowed;opacity:.62}.app-form-actions{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.app-popover-panel{background:var(--app-dialog-field-bg,var(--sf-canvas-surface-elevated));border:1px solid var(--app-dialog-divider,var(--sf-canvas-border-muted));box-shadow:0 24px 58px var(--sf-canvas-shadow-popover);color:var(--app-dialog-text,var(--sf-canvas-text-primary));scrollbar-width:none;min-width:220px;z-index:var(--sf-z-canvas-inline-menu);border-radius:14px;gap:8px;padding:10px;display:grid}.app-popover-panel::-webkit-scrollbar{display:none}.app-popover-panel[data-position=below-start]{position:absolute;top:calc(100% + 6px);left:0}.app-popover-panel[data-size=compact]{min-width:92px;padding:6px}@keyframes app-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.app-dialog-content{animation:none}}@media (max-height:700px),(max-width:760px){.app-dialog-overlay{padding:14px}.app-dialog-content{border-radius:18px;width:min(560px,100vw - 28px);max-height:calc(100dvh - 28px)}.app-dialog-content[data-size=lg],.app-dialog-content[data-size=utility],.app-dialog-content[data-size=xl]{width:calc(100vw - 28px)}.app-dialog-header{min-height:0;padding:16px 62px 16px 16px}.app-dialog-body{padding:16px}.app-dialog-footer{padding:14px 16px 16px}.app-dialog-close{top:16px;right:16px}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--background:#151515;--foreground:#eee;--border:#343434;--sf-brand:var(--sf-user-brand);--sf-brand-strong:var(--sf-user-brand-hover);--sf-brand-soft:#22291b;--sf-control-ink:var(--sf-user-brand-ink);--sf-canvas:var(--background);--sf-panel:#1c1c1c;--sf-panel-subtle:#242424;--sf-text-muted:#aaa;--sf-text-secondary:#c4c4c4;--sf-canvas-text-primary:var(--foreground);--sf-canvas-text-subtle:var(--sf-text-muted);--sf-canvas-surface-dialog:var(--background);--sf-canvas-surface-elevated:var(--sf-panel);--sf-canvas-surface-panel:var(--sf-panel);--sf-canvas-border-subtle:var(--border);--sf-canvas-border-soft:var(--border);--sf-canvas-border-strong:#454545;--sf-canvas-border-muted:#ffffff09;--sf-canvas-brand-tint-muted:var(--sf-brand-soft);--sf-primary-foreground:var(--sf-control-ink);--primary:var(--sf-brand);--ring:var(--sf-brand);--primary-foreground:var(--sf-control-ink);--sf-canvas-text-strong:var(--foreground);--sf-canvas-text-soft:var(--sf-text-secondary);--sf-canvas-text-secondary:var(--sf-text-secondary);--sf-canvas-text-muted:var(--sf-text-muted);--sf-canvas-surface-raised:var(--sf-panel-subtle);--sf-canvas-surface-control:var(--sf-panel-subtle);--sf-canvas-border-divider:var(--border);--sf-canvas-brand-tint:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint:color-mix(in srgb,var(--sf-brand) 12%,transparent)}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-strong:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-strong:color-mix(in srgb,var(--sf-brand) 14%,transparent)}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-subtle:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-subtle:color-mix(in srgb,var(--sf-brand) 10%,transparent)}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-medium:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-medium:color-mix(in srgb,var(--sf-brand) 16%,transparent)}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-hover:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-hover:color-mix(in srgb,var(--sf-brand) 18%,transparent)}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-ring:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-tint-ring:color-mix(in srgb,var(--sf-brand) 22%,transparent)}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-border:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-border:color-mix(in srgb,var(--sf-brand) 34%,transparent)}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-canvas-brand-accent:var(--sf-brand);--sf-feedback-danger-text:var(--sf-canvas-notice-danger-text);--sf-feedback-danger-bg:var(--sf-danger-soft);--sf-feedback-danger-bg-strong:var(--sf-canvas-notice-danger-surface);--sf-feedback-danger-border:var(--sf-danger)}@supports (color:color-mix(in lab,red,red)){:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--sf-feedback-danger-border:color-mix(in srgb,var(--sf-danger) 35%,transparent)}}:root:not([data-admin-theme]) :is([role=dialog],[data-account-surface],.sf-select-menu){--app-dialog-surface:var(--background);--app-dialog-border:var(--border);--app-dialog-divider:var(--sf-canvas-border-muted);--app-dialog-primary-text:var(--sf-control-ink);--app-dialog-focus-ring:var(--sf-canvas-brand-tint-ring);--app-dialog-control:var(--sf-panel);--app-dialog-control-hover:var(--sf-panel-subtle)}.sf-app-button{--sf-app-button-bg:var(--sf-canvas-surface-control);--sf-app-button-bg-hover:var(--sf-canvas-hover-surface-strong);--sf-app-button-border:var(--sf-canvas-border-soft);--sf-app-button-fg:var(--sf-canvas-text-primary);--sf-app-button-ring:var(--sf-canvas-brand-tint-ring);background:var(--sf-app-button-bg);border:1px solid var(--sf-app-button-border);color:var(--sf-app-button-fg);cursor:pointer;font:inherit;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:13px;font-weight:700;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,opacity .16s ease-out,transform .16s ease-out,box-shadow .16s ease-out;display:inline-flex}.sf-app-button svg,[data-app-icon=true]{color:currentColor;stroke-width:2px;flex:none}.sf-app-button:hover:not(:disabled){background:var(--sf-app-button-bg-hover)}.sf-app-button:active:not(:disabled){transform:translateY(1px)}.sf-app-button:focus-visible{box-shadow:0 0 0 2px var(--sf-app-button-ring);outline:none}.sf-app-button:disabled{cursor:not-allowed;opacity:.58}.sf-app-button[data-size=sm]{min-height:32px;padding:0 10px;font-size:12px}.sf-app-button[data-size=icon]{width:34px;height:34px;min-height:34px;padding:0}.sf-app-button[data-active=true]{box-shadow:inset 0 0 0 1px}@supports (color:color-mix(in lab,red,red)){.sf-app-button[data-active=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent)}}.sf-app-button[data-variant=primary]{--sf-app-button-bg:var(--sf-brand);--sf-app-button-bg-hover:var(--sf-brand-strong);--sf-app-button-border:var(--sf-brand);--sf-app-button-fg:var(--sf-primary-foreground)}.sf-app-button[data-variant=secondary]{--sf-app-button-bg:var(--sf-canvas-surface-control);--sf-app-button-bg-hover:var(--sf-canvas-hover-surface-strong);--sf-app-button-border:var(--sf-canvas-border-soft);--sf-app-button-fg:var(--sf-canvas-text-primary)}.sf-app-button[data-variant=ghost]{--sf-app-button-bg:transparent;--sf-app-button-bg-hover:var(--sf-canvas-hover-surface);--sf-app-button-border:transparent;--sf-app-button-fg:var(--sf-canvas-text-muted)}.sf-app-button[data-variant=danger]{--sf-app-button-bg:var(--sf-danger-soft);--sf-app-button-bg-hover:var(--sf-danger)}@supports (color:color-mix(in lab,red,red)){.sf-app-button[data-variant=danger]{--sf-app-button-bg-hover:color-mix(in srgb,var(--sf-danger) 22%,transparent)}}.sf-app-button[data-variant=danger]{--sf-app-button-border:var(--sf-danger)}@supports (color:color-mix(in lab,red,red)){.sf-app-button[data-variant=danger]{--sf-app-button-border:color-mix(in srgb,var(--sf-danger) 35%,transparent)}}.sf-app-button[data-variant=danger]{--sf-app-button-fg:#ffb4ad}.sf-app-button[data-variant=warning]{--sf-app-button-bg:var(--sf-gold)}@supports (color:color-mix(in lab,red,red)){.sf-app-button[data-variant=warning]{--sf-app-button-bg:color-mix(in srgb,var(--sf-gold) 14%,transparent)}}.sf-app-button[data-variant=warning]{--sf-app-button-bg-hover:var(--sf-gold)}@supports (color:color-mix(in lab,red,red)){.sf-app-button[data-variant=warning]{--sf-app-button-bg-hover:color-mix(in srgb,var(--sf-gold) 22%,transparent)}}.sf-app-button[data-variant=warning]{--sf-app-button-border:var(--sf-gold)}@supports (color:color-mix(in lab,red,red)){.sf-app-button[data-variant=warning]{--sf-app-button-border:color-mix(in srgb,var(--sf-gold) 34%,transparent)}}.sf-app-button[data-variant=warning]{--sf-app-button-fg:#f3d38b}.sf-app-button[data-variant=muted]{--sf-app-button-bg:var(--sf-canvas-brand-tint-muted);--sf-app-button-bg-hover:var(--sf-canvas-brand-tint-hover);--sf-app-button-border:var(--sf-canvas-brand-border);--sf-app-button-fg:var(--sf-canvas-brand-accent)}.light .sf-app-button,:root[data-admin-theme=light] .sf-app-button{--sf-app-button-bg:var(--sf-surface-panel-light);--sf-app-button-bg-hover:var(--sf-surface-muted-light);--sf-app-button-border:var(--sf-border);--sf-app-button-fg:var(--sf-text);--sf-app-button-ring:var(--sf-accent-ring)}.light .sf-app-button[data-variant=primary],:root[data-admin-theme=light] .sf-app-button[data-variant=primary]{--sf-app-button-bg:var(--sf-accent);--sf-app-button-bg-hover:var(--sf-accent-hover);--sf-app-button-border:var(--sf-accent);--sf-app-button-fg:#fff}.light .sf-app-button[data-variant=danger],:root[data-admin-theme=light] .sf-app-button[data-variant=danger]{--sf-app-button-bg:var(--sf-feedback-danger-bg);--sf-app-button-bg-hover:var(--sf-feedback-danger-bg-strong);--sf-app-button-border:var(--sf-feedback-danger-border);--sf-app-button-fg:var(--sf-feedback-danger-text)}.light .sf-app-button[data-variant=warning],:root[data-admin-theme=light] .sf-app-button[data-variant=warning]{--sf-app-button-bg:var(--sf-feedback-warning-bg);--sf-app-button-bg-hover:var(--sf-feedback-warning-bg)}@supports (color:color-mix(in lab,red,red)){.light .sf-app-button[data-variant=warning],:root[data-admin-theme=light] .sf-app-button[data-variant=warning]{--sf-app-button-bg-hover:color-mix(in srgb,var(--sf-feedback-warning-bg) 78%,white)}}.light .sf-app-button[data-variant=warning],:root[data-admin-theme=light] .sf-app-button[data-variant=warning]{--sf-app-button-border:var(--sf-feedback-warning-text)}@supports (color:color-mix(in lab,red,red)){.light .sf-app-button[data-variant=warning],:root[data-admin-theme=light] .sf-app-button[data-variant=warning]{--sf-app-button-border:color-mix(in srgb,var(--sf-feedback-warning-text) 22%,transparent)}}.light .sf-app-button[data-variant=warning],:root[data-admin-theme=light] .sf-app-button[data-variant=warning]{--sf-app-button-fg:var(--sf-feedback-warning-text)}.light .sf-app-button[data-variant=muted],:root[data-admin-theme=light] .sf-app-button[data-variant=muted]{--sf-app-button-bg:var(--sf-brand-soft);--sf-app-button-bg-hover:var(--sf-feedback-success-bg);--sf-app-button-border:var(--sf-accent);--sf-app-button-fg:var(--sf-accent)}.sf-app-select-trigger[data-app-select=true]{color-scheme:dark}.sf-app-select-trigger[data-app-select=true] svg{color:currentColor}.sf-app-select-menu{color-scheme:dark}.sf-tooltip-trigger{display:inline-flex}.sf-tooltip-content{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-soft);box-shadow:0 16px 38px var(--sf-canvas-shadow-popover);color:var(--sf-canvas-text-primary);max-width:min(280px,100vw - 32px);z-index:var(--sf-z-tooltip);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.45}.sf-tooltip-arrow{fill:var(--sf-canvas-surface-elevated)}.sf-app-select-item{cursor:pointer;font:inherit;border:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.sf-app-select-item-row{flex-shrink:0;align-items:stretch;gap:4px;display:flex}.sf-app-select-item-row .sf-app-select-item{flex:auto;min-width:0}.sf-app-select-item-action{color:var(--sf-canvas-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 0 36px;justify-content:center;place-self:center;align-items:center;width:36px;min-width:0;height:36px;min-height:0;padding:0;display:inline-flex}.sf-app-select-item-action:focus-visible,.sf-app-select-item-action:hover:not(:disabled){background:var(--sf-canvas-active-surface);color:var(--sf-surface-panel-light);outline:none}.sf-app-select-item-action:focus-visible svg[data-lucide=play],.sf-app-select-item-action:hover:not(:disabled) svg[data-lucide=play]{fill:currentColor;stroke:none}.sf-app-select-item-action:disabled{cursor:not-allowed;opacity:.45}.sf-app-select-item:disabled,.sf-app-select-item[data-disabled]{cursor:not-allowed}.light .sf-app-select-menu,.light .sf-app-select-trigger[data-app-select=true],.sf-app-select-menu[data-tone=light],.sf-app-select-trigger[data-tone=light],:root[data-admin-theme=light] .sf-app-select-menu,:root[data-admin-theme=light] .sf-app-select-trigger[data-app-select=true]{color-scheme:light}.sf-number-stepper:focus-within,.sf-select-trigger:focus-visible{border-color:var(--sf-brand);box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium);outline:none}.sf-number-stepper{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary);border-radius:7px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;min-height:40px;transition:border-color .16s ease-out,box-shadow .16s ease-out,background .16s ease-out;display:grid}.sf-number-stepper input{color:inherit;font:inherit;text-align:center;background:0 0;border:0;outline:none;width:100%;min-height:38px;padding:0;font-size:14px}.sf-number-stepper button{color:var(--sf-canvas-text-subtle);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;height:100%;padding:0;display:inline-flex}.sf-number-stepper button:hover:not(:disabled){color:var(--sf-canvas-text-primary)}.sf-number-stepper button:disabled{cursor:not-allowed;opacity:.42}.canvas-voiceover-parameters :is(.app-form-control,.sf-select-trigger,.sf-number-stepper){box-sizing:border-box;height:40px;min-height:40px}.canvas-voiceover-parameters .sf-number-stepper,.canvas-voiceover-parameters .sf-number-stepper button,.canvas-voiceover-parameters .sf-number-stepper:focus-within{border:0}.canvas-voiceover-parameters .sf-app-switch{border-radius:999px;flex:0 0 42px;width:42px;height:24px;min-height:24px;max-height:24px}.sf-app-switch{background:var(--sf-canvas-border-soft);border:1px solid var(--sf-canvas-border-soft);cursor:pointer;border-radius:999px;justify-content:flex-start;align-items:center;width:42px;height:24px;padding:2px;transition:background .16s ease-out,border-color .16s ease-out;display:inline-flex}.sf-app-switch__thumb{background:var(--sf-canvas-text-primary);border-radius:50%;width:18px;height:18px;transition:transform .16s ease-out,background .16s ease-out;display:block;transform:translate(0)}.sf-app-switch[data-checked=true]{background:var(--sf-brand);border-color:var(--sf-brand)}.sf-app-switch[data-checked=true] .sf-app-switch__thumb{background:var(--sf-primary-foreground);transform:translate(18px)}.sf-app-switch:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium);outline:none}.sf-app-switch:disabled{cursor:not-allowed;opacity:.5}.sf-select-trigger{appearance:none;background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary);cursor:pointer;text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 11px 0 12px;transition:border-color .16s ease-out,box-shadow .16s ease-out,background .16s ease-out;display:flex}.sf-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sf-select-trigger[data-width-mode=content]{grid-template-columns:minmax(0,auto) auto;width:max-content;max-width:min(100%,36rem);display:inline-grid}.sf-select-trigger[data-width-mode=content]>svg{grid-area:1/2}.sf-select-trigger[data-width-mode=content] [data-app-select-current-label=true]{flex:none;grid-area:1/1}.sf-select-trigger[data-width-mode=content] [data-app-select-label-sizer=true]{pointer-events:none;visibility:hidden;flex:none;grid-area:1/1;display:grid}.sf-select-trigger[data-width-mode=content] [data-app-select-label-sizer=true]>span{white-space:nowrap;grid-area:1/1}.sf-select-menu{background:var(--sf-canvas-surface-panel);border:1px solid var(--sf-canvas-border-soft);box-shadow:0 18px 42px var(--sf-canvas-shadow-popover);color:var(--sf-canvas-text-primary);overscroll-behavior:contain;scrollbar-width:thin;max-height:min(280px,100dvh - 48px);z-index:calc(var(--sf-z-modal,500) + 10);border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.sf-select-menu button{color:var(--sf-canvas-text-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;flex-shrink:0;min-height:36px;padding:8px 10px;font-size:13px}.sf-select-menu .sf-app-select-item-action{box-sizing:border-box;text-align:center;border-radius:50%;flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.sf-select-menu .sf-app-select-item:has(span span:nth-child(2)){align-items:flex-start;min-height:52px}.sf-select-menu .sf-app-select-item>span:first-child{gap:3px;width:100%;min-width:0;display:grid}.sf-select-menu .sf-app-select-label{text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.35;display:block;overflow:hidden}.sf-select-menu .sf-app-select-description{color:var(--sf-canvas-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:1.45;display:block;overflow:hidden}.sf-select-menu button:hover,.sf-select-menu button[aria-selected=true]{background:var(--sf-canvas-hover-surface);color:var(--sf-canvas-text-primary)}.sf-select-empty{color:var(--sf-canvas-text-muted);padding:8px 10px;font-size:13px}.account-avatar-upload-trigger{cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:0;line-height:1;display:inline-flex;position:relative;overflow:hidden}.account-avatar-upload-trigger:disabled{cursor:not-allowed}.account-avatar-upload-trigger:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium);outline:none}.account-profile-preview .account-avatar-upload-trigger .account-avatar-upload-overlay{background:var(--sf-canvas-overlay);color:var(--sf-text-inverse);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.account-profile-preview .account-avatar-upload-trigger .account-avatar-upload-overlay svg{animation:account-profile-spin .9s linear infinite}.account-profile-preview .account-avatar-upload-trigger .account-avatar-upload-hint{background:var(--sf-canvas-overlay);align-items:center}@supports (color:color-mix(in lab,red,red)){.account-profile-preview .account-avatar-upload-trigger .account-avatar-upload-hint{background:color-mix(in srgb,var(--sf-canvas-overlay) 96%,black)}}.account-profile-preview .account-avatar-upload-trigger .account-avatar-upload-hint{color:var(--sf-text-inverse);opacity:0;text-align:center;-webkit-user-select:none;user-select:none;white-space:normal;border-radius:999px;flex-direction:column;justify-content:center;gap:4px;margin:0;font-size:12px;font-weight:700;transition:opacity .16s ease-out;display:flex;position:absolute;inset:0;overflow:visible}.account-profile-preview .account-avatar-upload-trigger .account-avatar-upload-hint svg{color:currentColor}.account-profile-preview .account-avatar-upload-trigger:focus-visible .account-avatar-upload-hint,.account-profile-preview .account-avatar-upload-trigger:hover .account-avatar-upload-hint{opacity:1}.account-avatar-upload-error{color:var(--sf-feedback-danger-text)!important}.account-profile-advanced summary{color:var(--sf-canvas-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px}.account-profile-advanced summary:hover{color:var(--sf-canvas-text-primary)}.account-profile-advanced[open] summary{margin-bottom:8px}.account-user-avatar{background:var(--sf-canvas-brand-tint-medium);border:1px solid var(--sf-brand);align-items:center}@supports (color:color-mix(in lab,red,red)){.account-user-avatar{border:1px solid color-mix(in srgb,var(--sf-brand) 38%,transparent)}}.account-user-avatar{border-radius:999px;flex-shrink:0;justify-content:center;display:inline-flex;overflow:hidden}.account-user-avatar[data-size=sm]{width:28px;height:28px}.account-user-avatar[data-size=md]{width:34px;height:34px}.account-user-avatar[data-size=lg]{width:64px;height:64px}.account-user-avatar img{object-fit:cover;width:100%;height:100%}.account-profile-form{color:var(--sf-canvas-text-primary);gap:16px;display:grid}.account-profile-form[data-tone=page]{max-width:520px}.account-profile-form[data-tone=admin]{min-height:0}.account-profile-form[data-tone=user]{--account-profile-user-field-bg:var(--sf-canvas-surface-control);gap:12px}.app-dialog-content:has(.account-profile-form[data-tone=user]){width:min(648px,100vw - 36px)}.app-dialog-content:has(.account-profile-form[data-tone=user]) .app-dialog-body{flex:auto;padding:0;display:flex;overflow:hidden}.app-dialog-content .account-profile-form[data-tone=user]{grid-template-rows:minmax(0,1fr) auto;gap:0;width:100%;min-height:0;display:grid}.account-profile-content{gap:12px;min-height:0;display:grid}.app-dialog-content .account-profile-form[data-tone=user] .account-profile-content{scrollbar-color:var(--sf-shared-scrollbar-thumb) transparent;scrollbar-width:thin;padding:18px 24px 16px;overflow-y:auto}.account-profile-scroll-area{gap:14px;min-height:0;display:grid}.account-profile-card{gap:12px;min-width:0;display:grid}.account-profile-form[data-tone=user] .account-profile-card{background:var(--sf-canvas-surface-panel);border:1px solid var(--sf-canvas-border-subtle);box-shadow:inset 0 1px 0 var(--sf-canvas-highlight-line);border-radius:12px;padding:12px}.account-profile-form[data-tone=user] .account-profile-card--basic,.account-profile-form[data-tone=user] .account-profile-card--contact{gap:10px}.account-profile-section{border:1px solid var(--sf-canvas-border-soft);border-radius:12px;gap:12px;padding:14px;display:grid}.account-profile-section,.account-profile-section--hero{background:var(--sf-canvas-surface-elevated)}.account-profile-section-heading{align-items:center;gap:10px;min-width:0;display:flex}.account-profile-section-heading>svg{color:var(--sf-brand);flex:none}.account-profile-section-heading div{min-width:0}.account-profile-section-heading span,.account-profile-section-heading strong{display:block}.account-profile-section-heading strong{color:var(--sf-canvas-text-strong);font-size:13px;font-weight:700;line-height:1.2}.account-profile-section-heading span{color:var(--sf-canvas-text-muted);margin-top:3px;font-size:12px;line-height:1.35}.account-profile-preview{align-items:center;gap:12px;min-width:0;display:flex}.account-profile-preview div{min-width:0}.account-profile-preview>div>span,.account-profile-preview>div>strong{display:block}.account-profile-preview>div>strong{color:var(--sf-canvas-text-strong);align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.account-profile-preview>div>span{color:var(--sf-canvas-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.account-profile-form[data-tone=user] .account-profile-preview{background:var(--account-profile-user-field-bg);border:1px solid #0000;border-radius:12px;padding:10px}.account-profile-field{color:var(--sf-canvas-text-strong);gap:7px;font-size:13px;font-weight:650;display:grid}.account-profile-field input,.account-profile-field select{appearance:none;background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary);font:inherit;border-radius:7px;outline:none;width:100%;min-height:40px;padding:0 12px;font-size:14px;transition:border-color .16s ease-out,box-shadow .16s ease-out}.account-profile-field input:focus,.account-profile-field select:focus{border-color:var(--sf-brand);box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium);outline:none}.account-profile-field input::placeholder{color:var(--sf-canvas-text-subtle)}.account-profile-field .sf-number-stepper input{background:0 0;border:0;border-radius:0;min-height:38px;padding:0}.account-profile-field--inline{grid-template-columns:minmax(68px,0fr) minmax(0,1fr);align-items:center;gap:10px 8px}.account-profile-field-label{color:var(--sf-canvas-text-strong);align-items:center;gap:8px;min-width:0;line-height:1.25;display:flex}.account-profile-label-icon{color:var(--sf-canvas-text-subtle);flex:none;justify-content:center;align-items:center;width:18px;display:inline-flex}.account-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 36px;display:grid}.account-profile-card .account-profile-grid{gap:10px 44px}.account-profile-input-shell{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-soft);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:0 11px;transition:border-color .16s ease-out,box-shadow .16s ease-out;display:grid}.account-profile-input-shell[data-has-action=true]{grid-template-columns:18px minmax(0,1fr) auto;padding-right:5px}.account-profile-input-shell:focus-within{border-color:var(--sf-brand);box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium)}.account-profile-input-shell input{background:0 0;border:0;border-radius:0;min-height:38px;padding:0}.account-profile-input-shell input:focus{box-shadow:none;border:0;outline:none}.account-profile-input-shell--plain{grid-template-columns:minmax(0,1fr);padding:0 11px}.account-profile-input-shell--plain[data-has-action=true]{grid-template-columns:minmax(0,1fr) auto;padding-right:4px}.account-profile-form[data-tone=user] .account-profile-field input,.account-profile-form[data-tone=user] .account-profile-field select,.account-profile-form[data-tone=user] .account-profile-input-shell,.account-profile-form[data-tone=user] .sf-number-stepper,.account-profile-form[data-tone=user] .sf-select-trigger{box-shadow:none;background:var(--account-profile-user-field-bg)!important;border-color:#0000!important}.account-profile-form[data-tone=user] .account-profile-field input:focus,.account-profile-form[data-tone=user] .account-profile-field select:focus,.account-profile-form[data-tone=user] .account-profile-input-shell:focus-within,.account-profile-form[data-tone=user] .sf-number-stepper:focus-within,.account-profile-form[data-tone=user] .sf-select-trigger:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px;box-shadow:none!important;border-color:#0000!important}.account-profile-input-icon{color:var(--sf-canvas-text-subtle);display:inline-flex}.account-profile-input-action,.account-profile-visibility-toggle{align-items:center;display:inline-flex}.account-profile-visibility-toggle{color:var(--sf-canvas-text-subtle);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;width:30px;height:30px;padding:0;transition:background .16s ease-out,color .16s ease-out,box-shadow .16s ease-out}.account-profile-visibility-toggle:hover{background:var(--sf-canvas-surface-muted);color:var(--sf-canvas-text-primary)}.account-profile-visibility-toggle:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium);color:var(--sf-brand);outline:none}.account-profile-identities{flex-wrap:wrap;gap:8px;display:flex}.account-profile-identities span{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-muted);border-radius:999px;min-height:28px;padding:5px 10px;font-size:12px}.account-profile-contact-change{gap:12px;display:grid}.account-profile-section .account-profile-contact-change{border-top:0;padding-top:0}.account-profile-contact-row{background:var(--sf-canvas-surface-control);border:1px solid var(--sf-canvas-border-soft);border-radius:10px;gap:9px;padding:10px;display:grid}.account-profile-form[data-tone=user] .account-profile-contact-row{background:var(--account-profile-user-field-bg);border-color:#0000}.account-profile-contact-input{appearance:none;background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary);font:inherit;border-radius:7px;min-height:40px;padding:0 12px}.account-profile-contact-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.account-profile-contact-summary strong{color:var(--sf-canvas-text-strong);align-items:center;gap:8px;font-size:13px;line-height:1.25;display:flex}.account-profile-contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.account-profile-verification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-profile-password-hint{color:var(--sf-canvas-text-muted);margin:0;font-size:12px;line-height:1.55}.account-profile-error{background:var(--sf-danger-soft);border:1px solid var(--sf-feedback-danger-border);color:var(--sf-feedback-danger-text);border-radius:7px;margin:0;padding:8px 10px;font-size:13px;line-height:1.5}.account-profile-success{background:var(--sf-success,#2e7d32)}@supports (color:color-mix(in lab,red,red)){.account-profile-success{background:color-mix(in srgb,var(--sf-success,#2e7d32) 12%,transparent)}}.account-profile-success{border:1px solid var(--sf-success,#2e7d32)}@supports (color:color-mix(in lab,red,red)){.account-profile-success{border:1px solid color-mix(in srgb,var(--sf-success,#2e7d32) 34%,transparent)}}.account-profile-success{color:var(--sf-success,#2e7d32);border-radius:7px;margin:0;padding:8px 10px;font-size:13px;line-height:1.5}.account-profile-actions{gap:10px;display:grid}.account-profile-actions-row{justify-content:flex-end;gap:8px;display:flex}.app-dialog-content .account-profile-form[data-tone=user] .account-profile-actions{background:var(--app-dialog-surface);border-top:1px solid var(--app-dialog-divider);padding:14px 24px 18px}.app-dialog-content:has(.account-profile-form[data-tone=admin]){--account-admin-dialog-surface:#11151b;--account-admin-dialog-header:#1a1f27;--account-admin-card-surface:#1c222a;--account-admin-card-strong:#202731;--account-admin-field-surface:#121820;--account-admin-control-surface:#27303a;--account-admin-soft-divider:#ffffff0e;--account-admin-card-highlight:#ffffff09;--account-admin-focus-ring:#19b8aa3d;--app-dialog-surface:var(--account-admin-dialog-surface);--app-dialog-field-bg:var(--account-admin-field-surface);--app-dialog-divider:var(--account-admin-soft-divider);background:var(--account-admin-dialog-surface);border-color:#ffffff12;box-shadow:0 34px 90px #00000094,inset 0 1px #ffffff09}:root[data-admin-theme=light] .app-dialog-content:has(.account-profile-form[data-tone=admin]){--account-admin-dialog-surface:var(--sf-feedback-muted-bg);--account-admin-dialog-header:var(--sf-surface-panel-light);--account-admin-card-surface:var(--sf-surface-panel-light);--account-admin-card-strong:var(--sf-surface-panel-light)}@supports (color:color-mix(in lab,red,red)){:root[data-admin-theme=light] .app-dialog-content:has(.account-profile-form[data-tone=admin]){--account-admin-card-strong:color-mix(in srgb,var(--sf-surface-panel-light) 84%,var(--sf-surface-muted-light))}}:root[data-admin-theme=light] .app-dialog-content:has(.account-profile-form[data-tone=admin]){--account-admin-field-surface:var(--sf-surface-muted-light);--account-admin-control-surface:var(--sf-feedback-muted-bg);--account-admin-soft-divider:var(--sf-border);--account-admin-card-highlight:#0f172a09;--account-admin-focus-ring:var(--app-dialog-focus-ring);border-color:var(--sf-border);box-shadow:var(--app-dialog-shadow)}.app-dialog-content:has(.account-profile-form[data-tone=admin]) .app-dialog-header{background:var(--account-admin-dialog-header);border-bottom-color:var(--account-admin-soft-divider)}.app-dialog-content .account-profile-form{color:var(--app-dialog-text)}.app-dialog-body:has(.account-profile-form[data-tone=admin]){flex:auto;padding:0;display:flex;overflow:hidden}.app-dialog-content .account-profile-form[data-tone=admin]{grid-template-rows:minmax(0,1fr) auto;gap:0;width:100%;min-height:0;display:grid}.app-dialog-content .account-profile-form[data-tone=admin] .account-profile-scroll-area{scrollbar-width:thin;padding:18px 22px;overflow-y:auto}.app-dialog-content .account-profile-form[data-tone=admin] .account-profile-actions{background:var(--account-admin-dialog-surface,var(--app-dialog-surface));border-top:1px solid var(--account-admin-soft-divider,var(--app-dialog-divider));padding:14px 22px 18px}.app-dialog-content .account-profile-field,.app-dialog-content .account-profile-preview>div>strong,.app-dialog-content .account-profile-secondary,.app-dialog-content .account-profile-section-heading strong{color:var(--app-dialog-heading)}.app-dialog-content .account-profile-password-hint,.app-dialog-content .account-profile-preview>div>span,.app-dialog-content .account-profile-section-heading span{color:var(--app-dialog-muted)}.app-dialog-content .account-profile-contact-row,.app-dialog-content .account-profile-section{background:var(--account-admin-card-surface,var(--app-dialog-field-bg));box-shadow:inset 0 1px 0 var(--account-admin-card-highlight,#ffffff09);color:var(--app-dialog-text);border-color:#0000}.app-dialog-content .account-profile-section--hero{background:var(--account-admin-card-strong,var(--app-dialog-field-bg))}.app-dialog-content .account-profile-field input,.app-dialog-content .account-profile-field select,.app-dialog-content .account-profile-input-shell{background:var(--account-admin-field-surface,var(--app-dialog-field-bg));box-shadow:none;color:var(--app-dialog-text);border-color:#0000}.app-dialog-content .account-profile-identities span{background:var(--account-admin-field-surface,var(--app-dialog-field-bg));color:var(--app-dialog-muted);border-color:#0000}.app-dialog-content .account-profile-field input:focus,.app-dialog-content .account-profile-field select:focus,.app-dialog-content .account-profile-input-shell:focus-within{box-shadow:0 0 0 2px var(--account-admin-focus-ring,var(--app-dialog-focus-ring));border-color:#0000}.app-dialog-content .account-profile-input-shell input:focus{box-shadow:none;border:0}.app-dialog-content .account-profile-form[data-tone=user] .account-profile-field input,.app-dialog-content .account-profile-form[data-tone=user] .account-profile-field select,.app-dialog-content .account-profile-form[data-tone=user] .account-profile-input-shell,.app-dialog-content .account-profile-form[data-tone=user] .sf-number-stepper,.app-dialog-content .account-profile-form[data-tone=user] .sf-select-trigger{background:var(--account-profile-user-field-bg);box-shadow:none;border-color:#0000!important}.app-dialog-content .account-profile-form[data-tone=user] .account-profile-contact-row,.app-dialog-content .account-profile-form[data-tone=user] .account-profile-identities span,.app-dialog-content .account-profile-form[data-tone=user] .account-profile-preview{background:var(--account-profile-user-field-bg);color:var(--app-dialog-text);border-color:#0000}.app-dialog-content .account-profile-form[data-tone=user] .account-profile-field input:focus,.app-dialog-content .account-profile-form[data-tone=user] .account-profile-field select:focus,.app-dialog-content .account-profile-form[data-tone=user] .account-profile-input-shell:focus-within,.app-dialog-content .account-profile-form[data-tone=user] .sf-number-stepper:focus-within,.app-dialog-content .account-profile-form[data-tone=user] .sf-select-trigger:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px;box-shadow:none!important;border-color:#0000!important}.app-dialog-content .account-profile-field input::placeholder{color:var(--app-dialog-muted)}@media (max-height:700px),(max-width:760px){.app-dialog-content:has(.account-profile-form[data-tone=user]) .app-dialog-body{padding:0}.app-dialog-content .account-profile-form[data-tone=user] .account-profile-content{padding:16px}.app-dialog-content .account-profile-form[data-tone=user] .account-profile-actions{padding:14px 16px 16px}.account-profile-grid{grid-template-columns:1fr}.app-dialog-content .account-profile-form[data-tone=admin] .account-profile-scroll-area{padding:16px}.app-dialog-content .account-profile-form[data-tone=admin] .account-profile-actions{padding:14px 16px 16px}.account-profile-verification-grid{grid-template-columns:1fr}}@media (max-width:560px){.account-profile-field--inline{grid-template-columns:1fr;align-items:stretch}.account-profile-form[data-tone=user] .account-profile-preview{align-items:flex-start}}@keyframes account-profile-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.account-profile-primary svg{animation:none}}.account-profile-card--binding{flex-direction:column;gap:0;display:flex}.account-binding-row{align-items:center;gap:10px;padding:10px 0;display:flex}.account-binding-row+.account-binding-row{border-top:1px solid var(--sf-canvas-border-muted)}.account-binding-icon{color:var(--sf-text-muted);flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.account-binding-label{min-width:48px;font-size:13px;font-weight:500}.account-binding-status{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.account-binding-status--bound{color:var(--sf-brand)}.account-binding-status--unbound{color:var(--sf-text-muted)}.account-binding-action{border:1px solid var(--sf-brand);color:var(--sf-brand);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:500;line-height:1;transition:background-color .15s,color .15s}.account-binding-action:hover{background:var(--sf-brand);color:var(--sf-canvas-base)}.account-binding-action:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px}.mx-account-page{--background:#f4f4f1;--foreground:#1b1b1b;--border:#d8d8d2;--sf-panel:#fff;--sf-panel-subtle:#f4f4f1;--sf-surface-panel-light:#fff;--sf-surface-muted-light:#f4f4f1;--sf-text:#1b1b1b;--sf-muted:#68736b;--sf-text-muted:#68736b;--sf-text-secondary:#3d463f;--sf-border:#d8d8d2;--sf-brand:var(--sf-user-brand-on-light);--sf-brand-strong:var(--sf-accent-hover);--sf-primary-foreground:#fff;--primary-foreground:var(--sf-primary-foreground);color:#1b1b1b;background:#f4f4f1;min-height:100dvh;padding:32px clamp(18px,4vw,64px)}.mx-account-panel{background:#fff;border:1px solid #1b1b1b24;border-radius:20px;max-width:1040px;margin:0 auto;padding:clamp(20px,4vw,42px);box-shadow:0 18px 50px #1b1b1b12}.mx-account-panel>h1{letter-spacing:-.03em}.mx-account-panel .sf-eyebrow{color:#68736b}.mx-account-page .account-profile-form[data-tone=page]{--sf-canvas-text-primary:#1b1b1b;--sf-canvas-text-strong:#283229;--sf-canvas-text-muted:#68736b;--sf-canvas-text-subtle:#7d887f;--sf-canvas-surface-elevated:#fff;--sf-canvas-surface-control:#f4f4f1;--sf-canvas-surface-panel:#fff;--sf-canvas-border-soft:#d8d8d2;--sf-canvas-border-subtle:#e6e6e0;--sf-canvas-border-muted:#e0e0da;--sf-canvas-highlight-line:#1b1b1b0d;--sf-canvas-brand-tint-medium:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.mx-account-page .account-profile-form[data-tone=page]{--sf-canvas-brand-tint-medium:color-mix(in srgb,var(--sf-brand) 16%,transparent)}}.mx-account-page .account-profile-form[data-tone=page]{--sf-canvas-brand-border:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.mx-account-page .account-profile-form[data-tone=page]{--sf-canvas-brand-border:color-mix(in srgb,var(--sf-brand) 34%,transparent)}}.mx-account-page .account-profile-form[data-tone=page]{--sf-canvas-overlay:#1b1b1b94;--sf-brand:var(--sf-user-brand-on-light);--sf-brand-strong:var(--sf-accent-hover);--sf-primary-foreground:#fff;--primary-foreground:var(--sf-primary-foreground);--sf-text-inverse:#fff;color:#1b1b1b}.mx-account-page .account-profile-form[data-tone=page] .account-profile-card,.mx-account-page .account-profile-form[data-tone=page] .account-profile-contact-row,.mx-account-page .account-profile-form[data-tone=page] .account-profile-section{box-shadow:none;background:#fff;border-color:#e0e0da}.mx-account-page .account-profile-form[data-tone=page] .account-profile-field input,.mx-account-page .account-profile-form[data-tone=page] .account-profile-field select,.mx-account-page .account-profile-form[data-tone=page] .account-profile-input-shell,.mx-account-page .account-profile-form[data-tone=page] .sf-number-stepper,.mx-account-page .account-profile-form[data-tone=page] .sf-select-trigger{color:#1b1b1b;background:#f8f8f5;border-color:#d8d8d2}.mx-account-page .account-profile-form[data-tone=page] .account-profile-field input:focus,.mx-account-page .account-profile-form[data-tone=page] .account-profile-field select:focus,.mx-account-page .account-profile-form[data-tone=page] .account-profile-input-shell:focus-within,.mx-account-page .account-profile-form[data-tone=page] .sf-number-stepper:focus-within,.mx-account-page .account-profile-form[data-tone=page] .sf-select-trigger:focus-visible{border-color:var(--sf-user-brand-on-light);box-shadow:0 0 0 2px var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.mx-account-page .account-profile-form[data-tone=page] .account-profile-field input:focus,.mx-account-page .account-profile-form[data-tone=page] .account-profile-field select:focus,.mx-account-page .account-profile-form[data-tone=page] .account-profile-input-shell:focus-within,.mx-account-page .account-profile-form[data-tone=page] .sf-number-stepper:focus-within,.mx-account-page .account-profile-form[data-tone=page] .sf-select-trigger:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--sf-brand) 16%,transparent)}}.mx-account-page .account-profile-form[data-tone=page] .account-profile-field input:focus,.mx-account-page .account-profile-form[data-tone=page] .account-profile-field select:focus,.mx-account-page .account-profile-form[data-tone=page] .account-profile-input-shell:focus-within,.mx-account-page .account-profile-form[data-tone=page] .sf-number-stepper:focus-within,.mx-account-page .account-profile-form[data-tone=page] .sf-select-trigger:focus-visible{outline:none}.mx-account-page .account-profile-form[data-tone=page] .account-profile-identities span{color:#68736b;background:#f4f4f1;border-color:#e0e0da}@media (max-width:720px){.mx-account-page{padding:16px 12px}.mx-account-panel{border-radius:14px;padding:18px 14px}}.mx-account-status{background:#f8f8f5;border:1px solid #e0e0da;border-radius:14px;align-items:flex-start;gap:7px;max-width:520px;margin-top:24px;padding:22px;display:grid}.mx-account-status strong{color:#283229;font-size:17px;font-weight:650}.mx-account-status p{color:#68736b;margin:0;font-size:14px;line-height:1.6}.mx-account-status-kicker{color:#7d887f;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.mx-account-status .sf-button-secondary{justify-self:start;margin-top:7px}.mx-account-status-error{border-color:#e4c8c2}.mx-account-status-error .mx-account-status-kicker{color:#9b5146}.mx-account-status-spinner{border:2px solid #d8d8d2;border-top:2px solid var(--sf-user-brand-on-light);border-radius:999px;width:22px;height:22px;margin-bottom:3px;animation:mx-account-status-spin .8s linear infinite}@keyframes mx-account-status-spin{to{transform:rotate(1turn)}}@media (max-width:720px){.mx-account-status{border-radius:12px;padding:18px}}.sf-workspace-shell{align-items:flex-start}.sf-workspace-panel{width:min(1040px,100%)}.sf-empty-state{border:1px solid var(--sf-border);border-radius:6px;padding:18px}.sf-empty-state h2{margin:0 0 6px;font-size:20px}.sf-agent-avatar{background:radial-gradient(circle at 50% 34%,var(--sf-brand) 0,var(--sf-brand) 52%,var(--sf-brand-strong) 100%);align-items:center}@supports (color:color-mix(in lab,red,red)){.sf-agent-avatar{background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--sf-brand) 26%,var(--sf-surface-panel-light)) 0,var(--sf-brand) 52%,var(--sf-brand-strong) 100%)}}.sf-agent-avatar{border:1px solid var(--sf-agent-avatar-border);box-shadow:0 0 0 var(--sf-agent-avatar-halo,8px) var(--sf-canvas-brand-tint-muted),0 0 var(--sf-agent-avatar-glow,32px) var(--sf-agent-avatar-glow-color);gap:var(--sf-agent-avatar-eye-gap,8px);height:var(--sf-agent-avatar-size,44px);width:var(--sf-agent-avatar-size,44px);border-radius:999px;flex:none;justify-content:center;display:inline-flex;position:relative;overflow:visible}.sf-agent-avatar:before{background:var(--sf-canvas-brand-tint-ring);border-radius:inherit;content:"";filter:blur(16px);opacity:.72;pointer-events:none;position:absolute;inset:-9px}.sf-agent-avatar__eye{background:var(--sf-agent-avatar-ink);height:var(--sf-agent-avatar-eye-height,10px);width:var(--sf-agent-avatar-eye-width,5px);border-radius:999px;display:block;position:relative}.sf-agent-avatar--sm{--sf-agent-avatar-size:32px;--sf-agent-avatar-eye-gap:6px;--sf-agent-avatar-eye-height:8px;--sf-agent-avatar-eye-width:4px;--sf-agent-avatar-glow:20px;--sf-agent-avatar-halo:4px}.sf-agent-avatar--md{--sf-agent-avatar-size:40px;--sf-agent-avatar-eye-gap:7px;--sf-agent-avatar-eye-height:9px;--sf-agent-avatar-eye-width:5px;--sf-agent-avatar-glow:26px;--sf-agent-avatar-halo:6px}.sf-agent-avatar--lg{--sf-agent-avatar-size:52px;--sf-agent-avatar-eye-gap:9px;--sf-agent-avatar-eye-height:13px;--sf-agent-avatar-eye-width:7px;--sf-agent-avatar-glow:34px;--sf-agent-avatar-halo:9px}.sf-agent-avatar--floating{--sf-agent-avatar-size:46px;--sf-agent-avatar-eye-gap:8px;--sf-agent-avatar-eye-height:10px;--sf-agent-avatar-eye-width:5px;--sf-agent-avatar-glow:28px;--sf-agent-avatar-halo:5px}.sf-upload-panel{background:var(--sf-panel-subtle);border:1px solid var(--border);border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid;overflow:hidden}.sf-upload-drop-zone[data-drag-active=true]{background:var(--sf-panel-subtle);outline:2px dashed var(--sf-brand);outline-offset:-4px}.sf-upload-hint{color:var(--sf-text-muted);white-space:pre-line;margin:0;font-size:12px;font-weight:500}.sf-upload-panel label{color:var(--sf-text-secondary);gap:8px;min-width:0;font-size:13px;font-weight:700;display:grid}.sf-upload-trigger{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;padding:0;font-size:13px;font-weight:700;display:inline-flex;position:relative}.sf-upload-trigger:before{border-radius:inherit;content:"";position:absolute;inset:0}.sf-upload-trigger[data-upload-state]{align-items:center;gap:8px;min-inline-size:170px}.upload-trigger-progress{align-items:center;gap:8px;width:100%;min-width:0;display:inline-flex}.upload-trigger-progress-label{white-space:nowrap;flex:none;min-width:0}.upload-trigger-progress strong{font:inherit;flex:none;font-weight:800}.upload-trigger-progress-track{background:var(--sf-brand-strong);height:4px;min-inline-size:48px;border-radius:999px;flex:48px;width:72px;min-width:0;display:block;overflow:hidden}.upload-trigger-progress-track span{background:var(--sf-primary-foreground);border-radius:inherit;height:100%;width:var(--sf-upload-progress,0);transition:width .18s;display:block}.sf-upload-file-input{appearance:none;background:var(--sf-panel)}@supports (color:color-mix(in lab,red,red)){.sf-upload-file-input{background:color-mix(in srgb,var(--sf-panel) 86%,var(--foreground) 4%)}}.sf-upload-file-input{border:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.sf-upload-file-input{border:1px solid color-mix(in srgb,var(--border) 78%,var(--foreground) 22%)}}.sf-upload-file-input{color:var(--sf-text-secondary);color-scheme:dark;font:inherit;border-radius:8px;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:8px;display:block;overflow:hidden}.sf-upload-file-input::file-selector-button{background:var(--sf-panel);border:1px solid var(--border);color:var(--foreground);cursor:pointer;font:inherit;border-radius:999px;max-inline-size:100%;margin-right:10px;padding:7px 12px;font-weight:700}:is(.sf-upload-file-input:hover,.sf-upload-file-input:focus-visible){border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:is(.sf-upload-file-input:hover,.sf-upload-file-input:focus-visible){border-color:color-mix(in srgb,var(--sf-brand) 60%,var(--border))}}.sf-upload-file-input:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px}.sf-upload-file-input:hover::file-selector-button{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.sf-upload-file-input:hover::file-selector-button{border-color:color-mix(in srgb,var(--sf-brand) 65%,var(--border))}}:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline){cursor:pointer;transition:background-color .18s,box-shadow .18s,transform .18s;position:relative}:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline):hover{background:var(--sf-brand-strong);box-shadow:0 10px 22px var(--sf-canvas-shadow-soft);transform:translateY(-1px)}:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline):active{box-shadow:0 6px 16px var(--sf-canvas-shadow-soft);transform:translateY(0)}:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline):focus-within{outline:2px solid var(--sf-brand-strong);outline-offset:2px}:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline) .sf-upload-trigger{position:static}:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline) .sf-upload-trigger:before{border-radius:inherit;inset:0}:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline) [data-upload-hint=true]{color:var(--sf-primary-foreground);opacity:.46;font-weight:650}@media (prefers-reduced-motion:reduce){:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline){transition:none}:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline):active,:is(.workspace-assets-upload-inline,.canvas-asset-upload-inline):hover{transform:none}.upload-trigger-progress-track span{transition:none}}.upload-queue-item{background:var(--sf-panel);border:1px solid var(--border);border-radius:8px;gap:8px;min-width:0;padding:10px;display:grid}.upload-queue-item-header,.upload-queue-item-meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.upload-queue-item-meta{flex-wrap:wrap;justify-content:flex-start}.upload-queue-item-meta>span{flex:none;max-width:100%}.upload-queue-item-meta .upload-queue-error-text{flex:1 0 100%}.upload-queue-item-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.upload-queue-cancel{background:var(--sf-danger-soft);border:1px solid var(--sf-danger);color:var(--sf-danger);cursor:pointer;border-radius:999px;flex:none;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.upload-queue-progress-bar{background:var(--sf-panel-subtle);border-radius:999px;width:100%;height:6px;overflow:hidden}.upload-queue-progress-fill{background:var(--sf-brand);border-radius:inherit;height:100%;transition:width .18s}.upload-queue-bytes,.upload-queue-cancelled,.upload-queue-part,.upload-queue-processing,.upload-queue-progress-text{color:var(--sf-text-muted);font-size:12px;font-weight:650}.upload-queue-error-text{color:var(--sf-danger);overflow-wrap:anywhere;font-size:12px;font-weight:650}.upload-queue-retry{background:var(--sf-panel-subtle);border:1px solid var(--sf-brand);color:var(--sf-brand);cursor:pointer;border-radius:999px;flex:none;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.upload-queue-retry:focus-visible,.upload-queue-retry:hover:not(:disabled){opacity:.88;outline:none}.video-preview-player{min-width:0;position:relative}.video-preview-player--dialog.video-preview-player--playable{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-muted);box-shadow:inset 0 1px 0 var(--sf-canvas-hairline);border-radius:18px;width:100%;min-height:340px;max-height:min(58dvh,560px);display:block;overflow:hidden}.video-preview-player--dialog.video-preview-player--playable .video-preview-player__media{background:var(--sf-canvas-surface-elevated);box-shadow:none;object-fit:contain;border:0;border-radius:0;width:100%;height:min(58dvh,560px);min-height:340px;max-height:none;display:block}.video-preview-player--canvas.video-preview-player--playable{background:var(--sf-panel-subtle,var(--app-dialog-control));border-radius:11px;flex:auto;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.video-preview-player--canvas.video-preview-player--playable .video-preview-player__media{opacity:0;transition:opacity .18s ease-out}.video-preview-player--canvas.video-preview-player--playable[data-load-state=loaded] .video-preview-player__media{opacity:1}@media (prefers-reduced-motion:reduce){.video-preview-player--canvas.video-preview-player--playable .video-preview-player__media{transition:none}}.video-preview-player--canvas.video-preview-player--state{color:var(--sf-text-muted);text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.video-preview-player--canvas.video-preview-player--state svg{color:var(--sf-text-muted)}.video-preview-player--canvas.video-preview-player--state b{color:var(--sf-text-secondary);font-size:14px;font-weight:600;line-height:1.35}.video-preview-player--canvas.video-preview-player--state small{color:var(--sf-text-muted);font-size:12px;line-height:1.4}.video-preview-player--canvas .video-preview-player__media{object-fit:cover;background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;display:block}.video-preview-player__canvas-drag-surface{cursor:inherit;position:absolute;inset:0 0 44px}.video-preview-player__media:fullscreen{object-fit:contain;background:#000;width:100vw;height:100vh;max-height:none}.video-preview-player__media::backdrop{background:#000}.video-preview-player__status{background:var(--sf-canvas-overlay);border:1px solid var(--sf-danger);color:var(--sf-canvas-text-primary);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.video-preview-player--canvas .video-preview-player__retry-button,.video-preview-player--canvas .video-preview-player__status{border-color:var(--sf-canvas-border-strong);color:var(--sf-text-secondary)}.video-preview-player--canvas .video-preview-player__retry-button{background:var(--sf-canvas-surface-elevated)}.video-preview-player--canvas .video-preview-player__retry-button:focus-visible,.video-preview-player--canvas .video-preview-player__retry-button:hover:not(:disabled){border-color:var(--sf-brand);color:var(--sf-brand)}.video-preview-player__status-icon--loading{animation:video-preview-player-spin .9s linear infinite}@keyframes video-preview-player-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.video-preview-player__status-icon--loading{animation:none}}.video-preview-player__status>span{overflow-wrap:anywhere;flex:auto;min-width:0}.video-preview-player__retry-button{background:var(--sf-danger-soft);border:1px solid var(--sf-danger);color:var(--sf-canvas-text-primary);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:30px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex}.video-preview-player__retry-button:disabled{cursor:wait;opacity:.72}.export-action-cell .sf-button-secondary,.output-detail-panel .sf-button-secondary,.output-pagination .sf-button-secondary{background:var(--sf-panel-subtle);border-color:var(--border);color:var(--foreground)}.export-action-cell .sf-button-secondary:hover,.output-detail-panel .sf-button-secondary:hover,.output-pagination .sf-button-secondary:hover{border-color:var(--sf-brand)}.sf-output-center-panel{width:min(1180px,100%);max-width:1180px}.mx-export-page,.mx-output-page{--background:#f4f4f1;--foreground:#1b1b1b;--border:#d8d8d2;--sf-panel:#fff;--sf-panel-subtle:#f4f4f1;--sf-surface-panel-light:#fff;--sf-surface-muted-light:#f4f4f1;--sf-text:#1b1b1b;--sf-muted:#68736b;--sf-text-muted:#68736b;--sf-text-secondary:#3d463f;--sf-border:#d8d8d2;--sf-brand:var(--sf-user-brand-on-light);--sf-brand-strong:var(--sf-accent-hover);--sf-primary-foreground:#fff;--primary-foreground:var(--sf-primary-foreground);background:var(--mx-page-background,#f4f4f1);color:var(--mx-ink,#1b1b1b);min-height:100dvh;padding:32px clamp(18px,4vw,64px)}.mx-export-panel,.mx-output-panel{border:1px solid var(--mx-ink,#1b1b1b)}@supports (color:color-mix(in lab,red,red)){.mx-export-panel,.mx-output-panel{border:1px solid color-mix(in srgb,var(--mx-ink,#1b1b1b) 14%,transparent)}}.mx-export-panel,.mx-output-panel{border-radius:20px;max-width:1240px;margin:0 auto;box-shadow:0 18px 50px #1b1b1b12}.mx-export-page .export-records-heading,.mx-output-page .output-center-heading{border-bottom:1px solid var(--mx-ink,#1b1b1b)}@supports (color:color-mix(in lab,red,red)){.mx-export-page .export-records-heading,.mx-output-page .output-center-heading{border-bottom:1px solid color-mix(in srgb,var(--mx-ink,#1b1b1b) 12%,transparent)}}.mx-export-page .export-records-heading,.mx-output-page .output-center-heading{padding-bottom:22px}.mx-export-page h1,.mx-output-page h1{letter-spacing:-.03em}@media (max-width:720px){.mx-export-page,.mx-output-page{padding:16px 12px}.mx-export-panel,.mx-output-panel{border-radius:14px;padding:14px}}.output-center-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:18px;display:grid}:is(.output-list-region,.output-detail-panel){background:var(--sf-panel);border:1px solid var(--border);border-radius:8px;min-width:0;padding:18px}.output-center-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.output-center-heading h1{margin-bottom:10px;font-size:34px;line-height:1.1}.output-refresh-button{gap:8px}.output-filter-bar{border-bottom:1px solid var(--sf-border);border-top:1px solid var(--sf-border);flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;padding:14px 0;display:flex}.output-filter-bar label{color:var(--sf-muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:700;display:grid}.output-filter-bar select{background:var(--sf-surface-panel-light);border:1px solid var(--sf-border);color:var(--sf-text);font:inherit;text-transform:none;border-radius:6px;min-width:152px;min-height:38px;padding:0 10px}.output-count{color:var(--sf-muted);margin-left:auto;font-size:13px;font-weight:700}.output-assets-list{gap:10px;display:grid}.output-asset-row{background:var(--sf-surface-panel-light);border:1px solid var(--sf-border);color:var(--sf-text);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px;display:flex}.output-asset-row:hover{border-color:var(--sf-accent)}.output-type-mark{background:var(--sf-surface-muted-light);color:var(--sf-accent);border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;height:42px;display:inline-flex}.output-row-main{flex:auto;gap:4px;min-width:0;display:grid}.output-row-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.output-detail-grid dt,.output-detail-section p,.output-row-main small{color:var(--sf-muted);font-size:13px}.output-row-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.output-status{color:#334155;text-align:center;border-radius:999px;flex:none;min-width:72px;padding:6px 9px;font-size:12px;font-weight:700}.output-status-ready{background:var(--sf-feedback-success-bg);color:var(--sf-feedback-success-text)}.output-status-generating{background:var(--sf-feedback-info-bg-strong);color:var(--sf-feedback-info-text)}.output-status-failed,.output-status-missing{background:var(--sf-feedback-danger-bg);color:var(--sf-feedback-danger-text)}.output-status-archived{background:var(--sf-feedback-muted-bg);color:var(--sf-feedback-muted-text)}.output-format-chips{flex-wrap:wrap;flex:0 220px;justify-content:flex-end;gap:6px;display:flex}.output-detail-panel{position:sticky;top:18px}.output-detail-panel:not(.output-detail-empty){padding-right:52px}.output-detail-close{background:var(--sf-panel-subtle);border:1px solid var(--border);color:var(--sf-text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex;position:absolute;top:14px;right:14px}.output-detail-close:hover{background:var(--sf-panel);border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.output-detail-close:hover{border-color:color-mix(in srgb,var(--sf-brand) 65%,var(--border))}}.output-detail-close:hover{color:var(--foreground)}.output-detail-close:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px}.output-detail-heading{align-items:center;display:flex}.output-detail-panel h2{overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.2}.output-detail-empty{min-height:260px}.output-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.output-detail-grid div{background:var(--sf-panel-subtle);border:1px solid var(--border);border-radius:6px;padding:10px}.output-detail-grid dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:700}.output-detail-section{border-top:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.output-detail-section{border-top:1px solid color-mix(in srgb,var(--border) 62%,transparent)}}.output-detail-section{padding:14px 0 0}.output-detail-section+.output-detail-section{margin-top:14px}.output-detail-section h3{margin:0;font-size:15px}.create-export-dialog{border-top:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.create-export-dialog{border-top:1px solid color-mix(in srgb,var(--border) 62%,transparent)}}.create-export-dialog{gap:12px;margin-top:14px;padding-top:14px;display:grid}.create-export-dialog h3{margin:0;font-size:16px}.create-export-dialog label{color:var(--sf-muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:700;display:grid}.create-export-dialog select{background:var(--sf-panel-subtle);border:1px solid var(--border);color:var(--foreground);font:inherit;border-radius:6px;min-height:38px;padding:0 10px}.create-export-dialog .sf-button:disabled{cursor:not-allowed;opacity:.55}.sf-export-records-panel{background:var(--sf-surface-panel-light);border:1px solid var(--sf-border);border-radius:8px;width:min(1180px,100%);max-width:1180px;padding:18px}.export-records-heading h1{margin-bottom:10px;font-size:34px;line-height:1.1}.export-records-table{border:1px solid var(--sf-border);border-radius:8px;margin-top:18px;display:grid;overflow:hidden}.export-records-table>strong{background:var(--sf-surface-muted-light);color:var(--sf-muted);text-transform:uppercase;padding:10px;font-size:12px;display:none}.export-record-row{background:var(--sf-surface-panel-light);border-top:1px solid var(--sf-border);grid-template-columns:minmax(120px,1fr) 80px 90px minmax(180px,1.4fr) minmax(140px,auto);align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.export-record-row:first-of-type{border-top:0}.export-record-row span{overflow-wrap:anywhere;min-width:0}.export-action-cell{gap:4px;display:grid}.export-actions-group{flex-wrap:wrap;gap:8px;display:flex}.workspace-assets-export-table .export-actions-group{flex-wrap:nowrap;align-items:center}.workspace-assets-export-table .export-action-cell{align-items:flex-end;min-width:auto}.workspace-assets-export-table .export-action-cell .sf-button-secondary{white-space:nowrap;border-radius:6px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;display:inline-flex}.workspace-assets-export-table .export-action-cell small{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.export-action-cell small{color:var(--sf-muted);font-size:12px}.export-action-cell button:disabled{cursor:not-allowed;opacity:.55}.output-pagination{justify-content:flex-end;align-items:center;margin-top:14px;display:flex}.output-pagination button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:900px){.output-center-layout{grid-template-columns:1fr}.output-detail-panel{position:static}}@media (max-width:720px){.output-asset-row,.output-center-heading{flex-direction:column;align-items:stretch}.output-format-chips{justify-content:flex-start}.output-count{margin-left:0}.export-record-row{grid-template-columns:1fr}}.workspace-assets-output-detail .output-detail-panel{border-color:var(--border);background:#141a2373}@supports (color:color-mix(in lab,red,red)){.workspace-assets-output-detail .output-detail-panel{border-color:color-mix(in srgb,var(--border) 70%,transparent)}}.workspace-assets-upload-inline{background:var(--sf-brand);color:var(--sf-primary-foreground);border-radius:999px;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0 18px;display:inline-flex}.workspace-assets-upload-inline .sf-upload-panel{background:0 0;border:0;border-radius:0;padding:0;display:contents}.workspace-assets-upload-inline .sf-eyebrow,.workspace-assets-upload-inline .sf-list{display:none}.workspace-assets-upload-inline .sf-error{background:var(--sf-danger-soft);border:1px solid var(--sf-danger)}@supports (color:color-mix(in lab,red,red)){.workspace-assets-upload-inline .sf-error{border:1px solid color-mix(in srgb,var(--sf-danger) 35%,transparent)}}.workspace-assets-upload-inline .sf-error{box-shadow:0 12px 28px var(--sf-canvas-shadow-soft);color:var(--sf-danger);z-index:20;border-radius:8px;inline-size:max-content;max-inline-size:min(320px,80vw);margin:0;padding:8px 10px;font-size:12px;font-weight:650;line-height:1.45;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0}.workspace-assets-upload-inline :is(label,.sf-upload-trigger){color:inherit;cursor:pointer;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.workspace-assets-upload-inline .sf-upload-file-input{opacity:0;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.workspace-assets-operations-grid{align-items:stretch;min-width:0}.workspace-assets-asset-grid{align-items:start;min-width:0}.workspace-assets-output-list{align-content:start;min-width:0}.workspace-assets-export-table,.workspace-assets-module{background:var(--sf-panel);min-width:0}.workspace-assets-muted-upload{background:var(--sf-panel-subtle);align-self:start;min-width:0}.workspace-assets-project-context,.workspace-assets-project-filter{color:var(--sf-text-secondary);min-width:0}.workspace-assets-project-filter button[data-refreshing=true] svg{animation:spin 1s linear infinite}.workspace-assets-filter-select[data-app-select=true]{width:auto;min-width:max-content}.workspace-assets-output-preview-dialog,.workspace-assets-preview-dialog{gap:16px;min-width:0;display:grid}.workspace-assets-output-preview-dialog.output-detail-panel{background:0 0;border:0;border-radius:0;padding:0}.workspace-assets-preview-media{background:var(--sf-canvas-surface-panel);border:1px solid var(--sf-canvas-border-muted);box-shadow:inset 0 1px 0 var(--sf-canvas-hairline);border-radius:18px;width:100%;min-height:340px;max-height:min(58dvh,560px);display:block;overflow:hidden}.workspace-assets-preview-image{object-fit:contain}.workspace-assets-preview-pdf{height:min(58dvh,560px)}.workspace-assets-preview-placeholder{background:var(--sf-canvas-surface-panel);border:1px solid var(--sf-canvas-border-muted);box-shadow:inset 0 1px 0 var(--sf-canvas-hairline);color:var(--sf-canvas-text-muted);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:340px;max-height:min(58dvh,560px);padding:24px;display:flex;overflow:hidden}.workspace-assets-preview-audio,.workspace-assets-preview-video{min-height:340px}.workspace-assets-preview-placeholder>img{object-fit:contain;border-radius:10px;max-width:100%;max-height:min(46dvh,420px)}.workspace-assets-preview-placeholder>span{color:var(--sf-canvas-text-primary);font-size:15px;font-weight:650}.workspace-assets-preview-placeholder audio{width:min(520px,100%)}.workspace-assets-preview-text{text-align:left;justify-content:flex-start;align-items:stretch;overflow:auto}.workspace-assets-preview-text pre{color:var(--sf-canvas-text-primary);font:inherit;white-space:pre-wrap;margin:0;line-height:1.7}.workspace-assets-output-preview-dialog .create-export-dialog,.workspace-assets-output-preview-dialog .output-detail-grid div,.workspace-assets-output-preview-dialog .output-detail-section{background:var(--app-dialog-field-bg,var(--sf-canvas-surface-elevated));border:1px solid var(--app-dialog-divider,var(--sf-canvas-border-muted));box-shadow:inset 0 1px 0 var(--sf-canvas-hairline);color:var(--app-dialog-text,var(--sf-canvas-text-primary));border-radius:10px;padding:10px}.workspace-assets-output-preview-dialog :is(.output-detail-section,.create-export-dialog){gap:10px;display:grid}.workspace-assets-output-preview-dialog .output-detail-section+.output-detail-section{margin-top:0}.workspace-assets-output-preview-dialog :is(.output-detail-section p,.output-detail-grid dt,.create-export-dialog label){color:var(--app-dialog-muted,var(--sf-canvas-text-subtle))}.workspace-assets-output-preview-dialog :is(.output-detail-section h3,.create-export-dialog h3,.output-detail-grid dd){color:var(--app-dialog-heading,var(--sf-canvas-text-primary))}.workspace-assets-preview-format{background:var(--app-dialog-control,var(--sf-canvas-highlight-line));border:1px solid var(--app-dialog-divider,var(--sf-canvas-border-muted));color:var(--app-dialog-text,var(--sf-canvas-text-primary));border-radius:8px;padding:7px 9px;font-size:13px;font-weight:650}.workspace-assets-preview-format[data-subtle=true]{color:var(--app-dialog-muted,var(--sf-canvas-text-subtle))}.workspace-assets-output-preview-dialog .create-export-dialog-message{color:var(--app-dialog-muted,var(--sf-canvas-text-subtle));margin:0;font-size:13px;line-height:1.5}.workspace-assets-badge{white-space:nowrap}.workspace-assets-badge-icon{flex-shrink:0}@keyframes sf-asset-cover-skeleton{0%{transform:translate(-100%)}to{transform:translate(100%)}}[data-asset-cover=true]{background:var(--sf-panel-subtle,var(--app-dialog-control));color:var(--sf-text-muted,var(--app-dialog-muted));justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}[data-asset-cover=true]:before{background:linear-gradient(110deg,transparent 0,var(--sf-canvas-hover-surface-strong) 46%,transparent 82%);content:"";opacity:0;pointer-events:none;transition:opacity .18s ease-out;position:absolute;inset:0;transform:translate(-100%)}[data-asset-cover=true][data-state=loading]:before{opacity:.55;animation:sf-asset-cover-skeleton 1.35s ease-in-out infinite}[data-asset-cover-media=true]{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s ease-out;display:block;position:relative}[data-asset-cover=true][data-state=loaded] [data-asset-cover-media=true]{opacity:1}[data-asset-cover=true][data-state=failed] [data-asset-cover-media=true]{opacity:0}[data-asset-cover-placeholder=true]{color:var(--sf-text-muted,var(--app-dialog-muted));opacity:1;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:650;line-height:1.35;transition:opacity .18s ease-out;display:flex;position:absolute;inset:0}[data-asset-cover=true][data-state=loaded] [data-asset-cover-placeholder=true],[data-asset-cover=true][data-state=loading] [data-asset-cover-placeholder=true]{opacity:0}[data-asset-cover=true][data-state=failed] [data-asset-cover-placeholder=true]{color:var(--sf-text-secondary,var(--app-dialog-heading))}[data-asset-cover-placeholder-icon=true]{color:var(--sf-brand,var(--app-dialog-primary));justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){[data-asset-cover-media=true],[data-asset-cover-placeholder=true],[data-asset-cover=true]:before{transition:none;animation:none}}.sf-project-form{max-width:720px}.sf-project-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.sf-field-error{color:var(--sf-feedback-danger-border);margin:0;font-size:12px}.sf-project-table{border:1px solid var(--sf-border);border-radius:6px;margin-top:20px;display:grid;overflow:hidden}:is(.sf-project-table-head,.sf-project-row){grid-template-columns:minmax(220px,1fr) 120px 160px 80px;gap:12px;min-height:52px;padding:0 14px;display:grid}.sf-project-table-head{background:var(--sf-surface-muted-light);color:var(--sf-muted);text-transform:uppercase;align-items:center;font-size:12px;font-weight:700}.sf-project-row{background:var(--sf-surface-panel-light);border-top:1px solid var(--sf-border);align-items:center;text-decoration:none}.sf-project-row strong{display:block}.sf-project-row small{color:var(--sf-muted);margin-top:4px;font-size:12px;display:block}@media (max-width:720px){.sf-project-table-head{display:none}.sf-project-row{grid-template-columns:1fr}}.sf-new-project-canvas{min-width:0}.sf-new-project-shell{background:var(--sf-canvas);color:var(--sf-text-inverse);flex-direction:column;height:100dvh;min-height:620px;display:flex;overflow:hidden}.sf-new-project-topbar{background:var(--sf-panel);border-bottom:1px solid var(--sf-canvas-border-subtle);height:56px;z-index:var(--sf-z-new-project-topbar);justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex;position:relative}:is(.sf-new-project-topbar-left,.sf-new-project-topbar-actions,.sf-new-project-brand,.sf-new-project-title-control,.sf-new-project-save-status,.sf-new-project-quota,.sf-new-project-ghost-button){align-items:center;display:flex}:is(.sf-new-project-topbar-left,.sf-new-project-topbar-actions){gap:8px;min-width:0}.sf-new-project-brand{color:var(--sf-text-inverse);white-space:nowrap;gap:8px}.sf-new-project-brand span{background:var(--sf-brand);color:var(--sf-brand-contrast);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.sf-new-project-divider{background:var(--sf-border);width:1px;height:22px}.sf-new-project-title-control{color:var(--sf-text-inverse);background:0 0;border-radius:6px;gap:4px;min-width:120px;padding:4px 4px 4px 8px}.sf-new-project-title-control:focus-within,.sf-new-project-title-control:hover{background:var(--sf-panel-subtle)}.sf-new-project-title-control input{color:inherit;font:inherit;background:0 0;border:0;outline:none;width:min(180px,24vw);min-width:0;font-size:14px;font-weight:700}.sf-new-project-title-menu{color:var(--sf-text-secondary);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.sf-new-project-title-menu:hover{background:var(--sf-canvas-border-soft);color:var(--sf-text-inverse)}.sf-new-project-save-status{background:var(--sf-canvas-brand-tint-subtle);color:var(--sf-canvas-brand-accent);white-space:nowrap;border-radius:999px;gap:5px;padding:5px 9px;font-size:12px}.sf-new-project-quota{border:1px solid var(--sf-canvas-border-soft);color:var(--sf-text-secondary);white-space:nowrap;border-radius:999px;gap:6px;min-height:30px;padding:0 10px;font-size:12px}.sf-new-project-quota span{background:var(--sf-gold);border-radius:999px;width:6px;height:6px}.sf-new-project-quota strong{color:var(--sf-text-inverse)}.sf-new-project-recharge{color:var(--sf-brand);font:inherit;white-space:nowrap;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:700}.sf-new-project-recharge:hover{color:var(--sf-canvas-brand-accent)}.sf-new-project-avatar{background:linear-gradient(135deg,var(--sf-canvas-brand-tint-hover),#8b5cf62e);border:1px solid var(--sf-user-brand);align-items:center}@supports (color:color-mix(in lab,red,red)){.sf-new-project-avatar{border:1px solid color-mix(in srgb,var(--sf-user-brand) 40%,transparent)}}.sf-new-project-avatar{box-shadow:0 0 16px var(--sf-canvas-brand-border);color:var(--sf-text-inverse);white-space:nowrap;border-radius:999px;gap:6px;padding:4px 10px 4px 6px;font-size:11px;font-weight:700;display:inline-flex}.sf-new-project-avatar span{background:radial-gradient(circle at 30% 30%,var(--sf-user-brand-hover),var(--sf-brand) 60%,var(--sf-violet));border-radius:999px;width:22px;height:22px}:is(.sf-new-project-icon-button,.sf-new-project-ghost-button,.sf-new-project-action,.sf-new-project-rail button,.sf-new-project-composer button){font:inherit;border:0}.sf-new-project-icon-button{color:var(--sf-text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:relative}.sf-new-project-icon-button--dot:after{background:var(--sf-danger);content:"";border-radius:999px;width:6px;height:6px;position:absolute;top:7px;right:7px}.sf-new-project-ghost-button:hover,.sf-new-project-icon-button:hover{background:var(--sf-panel-subtle);color:var(--sf-text-inverse)}.sf-new-project-ghost-button{color:var(--sf-text-secondary);background:0 0;border-radius:8px;gap:6px;min-height:32px;padding:0 10px;font-size:13px}:is(.sf-new-project-send,.sf-new-project-text-submit){background:var(--sf-brand);color:var(--sf-brand-contrast)}:is(.sf-new-project-send:disabled,.sf-new-project-text-submit:disabled){cursor:wait;opacity:.65}.sf-new-project-stage{flex:1;min-height:0;position:relative;overflow:hidden}.sf-new-project-stage:before{content:"";pointer-events:none;width:min(70vw,880px);height:70vh;z-index:var(--sf-z-new-project-stage-glow);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sf-new-project-stage:after{background:linear-gradient(135deg,var(--sf-canvas-brand-tint),transparent 34%),linear-gradient(315deg,#8b5cf61a,transparent 34%);content:"";opacity:.62;pointer-events:none;z-index:var(--sf-z-new-project-stage-overlay);position:absolute;inset:0}.sf-new-project-rail{border:1px solid var(--sf-canvas-border-soft);z-index:var(--sf-z-new-project-rail);background:#161b24f2;border-radius:999px;gap:5px;padding:8px;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 18px 44px #00000047}.sf-new-project-rail,.sf-new-project-rail button{flex-direction:column;align-items:center;display:flex}.sf-new-project-rail button{color:var(--sf-text-secondary);border-radius:14px;justify-content:center;gap:4px;width:52px;min-height:56px;font-size:11px;transition:background .16s,color .16s,transform .18s}.sf-new-project-rail button:hover{background:var(--sf-panel-subtle);color:var(--sf-text-inverse)}.sf-new-project-rail .sf-new-project-rail-add{background:var(--sf-bg);box-shadow:0 0 0 6px #ffffff29,0 12px 28px var(--sf-canvas-shadow-soft);color:var(--sf-control-ink);border-radius:999px;width:42px;min-height:42px;margin-bottom:4px}.sf-new-project-rail .sf-new-project-rail-add:hover{background:var(--sf-bg);color:var(--sf-control-ink);transform:scale(1.07)}.sf-new-project-rail-add[aria-pressed=true]{box-shadow:0 0 0 7px var(--sf-canvas-brand-tint-ring),0 14px 32px var(--sf-canvas-brand-tint-ring)}.sf-new-project-rail-tool{background:0 0}.sf-new-project-rail-tool[aria-pressed=true]{background:var(--sf-canvas-brand-tint);color:var(--sf-brand)}.sf-new-project-rail-panel{border:1px solid var(--sf-canvas-border-soft);color:var(--sf-text-inverse);width:320px;z-index:var(--sf-z-new-project-rail-panel);background:#12171ff5;border-radius:14px;flex-direction:column;display:flex;position:absolute;top:20px;bottom:20px;left:92px;overflow:hidden;box-shadow:0 24px 70px #00000061}.sf-new-project-rail-panel header{border-bottom:1px solid var(--sf-canvas-border-divider);align-items:center;min-height:48px;padding:0 12px;display:flex}.sf-new-project-rail-panel h2{margin:0;font-size:14px}.sf-new-project-rail-panel header button{color:var(--sf-text-secondary);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:inline-flex}.sf-new-project-rail-panel header button:hover{background:var(--sf-panel-subtle);color:var(--sf-text-inverse)}:is(.sf-new-project-panel-grid,.sf-new-project-panel-list,.sf-new-project-asset-grid,.sf-new-project-history-list){gap:8px;margin:0;padding:12px;display:grid;overflow-y:auto}.sf-new-project-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.sf-new-project-panel-grid button,.sf-new-project-panel-list button,.sf-new-project-asset-grid button){border:1px solid var(--sf-canvas-border-muted);color:var(--sf-text-inverse);text-align:left;background:#1b2430b8;border-radius:10px;gap:5px;min-height:76px;padding:10px;display:grid}.sf-new-project-panel-list button{min-height:64px}:is(.sf-new-project-panel-grid button:hover,.sf-new-project-panel-list button:hover,.sf-new-project-asset-grid button:hover){border-color:var(--sf-user-brand)}@supports (color:color-mix(in lab,red,red)){:is(.sf-new-project-panel-grid button:hover,.sf-new-project-panel-list button:hover,.sf-new-project-asset-grid button:hover){border-color:color-mix(in srgb,var(--sf-user-brand) 42%,transparent)}}:is(.sf-new-project-panel-grid button:hover,.sf-new-project-panel-list button:hover,.sf-new-project-asset-grid button:hover){background:var(--sf-canvas-brand-tint-muted)}:is(.sf-new-project-panel-grid strong,.sf-new-project-panel-list strong,.sf-new-project-asset-grid strong){font-size:13px}:is(.sf-new-project-panel-grid span,.sf-new-project-panel-list span,.sf-new-project-asset-grid small){color:var(--sf-text-muted);font-size:11px;line-height:1.35}.sf-new-project-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-new-project-asset-grid button>span{background:linear-gradient(135deg,var(--sf-user-brand),transparent),var(--sf-panel-subtle)}@supports (color:color-mix(in lab,red,red)){.sf-new-project-asset-grid button>span{background:linear-gradient(135deg,color-mix(in srgb,var(--sf-user-brand) 30%,transparent),transparent),var(--sf-panel-subtle)}}.sf-new-project-asset-grid button>span{border-radius:8px;min-height:58px}.sf-new-project-history-list{color:var(--sf-text-secondary);font-size:13px;list-style:none}.sf-new-project-history-list li{border-left:2px solid var(--sf-user-brand)}@supports (color:color-mix(in lab,red,red)){.sf-new-project-history-list li{border-left:2px solid color-mix(in srgb,var(--sf-user-brand) 32%,transparent)}}.sf-new-project-history-list li{padding:5px 0 5px 10px}.sf-new-project-rail-tool span{position:relative}.sf-new-project-rail-tool em{background:var(--sf-gold);color:var(--sf-control-ink);border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:flex;position:absolute;top:-8px;right:-10px}.sf-new-project-empty{text-align:center;max-width:min(760px,100vw - 200px);z-index:var(--sf-z-new-project-empty-state);flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sf-new-project-kicker{color:var(--sf-brand);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.sf-new-project-mobile-spacer{display:none}.sf-new-project-empty h1{color:var(--sf-text-inverse);margin:0;font-size:clamp(28px,5vw,54px);line-height:1.02}.sf-new-project-empty-signal{color:var(--sf-text-secondary);justify-content:center;align-items:center;gap:14px;font-size:14px;display:inline-flex}:is(.sf-new-project-empty-signal span,.sf-new-project-empty-signal em){border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:6px 16px;display:inline-flex}.sf-new-project-empty-signal span{background:var(--sf-canvas-highlight-line);color:var(--sf-text-inverse);font-weight:700}.sf-new-project-empty-signal span svg{color:var(--sf-brand)}.sf-new-project-empty-signal em{color:var(--sf-text-secondary);border:0;font-size:14px;font-style:normal;font-weight:700}.sf-new-project-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;padding:0 18px;display:flex}.sf-new-project-action{color:var(--sf-text-inverse);background:#161b24eb;border:1px solid #94a3b82e;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.sf-new-project-action:hover,.sf-new-project-action[aria-pressed=true]{background:var(--sf-canvas-brand-tint-subtle);border-color:var(--sf-user-brand)}@supports (color:color-mix(in lab,red,red)){.sf-new-project-action:hover,.sf-new-project-action[aria-pressed=true]{border-color:color-mix(in srgb,var(--sf-user-brand) 58%,transparent)}}.sf-new-project-action:hover,.sf-new-project-action[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--sf-canvas-brand-tint-ring)}.sf-new-project-action svg{color:var(--sf-brand)}.sf-new-project-hint{color:var(--sf-text-muted);font-size:12px}.sf-new-project-composer{border:1px solid var(--sf-canvas-brand-border);box-shadow:0 24px 64px var(--sf-canvas-shadow-drawer),0 0 0 1px var(--sf-canvas-brand-tint-muted);opacity:0;pointer-events:none;visibility:hidden;width:760px;max-width:min(760px,100vw - 132px);z-index:var(--sf-z-new-project-composer);background:#12171ff7;border-radius:16px;gap:12px;padding:14px;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)translateY(16px)}.sf-new-project-composer--open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)translateY(0)}.sf-new-project-composer-head{justify-content:space-between;align-items:center;display:flex}.sf-new-project-composer-title{color:var(--sf-text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.sf-new-project-composer-title svg{color:var(--sf-brand)}.sf-new-project-type-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.sf-new-project-type-tabs button{color:var(--sf-text-inverse);text-align:left;background:#141a23c7;border:1px solid #94a3b829;border-radius:10px;place-items:flex-start start;gap:4px;min-height:84px;padding:12px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.sf-new-project-type-tabs button:hover,.sf-new-project-type-tabs button[aria-pressed=true]{background:var(--sf-canvas-brand-tint-subtle);border-color:var(--sf-user-brand)}@supports (color:color-mix(in lab,red,red)){.sf-new-project-type-tabs button:hover,.sf-new-project-type-tabs button[aria-pressed=true]{border-color:color-mix(in srgb,var(--sf-user-brand) 52%,transparent)}}.sf-new-project-type-tabs button:hover,.sf-new-project-type-tabs button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--sf-canvas-brand-tint);transform:translateY(-1px)}.sf-new-project-type-tabs svg{color:var(--sf-brand)}.sf-new-project-type-tabs span{font-size:13px;font-weight:800;line-height:1.25}.sf-new-project-type-tabs small{color:var(--sf-text-muted);font-size:12px;line-height:1.35}.sf-new-project-composer-row{grid-template-columns:40px minmax(0,1fr) 40px;align-items:flex-start;gap:10px;display:grid}.sf-new-project-composer-row>svg{color:var(--sf-brand);margin-top:12px}.sf-new-project-composer label{min-width:0;display:grid}:is(.sf-new-project-composer textarea,.sf-new-project-settings input,.sf-new-project-settings textarea){background:var(--sf-canvas-hover-surface);color:var(--sf-text-inverse);color-scheme:dark;font:inherit;border:1px solid #94a3b82e;border-radius:6px;outline:none;width:100%}.sf-new-project-composer textarea{resize:none;min-height:44px;padding:11px 12px}:is(.sf-new-project-composer textarea:focus,.sf-new-project-settings input:focus,.sf-new-project-settings textarea:focus){border-color:var(--sf-brand);box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium)}:is(){color:#6b7280}.sf-new-project-send{border-radius:8px}.sf-new-project-send,.sf-new-project-upload{justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.sf-new-project-upload{background:var(--sf-panel-subtle);color:var(--sf-text-secondary);border-radius:10px}.sf-new-project-upload:hover{color:var(--sf-text-inverse)}.sf-new-project-composer-meta{color:var(--sf-text-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px;display:flex}.sf-new-project-reference-summary{background:var(--sf-canvas-brand-tint-subtle);border:1px solid var(--sf-canvas-brand-tint-ring);color:var(--sf-canvas-brand-accent);border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 8px;display:inline-flex}.sf-new-project-composer-meta button{color:var(--sf-text-secondary);background:0 0;border-radius:6px;align-items:center;gap:5px;min-height:28px;padding:0 8px;font-size:12px;display:inline-flex}.sf-new-project-composer-meta button:hover{background:var(--sf-panel-subtle);color:var(--sf-text-inverse)}.sf-new-project-composer-meta .sf-new-project-text-submit{color:var(--sf-brand-contrast);margin-left:auto;font-weight:700}.sf-new-project-settings{border-top:1px solid #94a3b829;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:10px;display:grid}.sf-new-project-settings label{color:var(--sf-text-secondary);gap:6px;font-size:12px;display:grid}.sf-new-project-settings input{min-height:38px;padding:0 10px}.sf-new-project-settings textarea{resize:vertical;min-height:72px;padding:10px}.sf-new-project-settings-brief{grid-column:1/-1}.sf-new-project-bottom-suite{z-index:var(--sf-z-new-project-bottom-suite);flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:24px;left:24px}.sf-new-project-minimap{border:1px solid var(--sf-canvas-border-soft);box-shadow:0 14px 38px var(--sf-canvas-shadow-card);color:var(--sf-text-secondary);background:#12171feb;border-radius:12px;gap:6px;padding:8px;font-size:11px;display:grid}.sf-new-project-minimap-canvas{background:var(--sf-canvas);border-radius:8px;width:168px;height:100px;position:relative;overflow:hidden}:is(.sf-new-project-minimap-canvas span,.sf-new-project-minimap-canvas strong){border-radius:3px;position:absolute}.sf-new-project-minimap-canvas strong{background:var(--sf-canvas-brand-tint-muted);border:2px solid var(--sf-brand)}.sf-new-project-bottom-tools{border:1px solid var(--sf-canvas-border-soft);box-shadow:0 14px 38px var(--sf-canvas-shadow-card);color:var(--sf-text-secondary);background:#12171feb;border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex}.sf-new-project-tool-button{color:var(--sf-text-secondary);font:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.sf-new-project-tool-button:hover{background:var(--sf-panel-subtle);color:var(--sf-text-inverse)}.sf-new-project-tool-button[aria-pressed=true]{background:var(--sf-canvas-brand-tint-medium);color:var(--sf-brand)}.sf-new-project-bottom-tools .sf-zoom-slider{accent-color:var(--sf-brand);background:0 0;width:96px;margin:0 4px}.sf-new-project-zoom-readout{color:var(--sf-text-secondary);font:inherit;font-family:var(--font-mono,monospace);background:0 0;border:0;border-radius:8px;min-width:44px;padding:0 4px;font-size:12px}.sf-new-project-zoom-readout:hover{color:var(--sf-text-inverse)}.sf-new-project-tool-divider{background:#94a3b83d;width:1px;height:18px;margin:0 2px}.sf-new-project-watermark{background:var(--sf-panel-subtle);color:var(--sf-text-secondary);font:inherit;border:0;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 12px;font-size:12px;display:inline-flex}.sf-new-project-watermark:hover{color:var(--sf-text-inverse)}.sf-new-project-agent-orb{background:linear-gradient(135deg,var(--sf-brand),var(--sf-violet));box-shadow:0 0 0 8px var(--sf-canvas-brand-tint-strong),0 18px 42px var(--sf-user-brand);border:0;border-radius:999px;align-items:center;bottom:92px}@supports (color:color-mix(in lab,red,red)){.sf-new-project-agent-orb{box-shadow:0 0 0 8px var(--sf-canvas-brand-tint-strong),0 18px 42px color-mix(in srgb,var(--sf-user-brand) 38%,transparent)}}.sf-new-project-agent-orb{color:var(--sf-brand-contrast);width:58px;height:58px;z-index:var(--sf-z-new-project-agent-orb);flex:0 0 58px;justify-content:center;display:flex;position:absolute;right:18px}.sf-new-project-agent-orb span{background:var(--sf-user-brand)}@supports (color:color-mix(in lab,red,red)){.sf-new-project-agent-orb span{background:color-mix(in srgb,var(--sf-user-brand) 45%,transparent)}}.sf-new-project-agent-orb span{border-radius:inherit;filter:blur(16px);position:absolute;inset:-6px}.sf-new-project-agent-orb svg{color:var(--sf-text-inverse);position:relative}.sf-new-project-agent-drawer{border-left:1px solid var(--sf-canvas-border-soft);box-shadow:-24px 0 70px var(--sf-canvas-shadow-drawer);color:var(--sf-text-inverse);width:min(380px,92vw);z-index:var(--sf-z-new-project-agent-drawer);background:#12171ffa;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.sf-new-project-agent-drawer header{border-bottom:1px solid var(--sf-canvas-border-divider);align-items:center;gap:8px;min-height:48px;padding:0 12px;display:flex}.sf-new-project-agent-drawer h2{margin:0;font-size:14px}.sf-new-project-agent-drawer header>span{background:var(--sf-success-soft);color:var(--sf-success);border-radius:6px;padding:3px 6px;font-size:10px}.sf-new-project-agent-drawer header button{color:var(--sf-text-secondary);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:inline-flex}.sf-new-project-agent-drawer header button:hover{background:var(--sf-panel-subtle);color:var(--sf-text-inverse)}.sf-new-project-agent-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.sf-new-project-agent-message{border-radius:12px;gap:8px;padding:10px 12px;display:grid}.sf-new-project-agent-message p{margin:0;font-size:13px;line-height:1.55}.sf-new-project-agent-message--agent{border:1px solid var(--sf-canvas-border-soft);background:#1b2430b3;margin-right:24px}.sf-new-project-agent-message--user{background:var(--sf-canvas-brand-tint-strong);margin-left:48px}.sf-new-project-agent-message ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sf-new-project-agent-message li{color:var(--sf-text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.sf-new-project-agent-message li>span{border:1px solid var(--sf-text-muted);border-radius:999px;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.sf-new-project-agent-message li[data-state=done]>span{background:var(--sf-success-soft);color:var(--sf-success);border-color:#0000}.sf-new-project-agent-message li[data-state=running]>span{border-color:var(--sf-violet)}.sf-new-project-agent-quick{border-top:1px solid var(--sf-canvas-border-divider);flex-wrap:wrap;gap:6px;padding:10px 12px;display:flex}.sf-new-project-agent-quick button{border:1px solid var(--sf-canvas-border-soft);color:var(--sf-text-secondary);font:inherit;background:0 0;border-radius:999px;padding:6px 10px;font-size:11px}.sf-new-project-agent-quick button:hover{border-color:var(--sf-user-brand)}@supports (color:color-mix(in lab,red,red)){.sf-new-project-agent-quick button:hover{border-color:color-mix(in srgb,var(--sf-user-brand) 45%,transparent)}}.sf-new-project-agent-quick button:hover{color:var(--sf-text-inverse)}.sf-new-project-agent-input{border-top:1px solid var(--sf-canvas-border-divider);align-items:flex-end;gap:8px;padding:10px 84px 10px 12px;display:flex}.sf-new-project-agent-input textarea{background:var(--sf-canvas-hover-surface);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-text-inverse);font:inherit;resize:none;border-radius:10px;outline:none;flex:1;min-height:42px;padding:9px 10px;font-size:13px}.sf-new-project-agent-input textarea:focus{border-color:var(--sf-user-brand)}@supports (color:color-mix(in lab,red,red)){.sf-new-project-agent-input textarea:focus{border-color:color-mix(in srgb,var(--sf-user-brand) 55%,transparent)}}.sf-new-project-agent-input textarea:focus{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-strong)}.sf-new-project-agent-input button{background:var(--sf-brand);color:var(--sf-brand-contrast);border:0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.sf-new-project-agent-input button:disabled{opacity:.42}@media (max-width:960px){.sf-new-project-ghost-button,.sf-new-project-quota,.sf-new-project-recharge{display:none}.sf-new-project-empty{max-width:calc(100vw - 128px)}.sf-new-project-type-tabs{grid-template-columns:1fr}.sf-new-project-bottom-tools{display:none}}@media (max-width:640px){.sf-new-project-shell{min-height:700px}.sf-new-project-stage{overflow-y:auto}.sf-new-project-avatar,.sf-new-project-save-status{display:none}.sf-new-project-title-control input{width:128px}.sf-new-project-rail{border-radius:16px;flex-direction:row;top:10px;left:12px;right:12px;overflow-x:auto;transform:none}.sf-new-project-rail button{flex:0 0 54px;width:54px;min-height:52px}.sf-new-project-rail-add{margin-bottom:0}.sf-new-project-empty{box-sizing:border-box;max-width:calc(100vw - 32px);padding:0 12px}.sf-new-project-empty h1{font-size:30px}.sf-new-project-type-tabs{max-width:320px;margin-left:auto;margin-right:auto}.sf-new-project-type-tabs button{text-align:center;place-items:center;min-height:76px;padding:12px}.sf-new-project-type-tabs small{overflow-wrap:anywhere}.sf-new-project-actions{max-width:360px;margin-left:auto;margin-right:auto}.sf-new-project-composer{width:calc(100vw - 24px);max-width:calc(100vw - 24px);bottom:12px}.sf-new-project-composer-row{grid-template-columns:36px minmax(0,1fr) 36px}.sf-new-project-composer textarea{font-size:13px}.sf-new-project-composer-meta{gap:6px 8px}.sf-new-project-composer-meta .sf-new-project-text-submit{width:100%;margin-left:0}.sf-new-project-settings{grid-template-columns:1fr}.sf-new-project-agent-orb{display:none}}@keyframes sf-composer-border-flow{0%{background-position:0 0,0}to{background-position:0 0,200%}}@keyframes sf-composer-orb-float{0%,to{transform:translate(0)scale(1)}50%{transform:translateY(-3px)scale(1.03)}}.floating-composer-shell{position:relative}.floating-composer-border{background-clip:padding-box,border-box;background-image:linear-gradient(#050607,#050607),linear-gradient(90deg,#ffffff05 0,var(--sf-user-brand) 16%,var(--sf-user-brand) 28%,var(--sf-user-brand-hover) 42%,var(--sf-user-brand) 58%,var(--sf-user-brand) 76%,#ffffff05 100%);animation:sf-composer-border-flow 7s linear infinite}@supports (color:color-mix(in lab,red,red)){.floating-composer-border{background-image:linear-gradient(#050607,#050607),linear-gradient(90deg,#ffffff05 0,color-mix(in srgb,var(--sf-user-brand) 82%,transparent) 16%,color-mix(in srgb,var(--sf-user-brand) 28%,transparent) 28%,color-mix(in srgb,var(--sf-user-brand-hover) 66%,transparent) 42%,color-mix(in srgb,var(--sf-user-brand) 50%,transparent) 58%,color-mix(in srgb,var(--sf-user-brand) 72%,transparent) 76%,#ffffff05 100%)}}.floating-composer-border{border-radius:inherit;pointer-events:none;background-repeat:no-repeat,no-repeat;background-size:100% 100%,220% 100%;background-origin:padding-box,border-box;border:1px solid #0000;position:absolute;inset:0}.floating-composer-shell[data-state=collapsed] .floating-composer-border{opacity:.45}.floating-composer-shell[data-state=expanded] .floating-composer-border{opacity:1}.floating-composer-orb{transform-origin:50%;transition:opacity .22s,transform .22s;animation:sf-composer-orb-float 3.6s ease-in-out infinite}.floating-composer-orb-anchor{top:-1.35rem;right:clamp(6rem,13vw,9rem)}.floating-composer-shell[data-state=collapsed] .floating-composer-orb{opacity:1}.floating-composer-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none}.floating-composer-actions::-webkit-scrollbar{display:none}.floating-composer-expand{opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .18s ease-out;display:grid}.floating-composer-expand-inner{opacity:0;transform-origin:top;min-height:0;transition:opacity .18s ease-out,transform .28s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:scale(.985)}.floating-composer-shell[data-state=expanded] .floating-composer-expand{opacity:1;pointer-events:auto;grid-template-rows:1fr}.floating-composer-shell[data-state=expanded] .floating-composer-expand-inner{opacity:1;transform:scale(1)}.floating-composer-input::placeholder{transition:opacity .2s}.floating-composer-shell[data-state=expanded] .floating-composer-input::placeholder{opacity:.72}@media (prefers-reduced-motion:reduce){.floating-composer-border,.floating-composer-orb{animation:none}.floating-composer-expand,.floating-composer-expand-inner{transition:none}}.canvas-route-state{background:var(--background);color:var(--sf-text-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.canvas-route-recovery{text-align:center;justify-items:center;gap:12px;max-width:420px;padding:24px;display:grid}.canvas-route-recovery h1{color:var(--foreground);margin:0;font-size:20px;line-height:1.4}.canvas-route-recovery p:not(.sf-eyebrow){margin:0}.canvas-route-recovery button{background:var(--sf-brand);color:var(--primary-foreground);cursor:pointer;font:inherit;border:0;border-radius:8px;margin-top:8px;padding:10px 16px;font-weight:700}.canvas-route-recovery button:hover{filter:brightness(1.06)}.canvas-route-recovery button:focus-visible{outline:2px solid var(--sf-brand);outline-offset:3px}.canvas-workbench{--canvas-wide-panel-inline:clamp(72px,5vw,96px);--canvas-wide-panel-right:clamp(40px,3.3vw,56px);--canvas-wide-panel-top:76px;--canvas-wide-panel-bottom:140px;--sf-workbench-canvas:var(--sf-control-ink);--sf-workbench-grid-dot:#828ca5b3;background:var(--sf-workbench-canvas);color:var(--foreground);grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""stage";grid-template-rows:var(--sf-canvas-topbar-height) minmax(0,1fr);min-height:100dvh;max-height:100vh;display:grid;position:relative;overflow:hidden}.canvas-topbar{background:var(--sf-control-ink);border-bottom:1px solid var(--sf-canvas-active-surface);min-height:var(--sf-canvas-topbar-height);z-index:var(--sf-z-canvas-topbar);grid-area:topbar;justify-content:space-between;gap:16px;padding:0 32px}.canvas-topbar,.canvas-topbar-heading{min-width:0;align-items:center;display:flex}.canvas-topbar-heading{gap:10px}.canvas-kicker{letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:700;line-height:1}.canvas-kicker,.canvas-topbar-brand-icon{color:var(--sf-brand);flex:none;display:inline-flex}.canvas-topbar-brand-icon{justify-content:center;align-items:center}.canvas-topbar-brand-icon svg{display:block}.canvas-title-row{align-items:center;gap:12px;min-width:0;display:flex}:is(.canvas-project-title-display,.canvas-project-title-editor){align-items:center;gap:6px;min-width:0;display:inline-flex}.canvas-topbar .canvas-project-title-trigger{color:var(--foreground);cursor:text;text-align:left;border:0;border-radius:8px;justify-content:flex-start;width:fit-content;min-width:0;max-width:min(54vw,520px);min-height:34px;padding:0 8px;display:inline-flex}.canvas-topbar .canvas-project-title-trigger:hover{background:var(--sf-panel-subtle);border-color:#0000}.canvas-topbar .canvas-project-title-trigger:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px}.canvas-project-title-editor{position:relative}.canvas-topbar h1{color:var(--foreground);margin:0;font-size:16px;line-height:1.15}.canvas-project-title-text,.canvas-topbar h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-project-title-text{width:fit-content;min-width:0;max-width:100%;display:block}.canvas-project-title-input{background:var(--sf-panel-subtle);border:1px solid var(--sf-brand);color:var(--foreground);font:inherit;border-radius:8px;outline:none;min-width:220px;max-width:min(360px,42vw);height:34px;padding:0 10px;font-size:16px;font-weight:700}.canvas-project-title-input:focus-visible{box-shadow:0 0 0 3px var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-project-title-input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-brand) 22%,transparent)}}.canvas-topbar .canvas-title-icon-button{color:var(--sf-text-secondary);background:0 0;border-color:#0000;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;min-height:30px;padding:0;display:inline-flex}.canvas-topbar .canvas-title-icon-button:hover{background:var(--sf-panel-subtle);border-color:var(--border);color:var(--foreground)}.canvas-project-title-error{color:var(--sf-danger);white-space:nowrap;font-size:12px;font-weight:700}.canvas-balance-actions{align-items:center;gap:14px;margin-right:4px;display:inline-flex}.canvas-topbar .canvas-balance-action{color:var(--sf-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;min-width:0;min-height:30px;padding:0 4px;font-size:13px;font-weight:600;transition:color .16s,background-color .16s;display:inline-flex}.canvas-topbar .canvas-balance-action:hover{background:var(--sf-panel-subtle);color:var(--foreground);border-color:#0000}.canvas-topbar .canvas-balance-action:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px}.canvas-balance-action svg{color:var(--sf-brand);flex:none}:is(.canvas-topbar-actions,.canvas-save-status,.canvas-task-dock,.canvas-agent-heading){align-items:center;display:flex}.canvas-topbar-actions{gap:8px}.canvas-save-status{background:var(--sf-success-soft);color:var(--sf-success);white-space:nowrap;border:1px solid #2f9f6f47;border-radius:999px;justify-content:center;gap:6px;min-width:132px;min-height:34px;padding:0 10px;font-size:13px;transition:background-color .16s,border-color .16s,color .16s}.canvas-save-status[data-save-status=SAVING]{background:var(--sf-violet-soft);color:var(--sf-violet);border-color:#8b5cf652}.canvas-save-status[data-save-status=RETRYING]{background:var(--sf-gold-soft);border-color:var(--sf-gold);color:var(--sf-gold)}:is(.canvas-save-status[data-save-status=FAILED],.canvas-save-status[data-save-status=CONFLICT]){background:var(--sf-danger-soft);color:var(--sf-danger);border-color:#d94f4552}.canvas-topbar .canvas-save-status button{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 0 20px;justify-content:center;align-items:center;gap:0;width:20px;min-width:20px;height:20px;min-height:20px;margin-right:-3px;padding:0;display:inline-flex}.canvas-topbar .canvas-save-status button:hover{background:var(--sf-canvas-active-surface);color:currentColor;border-color:#0000}.canvas-primary-action,.canvas-topbar button{background:var(--sf-canvas-border-subtle);border:1px solid var(--sf-canvas-active-surface);color:var(--sf-text-secondary);font:inherit;border-radius:50%;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.canvas-primary-action:hover,.canvas-topbar button:hover{background:var(--sf-canvas-active-surface);color:var(--foreground);border-color:#ffffff2e}.canvas-topbar-utility-button{border-radius:10px;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:6px}.canvas-topbar-utility-button svg{flex:none}.canvas-topbar-actions>button[aria-label=打开个人中心]{color:var(--foreground);background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;gap:8px;min-width:0;min-height:36px;margin-left:4px;padding:0 12px 0 4px;font-size:14px;font-weight:500}.canvas-topbar-actions>button[aria-label=打开个人中心]:hover{border-color:var(--sf-brand);background:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.canvas-topbar-actions>button[aria-label=打开个人中心]:hover{border-color:color-mix(in srgb,var(--sf-brand) 55%,transparent)}}.canvas-topbar-actions>button[aria-label=打开个人中心]:hover{color:var(--foreground)}.canvas-topbar-back{flex:none}.canvas-topbar-utility-label{color:inherit}.canvas-workbench button:disabled{background:var(--sf-panel-subtle);color:var(--sf-text-muted);cursor:not-allowed;opacity:.55}.canvas-mobile-guard{display:none}.canvas-empty-guide-v2{max-width:min(720px,100vw - 80px);z-index:var(--sf-z-canvas-empty-guide);flex-direction:column;gap:32px;padding:0 24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-empty-guide__tabs{justify-content:center;align-items:center;gap:0;display:flex}.canvas-empty-guide__tab{color:var(--sf-text-secondary);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;display:flex}.canvas-empty-guide__tab--active{color:var(--foreground);background:#ffffff1f}.canvas-empty-guide__actions{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.canvas-empty-guide__action-btn{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-strong);box-shadow:inset 0 0 0 1px var(--sf-canvas-hairline),0 8px 24px #0003;color:var(--foreground);cursor:pointer;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;transition:all .2s;display:flex}.canvas-empty-guide__action-btn:hover:not(:disabled){background:var(--sf-canvas-surface-control);border-color:var(--sf-brand);transform:translateY(-2px)}.canvas-empty-guide__action-btn:disabled{opacity:.4;cursor:not-allowed}.canvas-empty-guide__action-btn svg{opacity:.85;flex-shrink:0}@media (max-width:920px){.canvas-workbench{min-height:100dvh;display:block;overflow:hidden}.canvas-topbar{display:none}.canvas-mobile-guard{background:var(--sf-panel);border-bottom:1px solid var(--border);color:var(--sf-text-secondary);z-index:var(--sf-z-canvas-topbar);padding:10px 14px;font-size:13px;display:block;position:sticky;top:0}.canvas-empty-guide-v2{max-width:calc(100vw - 32px);padding:0 16px}.canvas-empty-guide__tabs{gap:8px}.canvas-empty-guide__tab{padding:8px 12px;font-size:13px}.canvas-empty-guide__actions{grid-template-columns:repeat(2,1fr);gap:12px}.canvas-empty-guide__action-btn{flex-direction:row;padding:12px 16px;font-size:13px}}@media (max-width:1100px){.canvas-workbench{--canvas-wide-panel-inline:72px;--canvas-wide-panel-right:20px;--canvas-wide-panel-bottom:96px}}.canvas-pane-media-upload-input{display:none}.canvas-left-rail{pointer-events:none;width:58px;max-height:calc(100dvh - 112px);z-index:var(--sf-z-canvas-chrome);background:0 0;border-right:0;grid-area:stage;padding:0;position:absolute;top:45%;left:16px;overflow:visible;transform:translateY(-50%)}.canvas-floating-rail{flex-direction:column;gap:0;display:flex}.canvas-rail-group{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--sf-canvas-hairline),0 22px 52px var(--sf-canvas-shadow-drawer);pointer-events:auto;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;gap:12px;margin:0;padding:7px 6px 16px;display:grid}.canvas-left-rail button{color:#fff;font:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:56px;padding:4px 2px;font-size:14px;font-weight:700;display:inline-flex}.canvas-left-rail button span{color:#fff9;font-size:12px;font-weight:500;line-height:1.2}.canvas-left-rail button:hover{color:#fff}@media (max-width:920px){.canvas-left-rail{display:none}}.canvas-react-flow-stage{--sf-flow-control-size:32px;--sf-flow-control-gap:12px;--sf-flow-control-icon-size:18px;--sf-flow-background-dot:var(--sf-workbench-grid-dot);--sf-flow-minimap-background:var(--sf-canvas-surface-elevated);--sf-flow-minimap-mask:var(--sf-control-ink)}@supports (color:color-mix(in lab,red,red)){.canvas-react-flow-stage{--sf-flow-minimap-mask:color-mix(in srgb,var(--sf-control-ink) 64%,transparent)}}.canvas-react-flow-stage{--sf-flow-minimap-mask-stroke:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-react-flow-stage{--sf-flow-minimap-mask-stroke:color-mix(in srgb,var(--sf-brand) 72%,transparent)}}.canvas-react-flow-stage{--sf-flow-minimap-node:var(--sf-canvas-surface-raised);--sf-flow-minimap-node-stroke:var(--sf-brand);--sf-flow-edge-dot-display:initial;--sf-flow-edge-track-opacity:.42;--xy-selection-background-color:var(--sf-text-muted)}@supports (color:color-mix(in lab,red,red)){.canvas-react-flow-stage{--xy-selection-background-color:color-mix(in srgb,var(--sf-text-muted) 11%,transparent)}}.canvas-react-flow-stage{--xy-selection-border:1px solid var(--sf-text-muted)}@supports (color:color-mix(in lab,red,red)){.canvas-react-flow-stage{--xy-selection-border:1px solid color-mix(in srgb,var(--sf-text-muted) 15%,transparent)}}.canvas-react-flow-stage{background:var(--sf-workbench-canvas);grid-area:stage;height:100%;min-height:0;position:relative}.canvas-react-flow-stage .react-flow__node[data-storyboard-node-returning=true]{transition:transform .22s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.canvas-react-flow-stage .react-flow__node[data-storyboard-node-returning=true]{transition:none}}.canvas-react-flow-stage .react-flow__selection{background:var(--xy-selection-background-color);border:var(--xy-selection-border);box-shadow:none;z-index:20;border-radius:8px}.canvas-flow-group-node{--canvas-group-color:var(--sf-brand);background:var(--sf-text-muted)}@supports (color:color-mix(in lab,red,red)){.canvas-flow-group-node{background:color-mix(in srgb,var(--sf-text-muted) 14%,transparent)}}.canvas-flow-group-node{-webkit-backdrop-filter:blur(10px)saturate(1.12);backdrop-filter:blur(10px)saturate(1.12);border:1px solid var(--canvas-group-color)}@supports (color:color-mix(in lab,red,red)){.canvas-flow-group-node{border:1px solid color-mix(in srgb,var(--canvas-group-color) 30%,transparent)}}.canvas-flow-group-node{box-sizing:border-box;border-radius:20px;width:100%;height:100%;position:relative;overflow:visible}.canvas-flow-group-node.is-selected{border-width:2px;border-color:var(--canvas-group-color)}@supports (color:color-mix(in lab,red,red)){.canvas-flow-group-node.is-selected{border-color:color-mix(in srgb,var(--canvas-group-color) 60%,transparent)}}.canvas-flow-group-node--gray{--canvas-group-color:#667085}.canvas-flow-group-node--red{--canvas-group-color:#ef4444}.canvas-flow-group-node--orange{--canvas-group-color:#f97316}.canvas-flow-group-node--magenta{--canvas-group-color:#d946ef}.canvas-flow-group-node--green{--canvas-group-color:#22a06b}.canvas-flow-group-node--blue{--canvas-group-color:#2f80ed}.canvas-flow-group-node--purple{--canvas-group-color:#8b5cf6}.canvas-flow-group-header{z-index:1;width:100%;position:absolute;bottom:calc(100% + 6px);left:0}.canvas-flow-group-header .canvas-node-card-dot[data-config-complete=true]{background:var(--canvas-group-color)}.canvas-flow-group-title{text-overflow:ellipsis;transform:scale(var(--sf-flow-inverse-zoom,1));transform-origin:0;white-space:nowrap;font-size:16px;overflow:hidden}.canvas-flow-group-title-input{background:var(--sf-canvas-surface)}@supports (color:color-mix(in lab,red,red)){.canvas-flow-group-title-input{background:color-mix(in srgb,var(--sf-canvas-surface) 94%,transparent)}}.canvas-flow-group-title-input{border:1px solid var(--canvas-group-color)}@supports (color:color-mix(in lab,red,red)){.canvas-flow-group-title-input{border:1px solid color-mix(in srgb,var(--canvas-group-color) 34%,transparent)}}.canvas-flow-group-title-input{color:var(--sf-text-muted);font:inherit;min-width:0;transform:scale(var(--sf-flow-inverse-zoom,1));transform-origin:0;border-radius:4px;outline:none;flex:auto;padding:2px 5px;font-size:16px;font-weight:600}.canvas-flow-group-handle{z-index:var(--sf-z-canvas-node-controls)}.canvas-flow-group-handle--input,.canvas-flow-group-handle--output{background-color:var(--canvas-group-color)}.canvas-flow-group-handle[data-connected=true]{box-shadow:0 0 0 3px var(--canvas-group-color)}@supports (color:color-mix(in lab,red,red)){.canvas-flow-group-handle[data-connected=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--canvas-group-color) 26%,transparent)}}.canvas-flow-group-port-action{background:var(--sf-canvas-surface-elevated);border:1px solid var(--canvas-group-color);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-flow-group-port-action{border:1px solid color-mix(in srgb,var(--canvas-group-color) 62%,transparent)}}.canvas-flow-group-port-action{color:var(--canvas-group-color);height:var(--sf-flow-control-size,32px);width:var(--sf-flow-control-size,32px);z-index:var(--sf-z-canvas-node-controls);border-radius:50%;justify-content:center;padding:0;transition:border-color .15s,box-shadow .15s,color .15s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000004d}.canvas-flow-group-port-action svg{height:var(--sf-flow-control-icon-size,18px);width:var(--sf-flow-control-icon-size,18px)}.canvas-flow-group-port-action--input{right:calc(50% + var(--sf-flow-control-gap,12px));pointer-events:all}.canvas-flow-group-port-action--output{left:calc(50% + var(--sf-flow-control-gap,12px))}button.canvas-flow-group-port-action{cursor:pointer}button.canvas-flow-group-port-action:hover{border-color:var(--canvas-group-color);box-shadow:0 0 0 4px var(--canvas-group-color)}@supports (color:color-mix(in lab,red,red)){button.canvas-flow-group-port-action:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--canvas-group-color) 20%,transparent)}}.canvas-flow-group-port-action[data-disabled=true]{color:var(--sf-text-disabled);opacity:.56}@media (prefers-reduced-motion:reduce){.canvas-flow-group-port-action{transition:none}}.canvas-selection-group-frame{background:var(--xy-selection-background-color);border:var(--xy-selection-border);box-sizing:border-box;pointer-events:none;z-index:var(--sf-z-canvas-selection-frame);border-radius:20px;position:absolute}.canvas-selection-group-toolbar-anchor{pointer-events:none;width:0;height:0;z-index:calc(var(--sf-z-canvas-selection-frame) + 1);position:absolute}.canvas-selection-group-toolbar{transform-origin:top}.canvas-selection-group-toolbar__menu{min-width:142px}.canvas-selection-group-toolbar__color-swatch{background:var(--sf-brand);border-radius:50%;width:9px;height:9px}.canvas-selection-group-toolbar__color-swatch.is-gray{background:#667085}.canvas-selection-group-toolbar__color-swatch.is-red{background:#ef4444}.canvas-selection-group-toolbar__color-swatch.is-orange{background:#f97316}.canvas-selection-group-toolbar__color-swatch.is-magenta{background:#d946ef}.canvas-selection-group-toolbar__color-swatch.is-green{background:#22a06b}.canvas-selection-group-toolbar__color-swatch.is-blue{background:#2f80ed}.canvas-selection-group-toolbar__color-swatch.is-purple{background:#8b5cf6}.canvas-selection-group-toolbar__color-check{margin-left:auto}.canvas-selection-group-toolbar__chevron{transition:transform .16s ease-out}.canvas-selection-group-toolbar__chevron.is-open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.canvas-selection-group-toolbar__chevron{transition:none}}.canvas-workflow-create-dialog{--app-dialog-text:var(--sf-canvas-text-primary);--app-dialog-heading:var(--sf-canvas-text-primary);--app-dialog-muted:var(--sf-canvas-text-soft);--app-dialog-field-bg:var(--sf-canvas-surface-control);--sf-primary-foreground:var(--sf-canvas-text-primary)}.canvas-workflow-create-form{grid-template-columns:144px minmax(0,1fr);align-items:center;gap:14px;min-height:108px;display:grid}.canvas-workflow-create-name-field{color:var(--app-dialog-text);grid-template-rows:auto 40px auto;align-content:center;align-self:center;gap:10px;height:auto;min-height:0;font-size:13px;font-weight:700;line-height:1.3;display:grid}.canvas-workflow-create-form .app-form-control{background:#00000040;border:0;height:40px;min-height:40px;padding:0 12px}.canvas-workflow-create-form .app-form-control::placeholder{color:var(--app-dialog-muted)}.canvas-workflow-create-form .app-form-control:focus,.canvas-workflow-create-form .app-form-control:focus-visible{box-shadow:0 0 0 2px var(--app-dialog-focus-ring);border:0}.canvas-workflow-create-name-count{color:var(--app-dialog-muted);justify-self:end;font-size:12px;font-weight:500}.canvas-workflow-cover-upload{aspect-ratio:4/3;background:var(--sf-brand);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-workflow-cover-upload{background:color-mix(in srgb,var(--sf-brand) 6%,transparent)}}.canvas-workflow-cover-upload{border:1px dashed var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-workflow-cover-upload{border:1px dashed color-mix(in srgb,var(--sf-brand) 26%,transparent)}}.canvas-workflow-cover-upload{color:var(--app-dialog-text);cursor:pointer;font:inherit;text-align:center;border-radius:8px;justify-content:center;min-height:0;padding:12px;font-size:13px;font-weight:700;line-height:1.4;display:flex;overflow:hidden}.canvas-workflow-cover-upload.has-preview{padding:0}.canvas-workflow-cover-upload img{object-fit:cover;width:100%;height:100%;display:block}.canvas-workflow-cover-upload:hover{background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-workflow-cover-upload:hover{background:color-mix(in srgb,var(--sf-brand) 12%,transparent)}}.canvas-workflow-cover-upload:hover{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-workflow-cover-upload:hover{border-color:color-mix(in srgb,var(--sf-brand) 42%,transparent)}}@media (max-width:520px){.canvas-workflow-create-form{grid-template-columns:1fr}.canvas-workflow-cover-upload{width:min(144px,100%);min-height:0}}.canvas-react-flow-stage .react-flow__controls{display:none}.canvas-react-flow-stage .react-flow__background{opacity:.62}.canvas-alignment-guides{pointer-events:none;transform-origin:0 0;width:100%;height:100%;z-index:var(--sf-z-canvas-inline-overlay);position:absolute;top:0;left:0;overflow:visible}.canvas-alignment-guide{background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-alignment-guide{background:color-mix(in srgb,var(--sf-brand) 78%,transparent)}}.canvas-alignment-guide{pointer-events:none;position:absolute}.canvas-alignment-guide--horizontal{height:1px;transform:scaleY(var(--sf-flow-inverse-zoom,1));transform-origin:0;width:200000px;left:-100000px}.canvas-alignment-guide--vertical{height:200000px;transform:scaleX(var(--sf-flow-inverse-zoom,1));transform-origin:top;width:1px;top:-100000px}.canvas-react-flow-stage .canvas-react-flow-minimap,.canvas-react-flow-stage .react-flow__minimap{background:var(--sf-flow-minimap-background);border:1px solid var(--sf-canvas-active-surface);border-radius:8px;width:196px;height:132px;overflow:hidden;box-shadow:0 18px 40px #0000005c;bottom:61px!important;left:8px!important;right:auto!important}.canvas-react-flow-stage .canvas-version-update-panel{background:var(--sf-canvas-notice-success-surface);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-react-flow-stage .canvas-version-update-panel{background:color-mix(in srgb,var(--sf-canvas-notice-success-surface) 52%,#12151bd6)}}.canvas-react-flow-stage .canvas-version-update-panel{color:var(--sf-canvas-notice-success-text);pointer-events:auto;max-width:min(560px,100vw - 32px);z-index:var(--sf-z-toast);border:0;border-radius:12px;gap:10px;margin:0;padding:8px 8px 8px 12px;display:flex;bottom:18px;box-shadow:0 12px 30px #00000047}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.canvas-react-flow-stage .canvas-version-update-panel{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2)}}.canvas-version-update-panel__icon{color:var(--sf-canvas-brand-accent);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.canvas-version-update-panel__message{min-width:0;font-size:13px;font-weight:600;line-height:20px}.canvas-version-update-panel__action{background:var(--sf-brand);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.canvas-version-update-panel__action:hover{filter:brightness(1.05)}.canvas-version-update-panel__action:focus-visible{outline-offset:2px;outline:2px solid #fff}.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge{fill:none;opacity:.92;stroke:var(--sf-canvas-border-strong);stroke-linecap:round;stroke-width:3px}.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge--reference,.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge--reference-only,.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge--workflow{stroke-dasharray:none}.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge-hovered{opacity:1;stroke:var(--sf-brand);stroke-dasharray:none;stroke-width:3.5px}.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge-generating,.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge-highlighted{opacity:1;stroke:var(--sf-brand);stroke-dasharray:none;stroke-width:3px}.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge-selection-solid{opacity:1;stroke:var(--sf-brand);stroke-dasharray:none;stroke-width:3.5px;animation:none}.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge-selected{opacity:1;stroke:var(--sf-brand);stroke-dasharray:8 6;stroke-width:3.5px;animation:canvas-edge-flow .7s linear infinite}@keyframes canvas-edge-flow{to{stroke-dashoffset:-14px}}@media (prefers-reduced-motion:reduce){.canvas-react-flow-stage .react-flow__edge-path.canvas-flow-edge-selected{animation:none}}.canvas-flow-edge-flow{pointer-events:none}.canvas-flow-edge-flow-track{opacity:var(--sf-flow-edge-track-opacity);stroke:var(--sf-canvas-brand-accent)}@supports (color:color-mix(in lab,red,red)){.canvas-flow-edge-flow-track{stroke:color-mix(in srgb,var(--sf-canvas-brand-accent) 72%,var(--sf-brand))}}.canvas-flow-edge-flow-track{stroke-linecap:round;stroke-width:5.5px}.canvas-flow-edge-flow-marker{display:var(--sf-flow-edge-dot-display)}.canvas-flow-edge-flow-halo{fill:var(--sf-canvas-brand-accent)}@supports (color:color-mix(in lab,red,red)){.canvas-flow-edge-flow-halo{fill:color-mix(in srgb,var(--sf-canvas-brand-accent) 42%,transparent)}}.canvas-flow-edge-flow-halo{filter:drop-shadow(0 0 16px var(--sf-canvas-brand-accent))}@supports (color:color-mix(in lab,red,red)){.canvas-flow-edge-flow-halo{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--sf-canvas-brand-accent) 88%,var(--sf-brand)))}}.canvas-flow-edge-flow-halo{opacity:.95}.canvas-flow-edge-flow-dot{fill:var(--sf-canvas-brand-accent);filter:drop-shadow(0 0 10px var(--sf-canvas-brand-accent));opacity:1}.canvas-flow-edge-flow-core{fill:#fff;filter:drop-shadow(0 0 5px #ffffffd9);opacity:1}@media (prefers-reduced-motion:reduce){.canvas-react-flow-stage{--sf-flow-edge-dot-display:none;--sf-flow-edge-track-opacity:.46}}.canvas-flow-edge-interaction{cursor:pointer;pointer-events:stroke}.canvas-edge-controls{opacity:0;pointer-events:none;z-index:var(--sf-z-canvas-inline-popover);align-items:center;gap:5px;transition:opacity .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.canvas-edge-controls--visible{opacity:1;pointer-events:all}.canvas-edge-control-button{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-strong);color:var(--sf-text-secondary);cursor:pointer;height:var(--sf-flow-control-size,32px);width:var(--sf-flow-control-size,32px);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex;box-shadow:0 2px 8px #0000004d}.canvas-edge-control-button svg{height:var(--sf-flow-control-icon-size,18px);width:var(--sf-flow-control-icon-size,18px)}.canvas-edge-control-button:hover{background:var(--sf-canvas-surface-elevated);border-color:var(--sf-brand);color:var(--sf-brand)}.canvas-edge-control-button--danger:hover{background:var(--sf-canvas-surface-elevated);border-color:var(--sf-danger);color:var(--sf-danger)}@media (max-width:920px){.canvas-react-flow-stage{display:none}}.canvas-flow-node{width:100%;min-width:290px;height:100%;min-height:290px;position:relative}.react-flow__node:has(>.canvas-flow-node[data-storyboard-node=true]){box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;transition:width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1)}.react-flow__node.resizing:has(>.canvas-flow-node[data-storyboard-node=true]){transition:none}@media (prefers-reduced-motion:reduce){.react-flow__node:has(>.canvas-flow-node[data-storyboard-node=true]){transition:none}}.canvas-flow-node[data-image-asset-ready=true]{min-width:290px;min-height:96px}.canvas-flow-node[data-grid-crop-mosaic=true],.canvas-flow-node[data-storyboard-node=true]{min-width:0;min-height:0}.canvas-flow-node[data-selected-content-placement=card]{min-width:290px;height:100%;min-height:290px}.canvas-flow-node[data-selected-content-placement=card]:has(.canvas-text-write-panel[data-card-expanded=true]){min-width:min(520px,82vw)}.canvas-flow-node-card{width:100%;height:100%}.canvas-flow-node[data-dragging=true] .canvas-node-card-surface{border-color:var(--sf-brand);box-shadow:none}.canvas-flow-node[data-dragging=true] .canvas-storyboard-grid{box-shadow:none}.canvas-flow-node-resize-handle{background:var(--sf-panel);border:1px solid var(--sf-canvas-border-strong);color:var(--sf-brand);cursor:nwse-resize;opacity:.88;pointer-events:all;width:18px;height:18px;z-index:var(--sf-z-canvas-inline-popover);border-radius:5px;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s;bottom:-9px;right:-9px;box-shadow:0 8px 18px #00000057}.canvas-flow-node-resize-handle:after{content:"";opacity:.9;background:linear-gradient(135deg,#0000 0 48%,currentColor 50% 56%,#0000 58%),linear-gradient(135deg,#0000 0 62%,currentColor 64% 70%,#0000 72%);position:absolute;inset:4px}.canvas-flow-node-resize-handle:hover{background:var(--sf-canvas-surface-raised);border-color:var(--sf-brand);box-shadow:0 0 0 4px var(--sf-canvas-brand-tint-ring),0 10px 22px #00000061;opacity:1}.canvas-flow-node-resize-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.canvas-node-below-editor-wrapper{z-index:var(--sf-z-canvas-node-editor);position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.canvas-node-below-editor-scaler{transform-origin:top}.canvas-node-below-editor{border:1px solid var(--sf-canvas-border-strong);box-shadow:inset 0 1px 0 var(--sf-canvas-hairline),0 28px 72px #00000075;color:var(--foreground);cursor:default;scrollbar-width:none;-webkit-user-select:none;user-select:none;background:#1a1c20;border-radius:18px;gap:10px;width:min(700px,100vw - 32px);min-width:min(700px,100vw - 32px);min-height:156px;max-height:580px;display:grid;position:relative;overflow-y:auto}.canvas-node-below-editor :is(input,textarea,select,[contenteditable=true]){-webkit-user-select:text;user-select:text}.canvas-node-below-editor::-webkit-scrollbar{display:none}.canvas-node-below-editor:before{background:var(--sf-brand);box-shadow:0 0 0 4px var(--sf-canvas-brand-tint);content:"";border-radius:999px;width:46px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.canvas-flow-handle{background:var(--sf-brand);border:2px solid var(--sf-panel);pointer-events:all;width:14px;height:14px;z-index:var(--sf-z-canvas-node-controls);border-radius:999px;transition:box-shadow .15s,transform .15s}.canvas-flow-handle:before{content:"";border-radius:999px;position:absolute;inset:-10px}.canvas-flow-handle:hover{box-shadow:0 0 0 4px var(--sf-canvas-brand-tint);transform:scale(1.2)}.canvas-flow-handle.react-flow__handle-connecting{box-shadow:0 0 0 5px var(--sf-canvas-brand-tint-ring);transform:scale(1.25)}.canvas-flow-handle-target{left:-7px}.canvas-flow-handle-source{right:-7px}.canvas-flow-handle[data-direction=right]{overflow:visible}.canvas-flow-handle[data-direction=right].react-flow__handle-connecting,.canvas-flow-handle[data-direction=right]:hover{transform:translate(50%,-50%)}.canvas-flow-handle[data-direction=right]>button{height:var(--sf-flow-control-size,32px);left:calc(50% + var(--sf-flow-control-gap,12px));width:var(--sf-flow-control-size,32px);position:absolute;top:50%;transform:translateY(-50%)}.canvas-flow-handle[data-direction=right]>button svg{height:var(--sf-flow-control-icon-size,18px);width:var(--sf-flow-control-icon-size,18px)}.app-dialog-overlay:has([data-image-crop-root=true]){justify-content:center;align-items:center}.app-dialog-content:has([data-image-crop-root=true]){--app-dialog-surface:transparent;--app-dialog-text:var(--sf-canvas-text-primary);--app-dialog-heading:var(--sf-canvas-text-primary);--app-dialog-muted:var(--sf-canvas-text-soft);--app-dialog-border:var(--sf-canvas-border-soft);--app-dialog-divider:var(--sf-canvas-border-muted);--app-dialog-field-bg:var(--sf-canvas-surface-panel);box-shadow:none;color:var(--app-dialog-text);background:0 0;border:0;max-width:min(600px,100vw - 28px);height:auto;padding:0;overflow:visible}.app-dialog-content:has([data-image-crop-root=true]) .app-dialog-header,.app-dialog-content:has([data-image-crop-root=true])>.app-dialog-close{display:none}.app-dialog-content:has([data-image-crop-root=true]) .app-dialog-body{box-shadow:none;background:0 0;justify-content:center;align-items:center;padding:0;display:flex;overflow:visible}[data-image-crop-root=true]{justify-items:center;gap:50px;min-width:0;display:grid}[data-image-crop-stage=true]{width:100%;min-width:0;overflow:visible}[data-image-crop-frame=true]{justify-content:center;align-items:center;height:min(54vh,500px);min-height:300px;display:flex;position:relative;overflow:visible}[data-image-crop-imagebox=true]{touch-action:none;max-width:100%;max-height:100%;display:inline-flex;position:relative}[data-image-crop-imagebox=true] img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:min(100%,560px);height:auto;max-height:min(54vh,500px);display:block}[data-image-crop-selection=true]{appearance:none;border:1px solid var(--sf-canvas-text-primary);box-shadow:0 0 0 9999px var(--sf-canvas-overlay);cursor:grab;height:var(--sf-image-crop-height);left:var(--sf-image-crop-x);top:var(--sf-image-crop-y);touch-action:none;width:var(--sf-image-crop-width);background:0 0;border-radius:2px;padding:0;position:absolute}[data-image-crop-selection=true]:active{cursor:grabbing}[data-image-crop-selection=true]:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px}[data-image-crop-grid=true]{background:linear-gradient(90deg,transparent 33%,var(--sf-canvas-text-muted) 33%,var(--sf-canvas-text-muted) calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,var(--sf-canvas-text-muted) 66%,var(--sf-canvas-text-muted) calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(0deg,transparent 33%,var(--sf-canvas-text-muted) 33%,var(--sf-canvas-text-muted) calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,var(--sf-canvas-text-muted) 66%,var(--sf-canvas-text-muted) calc(66% + 1px),transparent calc(66% + 1px));pointer-events:none;position:absolute;inset:0}[data-crop-handle]{background:var(--sf-canvas-text-primary);height:var(--sf-image-crop-handle-height,20px);left:var(--sf-image-crop-handle-left,auto);right:var(--sf-image-crop-handle-right,auto);top:var(--sf-image-crop-handle-top,auto);bottom:var(--sf-image-crop-handle-bottom,auto);transform:var(--sf-image-crop-handle-transform,none);width:var(--sf-image-crop-handle-width,20px);border-radius:1px;display:block;position:absolute}[data-crop-handle=n]{--sf-image-crop-handle-height:4px;--sf-image-crop-handle-left:50%;--sf-image-crop-handle-top:-3px;--sf-image-crop-handle-transform:translateX(-50%);--sf-image-crop-handle-width:24px;cursor:ns-resize}[data-crop-handle=s]{--sf-image-crop-handle-bottom:-3px;--sf-image-crop-handle-height:4px;--sf-image-crop-handle-left:50%;--sf-image-crop-handle-transform:translateX(-50%);--sf-image-crop-handle-width:24px;cursor:ns-resize}[data-crop-handle=e]{--sf-image-crop-handle-height:24px;--sf-image-crop-handle-right:-3px;--sf-image-crop-handle-top:50%;--sf-image-crop-handle-transform:translateY(-50%);--sf-image-crop-handle-width:4px;cursor:ew-resize}[data-crop-handle=w]{--sf-image-crop-handle-height:24px;--sf-image-crop-handle-left:-3px;--sf-image-crop-handle-top:50%;--sf-image-crop-handle-transform:translateY(-50%);--sf-image-crop-handle-width:4px;cursor:ew-resize}[data-crop-handle=ne]{--sf-image-crop-handle-height:12px;--sf-image-crop-handle-right:-3px;--sf-image-crop-handle-top:-3px;--sf-image-crop-handle-width:12px;cursor:nesw-resize}[data-crop-handle=nw]{--sf-image-crop-handle-height:12px;--sf-image-crop-handle-left:-3px;--sf-image-crop-handle-top:-3px;--sf-image-crop-handle-width:12px;cursor:nwse-resize}[data-crop-handle=se]{--sf-image-crop-handle-bottom:-3px;--sf-image-crop-handle-height:12px;--sf-image-crop-handle-right:-3px;--sf-image-crop-handle-width:12px;cursor:nwse-resize}[data-crop-handle=sw]{--sf-image-crop-handle-bottom:-3px;--sf-image-crop-handle-height:12px;--sf-image-crop-handle-left:-3px;--sf-image-crop-handle-width:12px;cursor:nesw-resize}[data-image-crop-size-badge=true]{background:var(--sf-canvas-overlay);box-shadow:0 8px 20px var(--sf-canvas-shadow-menu);color:var(--sf-canvas-text-primary);pointer-events:none;text-align:center;border-radius:7px;min-width:86px;padding:6px 9px;font-size:12px;font-weight:400;display:block;position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}[data-image-crop-error=true]{color:var(--sf-danger);margin:0;font-size:13px;font-weight:600}[data-image-crop-toolbar=true]{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-strong);box-shadow:0 12px 30px var(--sf-canvas-shadow-popover);border-radius:999px;grid-template-columns:34px minmax(72px,1fr) minmax(88px,1fr);align-items:center;gap:4px;width:min(248px,100vw - 40px);min-height:42px;padding:4px;display:grid;position:relative}[data-image-crop-toolbar=true] button{color:var(--sf-canvas-text-primary);cursor:pointer;font:inherit;border:0}[data-image-crop-toolbar=true] button:disabled{cursor:not-allowed;opacity:.62}[data-image-crop-retry=true]{background:var(--sf-canvas-hover-surface);border:1px solid var(--sf-canvas-border-strong);color:var(--sf-canvas-text-primary);cursor:pointer;font:inherit;border-radius:999px;align-self:center;margin:2px auto 10px;padding:7px 12px;font-size:12px;font-weight:600}[data-image-crop-retry=true]:hover{background:var(--sf-canvas-active-surface)}[data-image-crop-toolbar-action=close]{background:0 0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}[data-image-crop-ratio=true]{position:relative}[data-image-crop-ratio=true]>button{background:0 0;gap:4px;padding:0 8px;font-weight:500}[data-image-crop-ratio=true]>button,[data-image-crop-toolbar=true] [data-image-crop-toolbar-action=confirm]{border-radius:999px;justify-content:center;align-items:center;width:100%;height:34px;font-size:12px;display:inline-flex}[data-image-crop-toolbar=true] [data-image-crop-toolbar-action=confirm]{background:var(--sf-canvas-active-surface);gap:5px;padding:0 10px;font-weight:600}[data-image-crop-toolbar=true] [data-image-crop-toolbar-action=confirm][data-pending=true] svg{animation:sf-image-crop-spin .85s linear infinite}[data-image-crop-ratio-menu=true].sf-select-menu{width:max-content;min-width:132px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-image-crop-ratio-menu=true].sf-select-menu button{font-weight:500}:is([data-image-crop-toolbar-action=close],[data-image-crop-ratio=true]>button,[data-image-crop-toolbar-action=confirm]):hover:not(:disabled){background:var(--sf-canvas-active-surface)}@keyframes sf-image-crop-spin{to{transform:rotate(1turn)}}@media (max-width:720px){.app-dialog-content:has([data-image-crop-root=true]){max-width:calc(100vw - 20px)}[data-image-crop-frame=true]{height:52vh;min-height:270px}[data-image-crop-size-badge=true]{min-width:82px;bottom:-34px}[data-image-crop-toolbar=true]{grid-template-columns:34px minmax(72px,1fr) minmax(88px,1fr);width:min(248px,100vw - 28px);min-height:42px}:is([data-image-crop-toolbar-action=close],[data-image-crop-ratio=true]>button,[data-image-crop-toolbar-action=confirm]){height:34px}:is([data-image-crop-ratio=true]>button,[data-image-crop-toolbar-action=confirm],[data-image-crop-ratio-menu=true] button){font-size:12px}}.canvas-artboard-panel{box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;gap:16px;margin:0;padding:0;display:contents}.canvas-artboard-panel button{color:var(--sf-text-secondary);background:0 0;border:0;border-radius:12px;min-width:44px;min-height:54px;padding:5px 3px;font-size:16px;font-weight:700}.canvas-artboard-panel button:hover{color:var(--foreground)}.canvas-artboard-panel ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.canvas-node,.canvas-node-card{--canvas-node-card-surface-background:#1a1c20;--canvas-node-card-surface-radius:14px;--canvas-node-card-surface-shadow:inset 0 1px 0 var(--sf-canvas-hairline),0 18px 36px #00000047;--canvas-node-card-replace-button-inset:16px;color:var(--foreground);-webkit-user-select:none;user-select:none;width:100%;min-width:290px;min-height:0;z-index:var(--sf-z-canvas-node-base);flex-direction:column;gap:8px;padding:0;display:flex;overflow:visible}.canvas-node-card[data-audio-asset-ready=true],.canvas-node-card[data-image-asset-ready=true],.canvas-node-card[data-video-asset-ready=true]{gap:4px;min-width:290px}.canvas-node-card[data-storyboard-asset=true]{gap:4px;min-width:360px}.canvas-node-card[data-storyboard-asset=true]:has([data-storyboard-collapsed=true]){min-width:0}.canvas-node-card-surface{background:var(--canvas-node-card-surface-background);border-radius:var(--canvas-node-card-surface-radius);box-shadow:var(--canvas-node-card-surface-shadow);border:2px solid #0000;flex-direction:column;flex:auto;width:100%;min-width:0;min-height:252px;padding:16px;display:flex}.canvas-node-card[data-audio-asset-ready=true] .canvas-node-card-surface,.canvas-node-card[data-image-asset-ready=true] .canvas-node-card-surface,.canvas-node-card[data-video-asset-ready=true] .canvas-node-card-surface{min-height:0;padding:0;overflow:hidden}.canvas-node-card[data-storyboard-asset=true] .canvas-node-card-surface{box-shadow:none;background:0 0;border:0;border-radius:0;min-height:0;padding:0;overflow:visible}[data-node-card-content=storyboard],[data-node-card-content=storyboard] .canvas-node-card-body{flex:auto;width:100%;min-height:0}.canvas-storyboard-card{background:var(--sf-canvas-surface-elevated);flex-direction:column;flex:auto;width:100%;min-height:0;padding:8px;display:flex;position:relative}.canvas-storyboard-card--collapsed{color:var(--sf-text-secondary);flex-direction:column;gap:4px;width:100%;min-height:0;padding:0;display:flex}.canvas-node-card[data-storyboard-asset=true] .canvas-storyboard-card--collapsed{background:0 0}.canvas-storyboard-collapsed__surface{background:var(--canvas-node-card-surface-background);border-radius:var(--canvas-node-card-surface-radius);box-shadow:var(--canvas-node-card-surface-shadow);flex:auto;width:100%;min-height:96px;position:relative;overflow:hidden}.canvas-storyboard-collapsed__cover,.canvas-storyboard-collapsed__empty{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-storyboard-collapsed__empty{background:var(--canvas-node-card-surface-background);color:var(--sf-text-muted);justify-content:center;align-items:center;display:flex}.canvas-storyboard-collapsed__cover [data-asset-cover-media=true],.canvas-storyboard-collapsed__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.canvas-storyboard-collapsed__badge{border:1px solid var(--sf-canvas-border-strong);background:#0b0c0eb8;align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-storyboard-collapsed__badge{border:1px solid color-mix(in srgb,var(--sf-canvas-border-strong) 70%,transparent)}}.canvas-storyboard-collapsed__badge{color:var(--foreground);cursor:pointer;z-index:4;border-radius:999px;justify-content:center;gap:4px;min-width:42px;height:26px;padding:0 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.canvas-storyboard-collapsed__badge:hover{border-color:var(--sf-brand);background:#0b0c0edb}.canvas-storyboard-collapsed__badge svg{color:var(--sf-canvas-brand-accent,var(--sf-brand))}.canvas-storyboard-card--collapsed .canvas-storyboard-card__footer{justify-content:center;min-height:24px;padding:4px 4px 0}.canvas-storyboard-card--collapsed .canvas-storyboard-busy-overlay{border-radius:inherit}.canvas-node-card[data-storyboard-asset=true] .canvas-storyboard-card:not(.canvas-storyboard-card--collapsed){background:0 0;padding:0}.canvas-storyboard-grid,.canvas-storyboard-grid-shell{flex:none;width:100%;position:relative}.canvas-storyboard-grid{background:var(--sf-canvas-border-strong);border-radius:var(--canvas-node-card-surface-radius);box-shadow:var(--canvas-node-card-surface-shadow);background-clip:padding-box;border:0 solid #0000;gap:0;min-height:180px;display:grid;overflow:hidden}.canvas-storyboard-grid:after{border-radius:inherit;content:"";pointer-events:none;z-index:3;border:2px solid #0000;position:absolute;inset:0}.canvas-storyboard-frame{background:var(--canvas-node-card-surface-background);color:var(--sf-text-muted);justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-storyboard-frame:after,.canvas-storyboard-frame:before{background:var(--sf-canvas-border-strong);content:"";pointer-events:none;z-index:1;position:absolute}.canvas-storyboard-frame:before{width:1px;top:0;bottom:0;right:0}.canvas-storyboard-frame:after{height:1px;bottom:0;left:0;right:0}.canvas-storyboard-grid[data-grid-columns="2"]>.canvas-storyboard-frame:nth-child(2n):before,.canvas-storyboard-grid[data-grid-columns="2"]>.canvas-storyboard-frame:nth-last-child(-n+2):after,.canvas-storyboard-grid[data-grid-columns="3"]>.canvas-storyboard-frame:nth-child(3n):before,.canvas-storyboard-grid[data-grid-columns="3"]>.canvas-storyboard-frame:nth-last-child(-n+3):after,.canvas-storyboard-grid[data-grid-columns="4"]>.canvas-storyboard-frame:nth-child(4n):before,.canvas-storyboard-grid[data-grid-columns="4"]>.canvas-storyboard-frame:nth-last-child(-n+4):after,.canvas-storyboard-grid[data-grid-columns="5"]>.canvas-storyboard-frame:nth-child(5n):before,.canvas-storyboard-grid[data-grid-columns="5"]>.canvas-storyboard-frame:nth-last-child(-n+5):after{display:none}.canvas-storyboard-frame__media,.canvas-storyboard-frame__pending{background:var(--canvas-node-card-surface-background);color:var(--sf-text-muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.canvas-storyboard-frame__media:before,.canvas-storyboard-frame__pending:before{background:linear-gradient(110deg,transparent 0,var(--sf-canvas-hover-surface-strong) 46%,transparent 82%);content:"";opacity:0;pointer-events:none;z-index:0;position:absolute;inset:0;transform:translate(-100%)}.canvas-storyboard-frame__media:after{content:"";opacity:0;pointer-events:none;z-index:2;background:#0000004d;transition:opacity .14s;position:absolute;inset:0}.canvas-storyboard-frame__media[data-state=loading]:before,.canvas-storyboard-frame__pending:before{opacity:.55;animation:sf-asset-cover-skeleton 1.35s ease-in-out infinite}.canvas-storyboard-frame__media [data-asset-cover-media=true]{object-fit:cover;object-position:center;opacity:0;pointer-events:none;width:100%;max-width:none;height:100%;max-height:none;transition:opacity .18s ease-out,transform .24s ease-out;display:block;position:absolute;inset:0;transform:scale(1.015)}.canvas-storyboard-frame__media[data-state=loaded] [data-asset-cover-media=true]{opacity:1;transform:scale(1)}.canvas-storyboard-frame__media [data-asset-cover-placeholder=true]{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-storyboard-frame__media [data-asset-cover-placeholder=true]>span:last-child{display:none}.canvas-storyboard-frame__media [data-asset-cover-placeholder-icon=true],.canvas-storyboard-frame__pending>svg{z-index:1;display:inline-flex;position:relative}.canvas-storyboard-frame__pending>svg{animation:canvas-storyboard-frame-loading-spin 1s linear infinite}.canvas-storyboard-frame__empty{background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;line-height:0;transition:background-color .16s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.canvas-storyboard-frame__empty{color:inherit;cursor:pointer}.canvas-storyboard-frame__file-input{display:none}.canvas-storyboard-frame__empty svg{width:18px;height:18px;transition:transform .16s;display:block}@keyframes canvas-storyboard-frame-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.canvas-storyboard-frame__media[data-state=loading]:before,.canvas-storyboard-frame__pending:before,.canvas-storyboard-frame__pending>svg{animation:none}.canvas-storyboard-frame__media [data-asset-cover-media=true]{transition:none}}[data-storyboard-frame]:focus-visible{box-shadow:inset 0 0 0 2px var(--sf-brand);outline:none}[data-storyboard-frame][data-keyboard-picked=true]{box-shadow:inset 0 0 0 2px var(--sf-brand)}[data-storyboard-frame][data-storyboard-frame-dragging=true]{border-radius:var(--canvas-node-card-surface-radius);cursor:grabbing;z-index:5;overflow:hidden;box-shadow:inset 0 0 0 2px #8d8d8e,0 4px 12px #0000004d}[data-storyboard-frame][data-storyboard-frame-dragging=true]:after,[data-storyboard-frame][data-storyboard-frame-dragging=true]:before{display:none}[data-storyboard-frame][data-storyboard-frame-dragging=true] .canvas-storyboard-frame__media{opacity:.5}.canvas-storyboard-frame__drag-preview{z-index:2147483000;background:var(--canvas-node-card-surface-background,#1b1d21);pointer-events:none;will-change:transform;border:2px solid #8d8d8e;border-radius:8px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 8px 24px #0006}.canvas-storyboard-frame__drag-preview img{object-fit:cover;width:100%;height:100%;display:block}[data-storyboard-frame][data-storyboard-frame-drag-over=swap]{box-shadow:inset 0 0 0 3px var(--sf-brand);z-index:4}[data-storyboard-frame][data-storyboard-frame-drag-over=swap] .canvas-storyboard-frame__media [data-asset-cover-media=true]{filter:blur(3px)brightness(.68);transform:scale(1.05)}[data-storyboard-frame][data-storyboard-frame-drag-over=swap] .canvas-storyboard-frame__media:after{opacity:1}[data-storyboard-frame][data-storyboard-frame-drag-over=fill],[data-storyboard-frame][data-storyboard-frame-drag-over=move],[data-storyboard-frame][data-storyboard-node-drag-over=true]{background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){[data-storyboard-frame][data-storyboard-frame-drag-over=fill],[data-storyboard-frame][data-storyboard-frame-drag-over=move],[data-storyboard-frame][data-storyboard-node-drag-over=true]{background:color-mix(in srgb,var(--sf-brand) 13%,var(--canvas-node-card-surface-background))}}[data-storyboard-frame][data-storyboard-frame-drag-over=fill],[data-storyboard-frame][data-storyboard-frame-drag-over=move],[data-storyboard-frame][data-storyboard-node-drag-over=true]{box-shadow:inset 0 0 0 3px var(--sf-brand);z-index:4}[data-storyboard-frame][data-storyboard-frame-drag-over=fill] .canvas-storyboard-frame__empty svg,[data-storyboard-frame][data-storyboard-frame-drag-over=move] .canvas-storyboard-frame__empty svg,[data-storyboard-frame][data-storyboard-node-drag-over=true] .canvas-storyboard-frame__empty svg{transform:scale(1.5)}[data-storyboard-frame][data-storyboard-frame-settling=true] .canvas-storyboard-frame__media,[data-storyboard-frame][data-storyboard-node-drop-settling=true] .canvas-storyboard-frame__media{animation:canvas-storyboard-frame-settle .24s cubic-bezier(.22,1,.36,1)}@keyframes canvas-storyboard-frame-settle{0%{opacity:.35;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){[data-storyboard-frame][data-storyboard-frame-settling=true] .canvas-storyboard-frame__media,[data-storyboard-frame][data-storyboard-node-drop-settling=true] .canvas-storyboard-frame__media{animation:none}}.canvas-storyboard-frame__actions{opacity:0;background:0 0;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:0;transition:opacity .12s;display:flex;position:absolute;top:8px;left:auto;right:8px}[data-storyboard-frame-action]{color:var(--sf-text-primary);background:#0006;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}[data-storyboard-frame-action] svg{width:19.44px;height:19.44px}[data-storyboard-frame]:not([data-storyboard-frame-empty=true]) [data-storyboard-frame-action]{color:#fff}[data-editing=true] [data-storyboard-frame-empty=true]:focus-within .canvas-storyboard-frame__empty,[data-editing=true] [data-storyboard-frame-empty=true]:hover .canvas-storyboard-frame__empty{background:#ffffff0d;transform:translate(-50%,-50%)}[data-editing=true] [data-storyboard-frame-empty=true]:focus-within .canvas-storyboard-frame__empty svg,[data-editing=true] [data-storyboard-frame-empty=true]:hover .canvas-storyboard-frame__empty svg{transform:scale(1.5)}[data-storyboard-frame]:focus-within [data-storyboard-frame-actions],[data-storyboard-frame]:hover [data-storyboard-frame-actions]{opacity:1}[data-storyboard-frame-action]:focus-visible,[data-storyboard-frame-action]:hover{background:#0000008c;outline:none}.canvas-storyboard-card__footer{color:var(--sf-text-muted);text-align:center;justify-content:center;align-items:center;min-height:30px;padding:8px 4px 0;font-size:12px;display:flex;position:relative}.canvas-storyboard-card__footer>.canvas-storyboard-status{position:absolute;right:4px}.canvas-storyboard-status{color:var(--sf-text-secondary);font-weight:700}.canvas-storyboard-status--error{color:var(--sf-danger)}.canvas-storyboard-card[data-storyboard-busy=composing] .canvas-storyboard-grid,.canvas-storyboard-card[data-storyboard-busy=cutting] .canvas-storyboard-grid{filter:brightness(.72)saturate(.88)}.canvas-storyboard-busy-overlay{border-radius:var(--canvas-node-card-surface-radius);pointer-events:auto;z-index:6;background:#0506077a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-storyboard-busy-overlay__content{color:var(--foreground);text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:min(280px,100% - 32px);padding:12px 16px;display:inline-flex}.canvas-storyboard-busy-overlay__content b{letter-spacing:0;font-size:16px;font-weight:800;line-height:1.2}.canvas-storyboard-busy-overlay__content small{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.canvas-storyboard-busy-overlay__content small{color:color-mix(in srgb,var(--foreground) 72%,transparent)}}.canvas-storyboard-busy-overlay__content small{font-size:12px;font-weight:600;line-height:1.35}.canvas-storyboard-busy-overlay__spinner{color:var(--sf-canvas-brand-accent,var(--sf-brand));animation:canvas-storyboard-busy-spin .9s linear infinite}@keyframes canvas-storyboard-busy-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.canvas-storyboard-card[data-storyboard-busy=composing] .canvas-storyboard-grid,.canvas-storyboard-card[data-storyboard-busy=cutting] .canvas-storyboard-grid{filter:brightness(.78)}.canvas-storyboard-busy-overlay__spinner{animation:none}}.canvas-node-card[data-media-generating=true] .canvas-node-card-surface{min-height:252px;padding:0;overflow:hidden}.canvas-node-card[data-media-generating=true][data-readonly=false],.canvas-node-card[data-media-generating=true][data-readonly=false] .canvas-node-card-media-generating,.canvas-node-card[data-node-type=text][data-readonly=false] .canvas-node-card-text-output[data-streaming=true]{cursor:grab;-webkit-user-select:none;user-select:none}.canvas-node-card[data-media-generating=true][data-readonly=false]:active,.canvas-node-card[data-media-generating=true][data-readonly=false]:active .canvas-node-card-media-generating,.canvas-node-card[data-node-type=text][data-readonly=false]:active .canvas-node-card-text-output[data-streaming=true]{cursor:grabbing}:is(.canvas-node:hover,.canvas-node-card-selected,.canvas-node-card-highlighted) .canvas-node-card-surface{border-color:var(--sf-brand);box-shadow:inset 0 1px 0 var(--sf-canvas-highlight-line),0 0 0 2px var(--sf-canvas-brand-tint-ring),0 24px 48px #00000061}.canvas-node-card[data-node-status=FAILED] .canvas-node-card-surface{border-color:#d94f4594}.canvas-node-card:focus-visible{outline:none}.canvas-node-card:focus-visible .canvas-node-card-surface{outline:2px solid var(--sf-brand);outline-offset:2px}.canvas-node-card[data-storyboard-asset=true]:focus-visible .canvas-node-card-surface,:is(.canvas-node:hover,.canvas-node-card-selected,.canvas-node-card-highlighted)[data-storyboard-asset=true] .canvas-node-card-surface{box-shadow:none;border-color:#0000;outline:none}.canvas-node-card[data-storyboard-asset=true]:focus-visible .canvas-storyboard-grid,:is(.canvas-node:hover,.canvas-node-card-selected,.canvas-node-card-highlighted)[data-storyboard-asset=true] .canvas-storyboard-grid{box-shadow:inset 0 1px 0 var(--sf-canvas-highlight-line),0 0 0 2px var(--sf-canvas-brand-tint-ring),0 24px 48px #00000061}.canvas-node-card[data-storyboard-asset=true]:focus-visible .canvas-storyboard-grid:after,:is(.canvas-node:hover,.canvas-node-card-selected,.canvas-node-card-highlighted)[data-storyboard-asset=true] .canvas-storyboard-grid:after{border-color:var(--sf-brand)}.canvas-node-card-select{color:inherit;text-align:left;flex-direction:column;width:100%;min-width:0;display:flex}[data-node-card-content=actions]{flex:auto;justify-content:center;margin-block:auto}[data-node-card-content=media-empty]{margin-block:auto}[data-node-card-content=media-empty],[data-node-card-content=media-empty] .canvas-node-card-body{flex:auto;justify-content:center;align-items:center;min-height:0}[data-node-card-content=audio-preview],[data-node-card-content=audio-preview] .canvas-node-card-body,[data-node-card-content=image-preview],[data-node-card-content=image-preview] .canvas-node-card-body,[data-node-card-content=media-generating],[data-node-card-content=media-generating] .canvas-node-card-body,[data-node-card-content=media-processing],[data-node-card-content=media-processing] .canvas-node-card-body,[data-node-card-content=media-uploading],[data-node-card-content=media-uploading] .canvas-node-card-body,[data-node-card-content=text-output],[data-node-card-content=text-output] .canvas-node-card-body,[data-node-card-content=video-preview],[data-node-card-content=video-preview] .canvas-node-card-body{flex:auto;min-height:0}[data-node-card-content=audio-error],[data-node-card-content=audio-processing],[data-node-card-content=connected-reference],[data-node-card-content=media-processing],[data-node-card-content=media-uploading],[data-node-card-content=video-processing]{flex:auto;justify-content:center;align-items:center;margin-block:auto}[data-node-card-content=audio-empty]{flex:auto;justify-content:center;align-self:stretch;align-items:stretch;margin-block:auto}[data-node-card-content=audio-error] .canvas-node-card-body,[data-node-card-content=audio-processing] .canvas-node-card-body,[data-node-card-content=connected-reference] .canvas-node-card-body,[data-node-card-content=media-processing] .canvas-node-card-body,[data-node-card-content=media-uploading] .canvas-node-card-body,[data-node-card-content=video-processing] .canvas-node-card-body{justify-content:center;align-items:center}[data-node-card-content=audio-empty] .canvas-node-card-body{flex:auto;justify-content:center;align-self:stretch;align-items:stretch;width:100%;min-height:0;display:flex}[data-node-card-content=text-write-placeholder]{margin-block:auto}[data-node-card-content=text-write-placeholder],[data-node-card-content=text-write-placeholder] .canvas-node-card-body{flex:auto;justify-content:center;align-items:center;min-height:0}[data-node-card-content=text-write-placeholder] .canvas-text-write-placeholder{min-height:0;margin:auto}:is(.canvas-node-card-header,.canvas-node-card-body){min-width:0;display:flex}.canvas-node-card-header{color:var(--sf-text-muted);align-items:center;gap:10px;min-height:30px;padding:0 6px}.canvas-node-card-header strong{color:var(--sf-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;font-weight:600;line-height:1.25;display:inline-block;overflow:hidden}.canvas-flow-group-header .canvas-node-card-icon{transform:scale(var(--sf-flow-inverse-zoom,1));transform-origin:50%}.canvas-node-card[data-grid-crop-mosaic=true]{min-width:0}.canvas-node-card-title{border-radius:4px}.canvas-node-card-title[title=双击重命名]{cursor:text}.canvas-node-card-annotation-status{background:var(--sf-canvas-brand-tint);border:1px solid var(--sf-canvas-brand-border);color:var(--sf-canvas-brand-strong);white-space:nowrap;border-radius:999px;flex:none;padding:4px 6px;font-size:10px;font-weight:700;line-height:1}.canvas-node-card-annotation-status[data-finalized=true]{background:var(--sf-canvas-hover-surface);border-color:var(--sf-canvas-border-strong);color:var(--sf-canvas-text-soft)}.canvas-node-card-title-upload{border:1px solid var(--sf-text-muted);background:0 0;align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-node-card-title-upload{border:1px solid color-mix(in srgb,var(--sf-text-muted) 50%,transparent)}}.canvas-node-card-title-upload{color:var(--sf-text-muted);cursor:pointer;height:var(--sf-flow-control-size,32px);min-height:var(--sf-flow-control-size,32px);min-width:var(--sf-flow-control-size,32px);width:var(--sf-flow-control-size,32px);border-radius:999px;flex:none;justify-content:center;padding:0;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.canvas-node-card-title-upload svg{height:var(--sf-flow-control-icon-size,18px);width:var(--sf-flow-control-icon-size,18px)}.canvas-node-card-title-upload:focus-visible,.canvas-node-card-title-upload:hover:not(:disabled){background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-node-card-title-upload:focus-visible,.canvas-node-card-title-upload:hover:not(:disabled){background:color-mix(in srgb,var(--sf-brand) 16%,var(--sf-panel-subtle))}}.canvas-node-card-title-upload:focus-visible,.canvas-node-card-title-upload:hover:not(:disabled){border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-node-card-title-upload:focus-visible,.canvas-node-card-title-upload:hover:not(:disabled){border-color:color-mix(in srgb,var(--sf-brand) 48%,transparent)}}.canvas-node-card-title-upload:focus-visible,.canvas-node-card-title-upload:hover:not(:disabled){color:var(--foreground);outline:none}.canvas-node-card-title-upload:disabled{cursor:not-allowed;opacity:.46}.canvas-node-title-form{flex:auto;min-width:0}.canvas-node-title-form input{background:var(--sf-panel-subtle);border:1px solid var(--sf-brand);color:var(--sf-text-secondary);font:inherit;border-radius:8px;outline:none;width:100%;min-width:0;height:30px;padding:0 7px;font-size:14px;font-weight:600}.canvas-node-title-form input:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-ring)}.canvas-node-card-icon{color:var(--sf-text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.canvas-node-card-icon svg{display:block}.canvas-node-card-dot{background:var(--sf-text-muted);border:2px solid var(--sf-panel);border-radius:999px;width:10px;height:10px;position:absolute;bottom:-3px;right:-3px}.canvas-node-card-dot[data-config-complete=true]{background:var(--sf-brand)}.canvas-node-card-port-actions{pointer-events:none;width:100%;z-index:var(--sf-z-canvas-node-controls);position:absolute;top:50%;left:0;transform:translateY(-50%)}.canvas-node-card-port-actions>*{pointer-events:auto}.canvas-node-card-port-actions .canvas-node-quick-add>button{transform:none}.canvas-node-card-port-actions>.canvas-node-quick-add[data-direction=left]{left:calc(-1 * (var(--sf-flow-control-size,32px) + var(--sf-flow-control-gap,12px)));position:absolute;top:0;transform:translateY(-50%)}.canvas-node-card-port-actions>.canvas-node-quick-add[data-direction=right]{left:calc(100% + var(--sf-flow-control-gap,12px));position:absolute;top:0;transform:translateY(-50%)}:is(.canvas-node-card[data-node-tone=indigo] .canvas-node-card-dot[data-config-complete=true],.canvas-node-card[data-node-tone=violet] .canvas-node-card-dot[data-config-complete=true],.canvas-node-card[data-node-tone=gold] .canvas-node-card-dot[data-config-complete=true]){background:var(--sf-brand)}.canvas-node-card-extra{display:none}.canvas-node-card-body{flex-direction:column;gap:12px;padding:0}.canvas-node-card-connected-reference{color:var(--sf-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;display:inline-flex}.canvas-node-card-connected-reference svg{color:var(--sf-text-muted)}@supports (color:color-mix(in lab,red,red)){.canvas-node-card-connected-reference svg{color:color-mix(in srgb,var(--sf-text-muted) 64%,transparent)}}.canvas-node-card-connected-reference b{color:var(--sf-text-secondary);font-size:14px;font-weight:600;line-height:1.35}.canvas-node-card-connected-reference small{color:var(--sf-text-muted);font-size:12px;line-height:1.4}.canvas-node-card-audio-empty-shell{--canvas-node-card-replace-button-inset:0px;flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.canvas-node-card-connected-reference .canvas-node-card-video-processing-icon{color:var(--sf-brand);animation:canvas-node-card-video-processing-spin 1.4s linear infinite}@keyframes canvas-node-card-video-processing-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.canvas-node-card-video-access-error b{color:var(--sf-danger)}.canvas-node-card-error{white-space:normal;overflow-wrap:anywhere;border:1px solid #d94f4557;border-radius:8px;line-height:1.35}.canvas-node-card-asset-unavailable,.canvas-node-card-error{background:var(--sf-danger-soft);color:var(--sf-danger);margin:12px 0 0;padding:6px 8px;font-size:12px}.canvas-node-card-asset-unavailable{border:1px solid var(--sf-danger);border-radius:8px;width:max-content;font-weight:700;display:inline-flex}.canvas-node-card-upload-progress{flex-direction:column;align-items:center;gap:6px;width:100%;margin:12px 0 0;display:flex}.canvas-node-card-upload-progress--processing{gap:8px}.canvas-node-card-upload-progress-bar{background:var(--sf-text-muted)}@supports (color:color-mix(in lab,red,red)){.canvas-node-card-upload-progress-bar{background:color-mix(in srgb,var(--sf-text-muted) 18%,transparent)}}.canvas-node-card-upload-progress-bar{border-radius:999px;width:100%;height:6px;overflow:hidden}.canvas-node-card-upload-progress-fill{background:var(--sf-brand);border-radius:999px;height:100%;transition:width .18s}.canvas-node-card-processing-indicator{justify-content:center;align-items:center;gap:6px;height:10px;display:inline-flex}.canvas-node-card-processing-dot{background:var(--sf-brand);border-radius:999px;width:6px;height:6px;animation:canvas-node-card-processing-pulse 1.1s ease-in-out infinite;display:block}.canvas-node-card-processing-dot:nth-child(2){animation-delay:.18s}.canvas-node-card-processing-dot:nth-child(3){animation-delay:.36s}@keyframes canvas-node-card-processing-pulse{0%,80%,to{opacity:.28;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.canvas-node-card-upload-progress-text{color:var(--sf-text-muted);font-size:11px;font-weight:600;line-height:1.2}.canvas-node-card-upload-error{background:var(--sf-danger-soft);border:1px solid var(--sf-danger);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;margin:12px 0 0;padding:8px 10px;display:flex}.canvas-node-card-upload-error__body{flex-direction:column;gap:2px;min-width:0;display:flex}.canvas-node-card-upload-error__message{color:var(--sf-danger);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.35}.canvas-node-card-upload-error__hint{color:var(--sf-danger);opacity:.86;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.canvas-node-card-upload-error__actions{flex:none;align-items:center;gap:4px;display:inline-flex}.canvas-node-card-upload-error__retry{background:var(--sf-danger);color:var(--sf-canvas-text-primary);cursor:pointer;white-space:nowrap;border:0;border-radius:6px;align-items:center;gap:4px;height:26px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.canvas-node-card-upload-error__retry:focus-visible,.canvas-node-card-upload-error__retry:hover:not(:disabled){opacity:.88;outline:none}.canvas-node-card-upload-error__close{color:var(--sf-danger);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.canvas-node-card-upload-error__close:focus-visible,.canvas-node-card-upload-error__close:hover:not(:disabled){background:var(--sf-danger-soft);outline:none}.canvas-node-card-try{background:0 0;border-radius:0;min-width:0;padding:0;display:grid}.canvas-node-card-try-list{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.canvas-node-card-try--media-empty{color:var(--sf-text-muted);flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.canvas-node-card-file-input{display:none}.canvas-node-card-image-preview,.canvas-node-card-image-preview__frame{flex:auto;align-items:center;width:100%;min-width:0;min-height:0;display:flex;position:relative}.canvas-node-card-image-preview__frame{background:var(--sf-panel-subtle,var(--app-dialog-control));color:var(--sf-text-muted,var(--app-dialog-muted));border:0;border-radius:11px;justify-content:center;height:100%;overflow:hidden}.canvas-image-grid-cut-busy-overlay{border-radius:inherit;pointer-events:auto;z-index:6;background:#0506077a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-image-grid-cut-busy-overlay__content{color:var(--foreground);text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:min(280px,100% - 32px);padding:12px 16px;display:inline-flex}.canvas-image-grid-cut-busy-overlay__content b{letter-spacing:0;font-size:16px;font-weight:800;line-height:1.2}.canvas-image-grid-cut-busy-overlay__spinner{color:var(--sf-canvas-brand-accent,var(--sf-brand));animation:canvas-storyboard-busy-spin .9s linear infinite}@media (prefers-reduced-motion:reduce){.canvas-image-grid-cut-busy-overlay__spinner{animation:none}}.canvas-node-card-image-preview__frame:before,.video-preview-player--canvas.video-preview-player--playable:before{background:linear-gradient(110deg,transparent 0,var(--sf-canvas-hover-surface-strong) 46%,transparent 82%);content:"";opacity:0;pointer-events:none;z-index:1;transition:opacity .18s ease-out;position:absolute;inset:0;transform:translate(-100%)}.canvas-node-card-image-preview__frame[data-load-state=loading]:before,.video-preview-player--canvas.video-preview-player--playable[data-load-state=loading]:before{opacity:.55;animation:sf-asset-cover-skeleton 1.35s ease-in-out infinite}.canvas-node-card-image-preview__frame img{object-fit:cover;opacity:0;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .18s ease-out;display:block}.canvas-node-card-image-preview__frame[data-load-state=loaded] img{opacity:1}.canvas-node-card-image-preview__frame:not([data-load-state=loaded]) img{transform:none}.canvas-node-card-image-preview__retry{color:var(--sf-text-secondary);text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.canvas-node-card-image-preview__retry>svg{color:var(--sf-text-muted)}.canvas-node-card-image-preview__retry b{color:var(--sf-text-secondary);font-size:14px;font-weight:600;line-height:1.35}.canvas-node-card-image-preview__retry button{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-strong);color:var(--sf-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex}.canvas-node-card-image-preview__retry button:focus-visible,.canvas-node-card-image-preview__retry button:hover{border-color:var(--sf-brand);color:var(--sf-brand);outline:none}.canvas-node-card-image-preview__retry-icon--loading{animation:canvas-node-card-image-retry-spin .9s linear infinite}.canvas-node-card-image-preview__retry button:disabled{cursor:wait;opacity:.72}@keyframes canvas-node-card-image-retry-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.canvas-node-card-image-preview__retry-icon--loading{animation:none}}.canvas-node-card-video-preview{background:var(--sf-panel-subtle,var(--app-dialog-control));border-radius:11px;flex:auto;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-node-card-video-preview__player{object-fit:cover;background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;display:block}.canvas-node-card-audio-preview-shell{flex:auto;width:100%;min-width:0;min-height:0;display:flex;position:relative}.canvas-node-card-audio-preview{background:0 0;border-radius:11px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;width:100%;min-width:0;min-height:96px;padding:18px;display:flex;position:relative;overflow:hidden}.canvas-node-card-audio-preview__media{display:none}.canvas-node-card-audio-preview__waveform-shell{flex-direction:column;flex:0 0 240px;gap:4px;width:100%;height:240px;display:flex}.canvas-node-card-audio-preview__waveform{flex:auto;justify-content:center;align-items:center;gap:3px;width:100%;min-height:0;display:flex}.canvas-node-card-audio-preview__waveform-status{color:var(--sf-text-tertiary);text-align:center;flex:none;font-size:10px;line-height:12px}.canvas-node-card-audio-preview__bar{background:var(--sf-canvas-border-soft);border-radius:999px;flex:none;width:3px;min-height:12%;transition:background .16s}.canvas-node-card-audio-preview__bar[data-active=true]{background:var(--sf-canvas-brand-accent)}.canvas-node-card-audio-preview[data-audio-playing=true] .canvas-node-card-audio-preview__waveform[data-waveform-source=placeholder] .canvas-node-card-audio-preview__bar{animation:canvas-audio-wave .9s ease-in-out infinite alternate}@keyframes canvas-audio-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.canvas-node-card-audio-preview__transport{z-index:1;align-items:center;gap:10px;width:auto;display:flex;position:absolute;bottom:18px;left:18px}.canvas-node-card-audio-preview__play{color:var(--sf-canvas-brand-accent);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.canvas-node-card-audio-preview__play:hover{color:var(--sf-canvas-brand-strong)}.canvas-node-card-audio-preview__time{color:var(--sf-text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.canvas-node-card-audio-preview__player{background:var(--sf-canvas-hover-surface);border:1px solid var(--sf-canvas-border-soft);color-scheme:dark;border-radius:999px;width:100%;min-width:0;display:block}.canvas-node-card-audio-preview__state{color:var(--sf-text-secondary);text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.canvas-node-card-audio-preview__state svg{color:var(--sf-canvas-brand-accent)}.canvas-node-card-audio-preview__state b{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;line-height:1.35;overflow:hidden}.canvas-node-card-audio-preview__state small{color:var(--sf-text-muted);font-size:12px;line-height:1.35}.canvas-node-card-audio-preview__state--error b{color:var(--sf-danger)}.canvas-node-card-audio-preview__state button{background:var(--sf-panel-subtle);border:1px solid var(--sf-canvas-brand-border);color:var(--foreground);cursor:pointer;border-radius:999px;height:30px;padding:0 12px;font-size:12px;font-weight:800}.canvas-node-card-audio-preview__state button:hover{background:var(--sf-canvas-hover-surface-strong)}.video-preview-player--canvas .video-preview-player__status{background:var(--sf-canvas-overlay);border:1px solid var(--sf-danger);color:var(--sf-canvas-text-primary);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 8px;font-size:11px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.video-preview-player--canvas .video-preview-player__status>span{overflow-wrap:anywhere;flex:auto;min-width:0}.canvas-node-card-image-replace{color:#ffffffeb;cursor:pointer;opacity:0;pointer-events:none;min-height:44px;right:var(--canvas-node-card-replace-button-inset);top:var(--canvas-node-card-replace-button-inset);white-space:nowrap;background:#000000bf;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;line-height:1;transition:opacity .16s,background-color .14s,border-color .14s,color .14s;display:inline-flex;position:absolute}:is(.canvas-node:hover,.canvas-node-card-selected,.canvas-node-card-highlighted) .canvas-node-card-image-replace{opacity:1;pointer-events:auto}.canvas-node-card-image-replace:disabled{cursor:not-allowed}:is(.canvas-node:hover,.canvas-node-card-selected,.canvas-node-card-highlighted) .canvas-node-card-image-replace:disabled{opacity:.52;pointer-events:none}.canvas-node-card-image-replace:not(:disabled):hover{border-color:var(--sf-canvas-brand-border);color:#fff;background:#000000d9}.canvas-node-card-image-replace--replacing{cursor:progress}:is(.canvas-node:hover,.canvas-node-card-selected,.canvas-node-card-highlighted) .canvas-node-card-image-replace--replacing{opacity:.72}.canvas-node-card[data-selection-controls=hidden] .canvas-node-card-image-replace{opacity:0;pointer-events:none}.canvas-node-card-image-replace--replacing svg{animation:canvas-node-card-video-processing-spin 1s linear infinite}.canvas-node-card-media-processing,.canvas-node-card-media-uploading{background:var(--sf-panel-subtle,var(--app-dialog-control));isolation:isolate;flex:auto;width:100%;min-width:0;min-height:252px;display:block;position:relative;overflow:hidden}.canvas-node-card-media-processing:before,.canvas-node-card-media-uploading:before{background:linear-gradient(110deg,transparent 0,var(--sf-canvas-hover-surface-strong) 46%,transparent 82%);content:"";opacity:.55;pointer-events:none;animation:sf-asset-cover-skeleton 1.35s ease-in-out infinite;position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.canvas-node-card-media-processing:before,.canvas-node-card-media-uploading:before{animation:none;transform:none}}.canvas-node-card-media-generating{animation:var(--canvas-media-generation-animation,canvas-media-generation-wave 2.6s ease-in-out infinite);background:linear-gradient(128deg,var(--sf-brand-strong) 0,var(--sf-brand) 34%,var(--sf-canvas-brand-accent) 58%,var(--sf-brand) 78%,var(--sf-brand-strong) 100%);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-node-card-media-generating{background:linear-gradient(128deg,color-mix(in srgb,var(--sf-brand-strong) 78%,#000) 0,var(--sf-brand) 34%,var(--sf-canvas-brand-accent) 58%,var(--sf-brand) 78%,color-mix(in srgb,var(--sf-brand-strong) 82%,#000) 100%)}}.canvas-node-card-media-generating{color:var(--sf-user-brand-ink);isolation:isolate;text-align:center;background-size:240% 240%;flex-direction:column;flex:auto;justify-content:center;gap:18px;width:100%;min-width:0;min-height:252px;padding:24px;display:flex;position:relative;overflow:hidden}.canvas-node-card-media-generating:before{animation:var(--canvas-media-generation-sheen-animation,canvas-media-generation-sheen 2.4s ease-in-out infinite);background:linear-gradient(118deg,transparent 0,transparent 18%,var(--sf-brand) 28%,var(--sf-brand) 36%,var(--sf-canvas-brand-accent) 44%,#fff 50%,var(--sf-canvas-brand-accent) 56%,var(--sf-brand) 64%,var(--sf-brand) 72%,transparent 82%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){.canvas-node-card-media-generating:before{background:linear-gradient(118deg,transparent 0,transparent 18%,color-mix(in srgb,var(--sf-brand) 10%,transparent) 28%,color-mix(in srgb,var(--sf-brand) 22%,transparent) 36%,color-mix(in srgb,var(--sf-canvas-brand-accent) 34%,transparent) 44%,color-mix(in srgb,#fff 28%,var(--sf-brand)) 50%,color-mix(in srgb,var(--sf-canvas-brand-accent) 34%,transparent) 56%,color-mix(in srgb,var(--sf-brand) 22%,transparent) 64%,color-mix(in srgb,var(--sf-brand) 10%,transparent) 72%,transparent 82%,transparent 100%)}}.canvas-node-card-media-generating:before{content:"";pointer-events:none;z-index:0;position:absolute;inset:-45%}[data-node-card-generating-content=true]{z-index:1;flex-direction:column;align-items:center;gap:10px;min-width:0;line-height:1.2;display:inline-flex;position:relative}[data-node-card-generating-content=true] svg{color:inherit}[data-node-card-generating-content=true] b{letter-spacing:0;font-size:15px;font-weight:800}[data-node-card-generating-content=true] small{color:inherit;max-width:260px;font-size:12px;font-weight:600;line-height:1.5}[data-node-card-media-cancel=true]{border:1px solid var(--sf-canvas-brand-border);color:var(--sf-brand);cursor:pointer;z-index:1;border-radius:999px;height:34px;padding:0 14px;font-size:13px;font-weight:800;line-height:1;position:relative}[data-node-card-media-cancel=true],[data-node-card-media-cancel=true]:hover{background:var(--sf-user-brand-ink)}@supports (color:color-mix(in lab,red,red)){[data-node-card-media-cancel=true]:hover{background:color-mix(in srgb,var(--sf-user-brand-ink) 80%,#000)}}[data-node-card-media-cancel=true]:hover{border-color:var(--sf-canvas-brand-accent);color:var(--sf-brand-strong)}@keyframes canvas-media-generation-wave{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes canvas-media-generation-sheen{0%{transform:translate(-32%,-14%)rotate(.001deg)}50%{transform:translate(22%,12%)rotate(.001deg)}to{transform:translate(-32%,-14%)rotate(.001deg)}}@media (prefers-reduced-motion:reduce){[data-node-card-content=media-generating]{--canvas-media-generation-animation:none;--canvas-media-generation-sheen-animation:none}.canvas-node-card-image-preview__frame img,.canvas-node-card-image-preview__frame:before,.video-preview-player--canvas.video-preview-player--playable:before{transition:none;animation:none}}.canvas-image-asset-toolbar{box-shadow:0 18px 36px var(--sf-canvas-shadow-popover),inset 0 1px 0 var(--sf-canvas-hairline);pointer-events:auto;max-width:min(920px,100vw - 64px);min-height:48px;left:50%;top:calc(-8px - (48px * var(--sf-flow-inverse-zoom,1)));transform:translateX(-50%) scale(var(--sf-flow-inverse-zoom,1));transform-origin:top;white-space:nowrap;width:max-content;z-index:var(--sf-z-canvas-inline-popover);flex-wrap:nowrap;align-items:center;gap:6px;padding:8px 10px;display:inline-flex;position:absolute;overflow:visible}.canvas-image-asset-toolbar.canvas-text-editor-toolbar{border-radius:999px;flex-wrap:nowrap;gap:6px;padding:8px 10px;display:inline-flex}.canvas-image-asset-toolbar.canvas-text-editor-toolbar button{border-radius:999px}.canvas-image-asset-more{align-items:center;display:inline-flex;position:relative}.canvas-image-asset-more-menu{background:var(--sf-panel)}@supports (color:color-mix(in lab,red,red)){.canvas-image-asset-more-menu{background:color-mix(in srgb,var(--sf-panel) 94%,#000)}}.canvas-image-asset-more-menu{border:1px solid var(--sf-canvas-border-strong);box-shadow:0 18px 42px var(--sf-canvas-shadow-popover),inset 0 1px 0 var(--sf-canvas-hairline);z-index:1;border-radius:14px;gap:4px;min-width:112px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.canvas-image-asset-toolbar button{color:var(--sf-text-secondary);cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-width:30px;height:30px;padding:0 8px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.canvas-image-asset-toolbar button[data-icon-only=true]{justify-content:center;width:30px;padding:0}button.canvas-image-asset-more-item[role=menuitem]{border-radius:10px;justify-content:flex-start;gap:8px;width:100%;height:34px;padding:0 10px;font-size:13px;font-weight:700}.canvas-image-asset-toolbar button:disabled{cursor:not-allowed;opacity:.48}.canvas-image-asset-toolbar button:not(:disabled):hover{background:var(--sf-panel-subtle);border-color:var(--sf-canvas-brand-border);color:var(--foreground)}.canvas-image-asset-toolbar button:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-ring);outline:none}.canvas-image-asset-toolbar-divider{background:var(--border);opacity:.74;width:1px;height:26px;margin:0 4px;display:inline-flex}.canvas-grid-crop-cascade,.canvas-storyboard-toolbar__grid-control{align-items:center;display:inline-flex;position:relative}.canvas-storyboard-toolbar__spinner{animation:canvas-storyboard-busy-spin .9s linear infinite}@media (prefers-reduced-motion:reduce){.canvas-storyboard-toolbar__spinner{animation:none}}.canvas-grid-crop-menu,.canvas-storyboard-toolbar__custom-grid{background:var(--sf-canvas-surface-dialog);border:1px solid var(--sf-canvas-border-strong);box-shadow:0 18px 42px var(--sf-canvas-shadow-popover),inset 0 1px 0 var(--sf-canvas-hairline);z-index:1;border-radius:12px;gap:4px;min-width:188px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.canvas-image-asset-toolbar [data-grid-crop-menu] :is(.canvas-grid-crop-menu__item,.canvas-grid-crop-menu__back,.canvas-grid-crop-menu__confirm){border-radius:8px;justify-content:space-between;width:100%;height:auto;min-height:34px;padding:7px 9px}.canvas-image-asset-toolbar [data-grid-crop-menu] [data-grid-crop-menu-item]:has(>small){white-space:normal;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}[data-grid-crop-menu-item]>span{text-align:left;line-height:1.25;display:block}[data-grid-crop-menu-item]:has(>small)>span{width:100%}[data-grid-crop-menu-item]>small{color:var(--sf-text-muted);text-align:left;white-space:normal;width:100%;font-size:11px;font-weight:500;line-height:1.35;display:block}.canvas-grid-crop-menu__custom-fields,[aria-label=自定义分镜网格]{align-items:center;gap:6px;display:flex}[aria-label=自定义分镜网格]{min-width:246px}[aria-label=自定义分镜网格] .sf-app-select-trigger,[data-grid-crop-custom-fields] .sf-app-select-trigger{min-width:64px}.canvas-storyboard-toolbar .sf-app-select-trigger{height:30px;min-height:30px}.canvas-grid-crop-menu--custom{min-width:228px}.canvas-image-asset-more>button>svg[data-open]{transform:rotate(180deg)}.canvas-image-asset-more>button>svg{transition:transform .14s}.canvas-video-frame-capture{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.canvas-video-frame-capture__player{background:#000;border-radius:14px;justify-content:center;align-items:center;height:380px;display:flex;overflow:hidden}.canvas-video-frame-capture__video{object-fit:contain;width:100%;max-width:100%;height:100%}.canvas-video-frame-capture__placeholder{color:var(--sf-text-secondary);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;display:flex}.canvas-video-frame-capture__placeholder small{color:var(--sf-text-tertiary,var(--sf-text-secondary));font-size:12px}.canvas-video-frame-capture__spinner{animation:canvas-video-frame-capture-spin .9s linear infinite}@keyframes canvas-video-frame-capture-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.canvas-video-frame-capture__spinner{animation-duration:.01ms;animation-iteration-count:1}}.canvas-video-frame-capture__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.canvas-video-frame-capture__action{background:var(--sf-panel-subtle);border:1px solid var(--border);color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.canvas-video-frame-capture__action:not(:disabled):hover{border-color:var(--sf-canvas-brand-border)}.canvas-video-frame-capture__action:disabled{cursor:not-allowed;opacity:.5}.canvas-video-frame-capture__action--primary{background:var(--sf-brand,var(--foreground));color:var(--sf-brand-foreground,#000);border-color:#0000}.canvas-video-frame-capture__error{color:var(--sf-danger,#ef4444);text-align:center;margin:0;font-size:13px}.canvas-video-frame-capture__frames h3{color:var(--sf-text-secondary);margin:0 0 10px;font-size:13px;font-weight:700}.canvas-video-frame-capture__empty{color:var(--sf-text-secondary);margin:0;font-size:13px}.canvas-video-frame-capture__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.canvas-video-frame-capture__cell{border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}.canvas-video-frame-capture__cell img{width:100%;height:auto;display:block}.canvas-video-frame-capture__remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:6px;right:6px}.canvas-video-asset-lightbox-dialog .app-dialog-body{padding:0}.canvas-video-asset-lightbox-dialog .canvas-video-asset-lightbox{background:0 0;border-radius:0;width:100%;height:100%;min-height:0}.canvas-video-asset-lightbox-dialog .video-preview-player__media--lightbox{width:100%;height:100%;max-height:100%}.canvas-audio-asset-lightbox-dialog .app-dialog-body{justify-content:center;align-items:center;padding:0;display:flex}.canvas-audio-asset-lightbox-dialog .canvas-audio-asset-lightbox{justify-content:center;align-items:center;width:min(720px,100%);max-width:720px;padding:32px;display:flex}.canvas-node-card-try-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;justify-content:flex-start;align-items:center;gap:12px;width:auto;min-width:0;max-width:100%;min-height:38px;padding:10px 18px 10px 14px;display:flex}.canvas-node-card-try-item:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-ring);outline:none}.canvas-node-card-try-item svg{flex:none}.canvas-node-card-try-item span{color:currentColor;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:100%;font-size:14px;line-height:1.2;overflow:hidden}.canvas-node-card-try-item:hover{color:#fff;background:#ffffff17;font-weight:700}.canvas-node-card-text-output{color:var(--foreground);overscroll-behavior:contain;scrollbar-color:var(--sf-shared-scrollbar-thumb) transparent;scrollbar-width:thin;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;gap:12px;min-height:96px;max-height:360px;padding:0;display:grid;overflow-y:auto}.canvas-node-card-text-output::-webkit-scrollbar{width:6px}.canvas-node-card-text-output::-webkit-scrollbar-thumb{background:var(--sf-shared-scrollbar-thumb);border-radius:999px}.canvas-node-card-text-output::-webkit-scrollbar-track{background:0 0}.canvas-node-card-text-output[data-streaming=true]{grid-template-rows:auto 1fr;min-height:218px}.canvas-node-card-text-output[data-editable=true]{cursor:text}.canvas-node-card[data-node-type=text][data-readonly=false]:not(.canvas-node-card-text-editor-mode),.canvas-node-card[data-node-type=text][data-readonly=false]:not(.canvas-node-card-text-editor-mode) .canvas-node-card-text-output,.canvas-node-card[data-node-type=text][data-readonly=false]:not(.canvas-node-card-text-editor-mode) .canvas-text-write-placeholder{cursor:grab;-webkit-user-select:none;user-select:none}.canvas-node-card[data-node-type=text][data-readonly=false]:not(.canvas-node-card-text-editor-mode):active,.canvas-node-card[data-node-type=text][data-readonly=false]:not(.canvas-node-card-text-editor-mode):active .canvas-node-card-text-output,.canvas-node-card[data-node-type=text][data-readonly=false]:not(.canvas-node-card-text-editor-mode):active .canvas-text-write-placeholder{cursor:grabbing}.canvas-node-card-plain-text{color:var(--foreground);overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.55;display:block}.canvas-node-card-text-skeleton{gap:14px;padding:2px;display:grid}.canvas-node-card-text-skeleton span{background:linear-gradient(90deg,#fff3,#ffffff5c,#fff3);border-radius:999px;height:12px;animation:sf-pulse 1.6s ease-in-out infinite;display:block}.canvas-node-card-text-skeleton span:first-child{width:92%}.canvas-node-card-text-skeleton span:nth-child(2){width:70%}.canvas-node-card-text-skeleton span:nth-child(3){width:43%}.canvas-node-card-text-cancel{color:var(--sf-text-secondary);cursor:pointer;background:0 0;border:0;place-self:end center;padding:6px 12px;font-size:14px;font-weight:800}.canvas-node-card-text-cancel:hover{color:var(--foreground)}.canvas-node-card-selected .canvas-node-card-try-item[aria-pressed=true]{color:var(--foreground);background:#0003;border-color:#0000;font-weight:700}.canvas-node-card-selected .canvas-node-card-try-item[aria-pressed=true] span{color:var(--foreground)}.canvas-node-card-expanded{cursor:default;-webkit-user-select:text;user-select:text;gap:10px;width:100%;min-height:240px;max-height:min(420px,100vh - 220px);padding:0 10px 10px;display:grid;overflow-y:auto}.canvas-node-card-text-editor-mode{min-width:290px}.canvas-node-card-text-editor-mode .canvas-node-card-header{pointer-events:none;visibility:hidden}.canvas-node-card-text-editor-mode .canvas-node-card-surface{cursor:text;min-height:252px}.canvas-node-card-text-editor-mode .canvas-node-card-surface:has(.canvas-text-write-panel[data-card-expanded=true]){min-height:420px}.canvas-node-card-text-editor-mode .canvas-node-card-expanded{flex:auto;width:100%;min-height:216px;max-height:none;padding:0;display:flex;overflow:visible}.canvas-node-card-text-editor-mode .canvas-node-card-expanded:has(.canvas-text-write-panel[data-card-expanded=true]){min-height:420px}.canvas-node-card-text-editor-mode .canvas-inline-node-editor{flex:auto;width:100%;height:100%;min-height:0}.canvas-node-card-text-editor-mode .canvas-inline-node-editor:has(.canvas-text-write-panel[data-card-expanded=true]){min-height:420px}.canvas-node-card-expanded span{color:inherit;font-size:inherit}.canvas-node-card-ports span{border:2px solid var(--sf-canvas);border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.canvas-node-card-ports span:first-child{background:var(--sf-text-muted);left:-7px}.canvas-node-card-ports span:last-child{background:var(--sf-brand);right:-7px}.canvas-bottom-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--sf-z-canvas-chrome);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:5px 6px;display:flex;position:absolute;bottom:18px;left:16px;right:auto;box-shadow:0 18px 42px #0000005c}.canvas-bottom-controls button{color:#fff;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;display:inline-flex}.canvas-bottom-controls button:hover,.canvas-bottom-controls button[aria-pressed=true]{background:var(--sf-brand-soft);color:var(--sf-brand)}.canvas-bottom-controls button:disabled:hover{color:#7b8797;background:0 0}.canvas-bottom-controls input[type=range]{appearance:none;background:linear-gradient(90deg,var(--sf-brand) 0,var(--sf-brand) var(--sf-zoom-progress,47.37%),var(--sf-canvas-glass-track) var(--sf-zoom-progress,47.37%),var(--sf-canvas-glass-track) 100%);border-radius:999px;width:112px;height:4px}.canvas-bottom-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sf-brand);box-shadow:0 0 0 7px var(--sf-canvas-brand-tint);border:0;border-radius:999px;width:14px;height:14px}.canvas-bottom-controls input[type=range]::-moz-range-thumb{background:var(--sf-brand);box-shadow:0 0 0 7px var(--sf-canvas-brand-tint);border:0;border-radius:999px;width:14px;height:14px}.canvas-node-context-menu{background:var(--sf-canvas-surface-raised);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--sf-canvas-hairline),0 18px 36px #00000057;color:var(--foreground);scrollbar-width:none;width:min(182px,100vw - 24px);max-height:calc(100dvh - 24px);z-index:var(--sf-z-context-menu);border-radius:14px;gap:6px;padding:8px;display:grid;position:fixed;overflow:auto}.canvas-node-context-menu::-webkit-scrollbar{display:none}.canvas-node-context-menu button{color:#f4f5f6f5;cursor:pointer;font:inherit;letter-spacing:0;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:13px;font-weight:700;line-height:1.2;display:flex;position:relative}.canvas-node-context-menu button:hover:not(:disabled){background:#ffffff0f}.canvas-node-context-menu button[data-menu-primary=true]{background:var(--sf-canvas-hover-surface)}.canvas-node-context-menu button[data-menu-divider=before]{margin-top:8px}.canvas-node-context-menu button[data-menu-divider=before]:before{content:"";background:#ffffff14;height:1px;position:absolute;top:-7px;left:0;right:0}.canvas-node-context-menu button svg{color:#f4f5f66b;flex:none}.canvas-node-context-menu button:disabled{color:#f4f5f657;cursor:not-allowed;background:0 0}.canvas-node-context-menu button:disabled:hover{background:0 0}.canvas-node-context-menu button:has(kbd){justify-content:space-between}.canvas-node-context-menu button kbd{color:var(--sf-context-menu-shortcut-color,var(--sf-canvas-text-muted));font:inherit;letter-spacing:0;margin-left:18px;font-size:12px;font-weight:700}.canvas-node-context-menu button:disabled kbd{color:var(--sf-context-menu-shortcut-disabled-color,var(--sf-canvas-text-muted));opacity:.52}.canvas-pane-context-menu{--sf-context-menu-shortcut-color:var(--sf-canvas-text-muted);--sf-context-menu-shortcut-disabled-color:var(--sf-canvas-text-muted)}.canvas-node-creation{box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;gap:16px;margin:0;padding:0;display:contents}.canvas-node-creation button{color:var(--sf-text-secondary);background:0 0;border:0;border-radius:10px;min-width:44px;min-height:56px;padding:4px 2px;font-size:14px;font-weight:700}.canvas-node-creation button:hover{color:var(--foreground)}.canvas-node-creation>button:first-child{background:var(--foreground);color:var(--background);border-radius:999px;width:44px;height:44px;min-height:44px;margin-bottom:0;transition:size .15s,color .15s}.canvas-node-creation>button:first-child:hover{background:var(--foreground);color:var(--background);transform:scale(.95)}.canvas-node-library-panel{-ms-overflow-style:none;background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-hairline);box-shadow:0 22px 70px #00000075,inset 0 1px 0 var(--sf-canvas-hairline);color:var(--foreground);scrollbar-width:none;width:min(268px,100vw - 32px);max-height:min(640px,100dvh - 96px);z-index:var(--sf-z-canvas-node-quick-add);border-radius:22px;gap:8px;padding:14px 12px 16px;display:grid;position:absolute;top:-104px;left:72px;overflow-y:auto}.canvas-node-library-panel::-webkit-scrollbar{display:none}.canvas-node-library-group{gap:6px;display:grid}.canvas-node-library-group h3{color:#8f9297;margin:0;padding:10px 10px 2px;font-size:12px;font-weight:650;line-height:1.2}.canvas-node-library-list{gap:6px;display:grid}.canvas-node-library-list button{text-align:left;background:0 0;border:0;border-radius:16px;grid-template-columns:32px minmax(0,1fr);place-items:center start;gap:2px 8px;min-height:48px;padding:7px 10px;display:grid}.canvas-node-library-list button svg{background:var(--sf-canvas-surface-raised);box-sizing:content-box;color:var(--sf-canvas-text-primary);border-radius:10px;grid-row:span 2;align-self:center;width:16px;height:16px;padding:8px}:is(.canvas-node-library-list button span,.canvas-node-library-list button small){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-node-library-list button span{color:var(--sf-canvas-text-primary);font-size:14px;font-weight:700;line-height:1.15}.canvas-node-library-list button small{color:#8f9297;margin-top:2px;font-size:11px;font-weight:600;line-height:1.25}.canvas-node-library-list button:hover,.canvas-node-library-list button[aria-current=true]{background:var(--sf-canvas-surface-raised)}.canvas-node-library-list button:hover svg,.canvas-node-library-list button[aria-current=true] svg{background:var(--sf-canvas-surface-control);color:var(--sf-canvas-text-primary)}.canvas-node-library-list button:disabled{cursor:not-allowed}.canvas-node-library-list button:disabled small,.canvas-node-library-list button:disabled span{color:var(--sf-text-muted)}.canvas-node-library-upload-input{opacity:0;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.canvas-invalid-asset{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;gap:6px;padding:8px;font-size:12px;display:grid}.canvas-node-quick-add{position:relative}.canvas-node-quick-add>button{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-strong);color:var(--sf-text-secondary);cursor:pointer;height:var(--sf-flow-control-size,32px);width:var(--sf-flow-control-size,32px);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex;box-shadow:0 2px 8px #0000004d}.canvas-node-quick-add>button svg{height:var(--sf-flow-control-icon-size,18px);width:var(--sf-flow-control-icon-size,18px)}.canvas-node-quick-add>button:hover{background:var(--sf-canvas-surface-elevated);border-color:var(--sf-brand);color:var(--sf-brand)}@media (max-width:680px){.canvas-node-library-panel{width:calc(100vw - 32px);max-height:min(620px,100dvh - 32px);top:16px;left:16px}}@media (prefers-reduced-motion:reduce){.canvas-node-library-panel{transition:none;animation:none}}.canvas-panel-drawer{background:var(--app-dialog-surface);border:1px solid var(--app-dialog-border);box-shadow:0 24px 60px var(--sf-canvas-shadow-panel);color:var(--app-dialog-text);width:min(560px,100vw - 96px);max-height:calc(100vh - 96px);z-index:var(--sf-z-canvas-panel);border-radius:8px;gap:14px;padding:14px;display:grid;position:fixed;top:88px;right:24px;overflow:auto}.canvas-panel-drawer button{border:1px solid var(--app-dialog-border);font:inherit;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:32px;display:inline-flex}.canvas-panel-drawer header{justify-content:space-between;align-items:center;display:flex}.canvas-panel-list{gap:8px;min-width:0;display:grid}.canvas-panel-list li{color:var(--app-dialog-heading);text-align:left;gap:4px;padding:8px}.canvas-panel-empty,.canvas-panel-list li{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);border-radius:8px;display:grid}.canvas-panel-empty{color:var(--app-dialog-muted);text-align:center;align-content:center;justify-items:center;gap:8px;min-height:220px;margin:0;padding:12px}.canvas-panel-dialog-overlay{z-index:var(--sf-z-canvas-panel-overlay);background:#0000001f;align-items:stretch;padding:0;display:block;position:fixed;inset:0}.canvas-panel-drawer h2{margin:0;font-size:16px}.app-dialog-content[aria-label$=当前项目素材] .app-dialog-heading p{text-overflow:ellipsis;white-space:nowrap;max-width:none;overflow:hidden}.canvas-shortcuts-dialog__body{scrollbar-color:var(--sf-canvas-border-strong) transparent;scrollbar-width:thin;grid-template-columns:1fr;gap:14px;min-height:0;max-height:calc(100dvh - 190px);padding:0;display:grid;overflow:auto}:is(.canvas-shortcuts-section,.canvas-compliance-options label){background:var(--app-dialog-control);box-shadow:inset 0 1px 0 var(--sf-canvas-hairline);border-radius:18px}.canvas-shortcuts-section--zoom{background:var(--sf-canvas-surface-panel);border-color:var(--sf-canvas-active-surface);grid-template-columns:minmax(130px,.8fr) 62px minmax(210px,1.2fr) minmax(140px,.8fr);align-items:center;gap:14px;min-height:94px;padding:14px 16px;display:grid}.canvas-shortcuts-section__heading{grid-template-columns:28px auto;justify-content:start;align-items:center;gap:10px;display:grid}.canvas-shortcuts-preference__actions{align-items:center;gap:8px;display:flex}:is(.canvas-shortcuts-mode,.canvas-shortcuts-slider,.canvas-shortcuts-item){grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:grid}.canvas-shortcuts-item--with-icon{grid-template-columns:22px minmax(0,1fr) auto}:is(.canvas-shortcuts-section__heading strong,.canvas-shortcuts-section>strong){color:var(--sf-canvas-text-primary);align-items:center;gap:8px;font-size:14px;line-height:1.2;display:inline-flex}.canvas-shortcuts-section__heading div>span{color:var(--sf-canvas-text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.canvas-shortcuts-section__icon{width:16px}.canvas-shortcuts-section__icon svg{display:block}.canvas-shortcuts-meter{aspect-ratio:1;background:conic-gradient(var(--sf-brand) 0,var(--sf-brand) calc(var(--shortcut-meter,43) * 1%),var(--sf-canvas-border-soft) calc(var(--shortcut-meter,43) * 1%),var(--sf-canvas-border-soft) 100%);border-radius:999px;place-items:center;width:62px;min-width:62px;height:62px;padding:4px;display:grid}.canvas-shortcuts-meter span{background:var(--sf-canvas-surface-panel);border-radius:inherit;color:var(--sf-brand);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:800;display:inline-flex}.canvas-shortcuts-mode{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid}:is(.canvas-shortcuts-mode button,.canvas-shortcuts-reset){border-radius:9px;min-height:34px;padding-inline:10px}.canvas-shortcuts-mode button{color:var(--sf-canvas-text-strong);font-size:12px;font-weight:700}.canvas-shortcuts-mode button[aria-pressed=true]{background:var(--sf-brand);box-shadow:none;color:var(--sf-control-ink)}.canvas-shortcuts-slider{flex-direction:column;align-items:center;gap:9px}:is(.canvas-shortcuts-slider span,.canvas-shortcuts-section dt){color:var(--sf-canvas-text-soft);font-size:12px}.canvas-shortcuts-slider input{appearance:none;accent-color:var(--sf-brand);background:linear-gradient(to right,var(--sf-brand) 0,var(--sf-brand) calc(var(--shortcut-meter,43) * 1%),#ffffff21 calc(var(--shortcut-meter,43) * 1%),#ffffff21 100%);border-radius:999px;width:100%;min-width:0;height:5px}.canvas-shortcuts-slider input::-webkit-slider-thumb{appearance:none;background:var(--sf-brand);border:1px solid var(--sf-brand-strong);box-shadow:0 0 0 3px var(--sf-canvas-brand-tint);border-radius:999px;width:14px;height:14px}.canvas-shortcuts-slider input::-moz-range-thumb{background:var(--sf-brand);border:1px solid var(--sf-brand-strong);box-shadow:0 0 0 3px var(--sf-canvas-brand-tint);border-radius:999px;width:14px;height:14px}.canvas-shortcuts-section .canvas-shortcuts-reset{background:var(--sf-canvas-border-subtle);border:1px solid var(--sf-canvas-border-muted);color:var(--sf-canvas-text-strong);border-radius:16px;align-items:center;gap:6px;width:fit-content;min-height:28px;padding:4px 12px 4px 8px;font-size:12px;display:inline-flex}.canvas-shortcuts-groups{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;display:grid}.canvas-shortcuts-groups__stack{grid-template-rows:auto auto;gap:10px;display:grid}.canvas-shortcuts-groups .canvas-shortcuts-section{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.canvas-shortcuts-section dl{grid-auto-rows:minmax(0,1fr);gap:6px;margin:0;display:grid}.canvas-shortcuts-item{background:var(--sf-canvas-surface-control);border-radius:11px;min-height:38px;padding:7px 10px}.canvas-shortcuts-section .canvas-shortcuts-item{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:grid}.canvas-shortcuts-section .canvas-shortcuts-item--with-icon{grid-template-columns:22px minmax(0,1fr) auto;column-gap:10px}.canvas-shortcuts-section[data-shortcut-group=编辑] .canvas-shortcuts-item{min-height:48px}.canvas-shortcuts-item__icon{color:var(--sf-brand);justify-content:center;align-items:center;display:inline-flex}.canvas-shortcuts-section dd{flex-wrap:wrap;justify-content:flex-end;gap:5px;margin:0;display:flex}.canvas-shortcuts-section kbd{background:var(--sf-canvas-border-soft);color:var(--sf-canvas-text-strong);font:inherit;text-align:center;border:1px solid #ffffff1b;border-bottom-color:#ffffff2e;border-radius:8px;min-width:30px;padding:3px 8px;font-size:12px}.canvas-compliance-summary{box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;margin:0 0 6px;padding:4px 2px;display:flex}.canvas-compliance-summary strong{color:var(--sf-canvas-text-primary);font-size:14px}.canvas-compliance-summary span{color:var(--sf-brand);font-size:12px;font-weight:700}.canvas-compliance-options{gap:10px;max-height:calc(100dvh - 250px);padding:0;display:grid;overflow:auto}.canvas-compliance-options label{cursor:default;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.canvas-compliance-options input{opacity:0;width:1px;height:1px;position:absolute}.canvas-compliance-options label>span{background:var(--sf-canvas-brand-tint-strong);border:1px solid var(--sf-canvas-brand-border);color:var(--sf-brand);border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.canvas-compliance-options label>span:before{content:"✓";font-size:12px;font-weight:900;line-height:1}.canvas-compliance-options strong{color:var(--sf-canvas-text-primary);margin-bottom:4px;font-size:13px;display:block}.canvas-compliance-options p{color:var(--sf-canvas-text-subtle);margin:0;font-size:13px;line-height:1.45}.canvas-panel-toolbar{border-bottom:1px solid var(--app-dialog-divider);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:flex}.canvas-panel-toolbar__actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.canvas-panel-toolbar .canvas-panel-icon-button{color:var(--app-dialog-muted);background:0 0;border-color:#0000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0;display:inline-flex}.canvas-panel-toolbar .canvas-panel-icon-button:hover{background:var(--app-dialog-control);color:var(--app-dialog-heading)}.canvas-panel-stage-action{color:var(--app-dialog-muted);border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 10px;display:inline-flex}.canvas-panel-stage-action:disabled{cursor:not-allowed;opacity:.55}.canvas-panel-body{align-content:start;gap:12px;min-height:0;padding:12px 16px 16px;display:grid;overflow:auto}:is(.canvas-workflow-sources,.canvas-history-tabs){background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);border-radius:9px;flex-wrap:nowrap;flex:0 auto;align-items:center;gap:2px;padding:3px;display:inline-flex}:is(.canvas-workflow-sources button,.canvas-history-tabs button){color:var(--app-dialog-muted);white-space:nowrap;background:0 0;border-color:#0000;border-radius:7px;align-items:center;gap:5px;min-height:32px;padding:5px 12px;font-size:12px;transition:background-color .16s ease-out,color .16s ease-out;display:inline-flex}:is(.canvas-workflow-sources button:hover,.canvas-history-tabs button:hover){background:var(--app-dialog-control);color:var(--app-dialog-heading)}:is(.canvas-workflow-sources button:focus-visible,.canvas-history-tabs button:focus-visible){outline:2px solid var(--app-dialog-primary);outline-offset:2px}:is(.canvas-workflow-sources button[aria-pressed=true],.canvas-history-tabs button[aria-pressed=true]){background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:is(.canvas-workflow-sources button[aria-pressed=true],.canvas-history-tabs button[aria-pressed=true]){background:color-mix(in srgb,var(--sf-brand) 22%,var(--app-dialog-field-bg))}}:is(.canvas-workflow-sources button[aria-pressed=true],.canvas-history-tabs button[aria-pressed=true]){border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:is(.canvas-workflow-sources button[aria-pressed=true],.canvas-history-tabs button[aria-pressed=true]){border-color:color-mix(in srgb,var(--sf-brand) 42%,transparent)}}:is(.canvas-workflow-sources button[aria-pressed=true],.canvas-history-tabs button[aria-pressed=true]){color:var(--app-dialog-heading);font-weight:600}.canvas-asset-search{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);color:var(--app-dialog-muted);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:min(260px,30vw);min-height:36px;padding:0 13px;display:grid}.canvas-asset-search span{font-size:12px}.canvas-asset-search input{color:var(--foreground);font:inherit;background:0 0;border:0;outline:none;min-width:0}.canvas-asset-search input:focus-visible{box-shadow:0 0 0 2px var(--app-dialog-focus-ring);border-radius:4px}.canvas-asset-search input::placeholder{color:var(--sf-text-muted);opacity:1}.canvas-asset-card--upload{border-color:var(--app-dialog-border)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card--upload{border-color:color-mix(in srgb,var(--app-dialog-border) 78%,transparent)}}.canvas-asset-card--upload{border-style:dashed}.canvas-asset-card--upload:hover{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card--upload:hover{border-color:color-mix(in srgb,var(--sf-brand) 60%,var(--app-dialog-border))}}.canvas-asset-card--upload .sf-upload-panel{background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;gap:8px;height:auto;min-height:242px;padding:0;display:flex}.canvas-asset-card--upload .sf-eyebrow{display:none}.canvas-asset-card--upload .sf-upload-drop-zone{flex:none;min-height:0;display:flex}.canvas-asset-card--upload .sf-upload-trigger{color:var(--app-dialog-muted);cursor:pointer;text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;width:100%;min-width:0;min-height:190px;margin:0;padding:20px 14px;display:flex}.canvas-asset-card--upload .sf-upload-trigger:after{content:"";background:#e8a33d;flex:none;order:-1;width:34px;height:34px;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.canvas-asset-card--upload .sf-upload-trigger[data-upload-state]:after{content:none}.canvas-asset-card--upload .sf-upload-trigger>span:not(.sf-upload-hint):not(.upload-trigger-progress){color:var(--app-dialog-heading);font-size:13px;font-weight:650}.canvas-asset-card--upload .sf-upload-hint{color:var(--app-dialog-muted);font-size:11px;font-weight:500;line-height:1.45}.canvas-asset-card--upload .sf-upload-file-input{opacity:0;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.canvas-asset-card--upload .sf-list{flex-direction:column;gap:6px;padding:0 12px 12px;display:flex}.canvas-asset-card--upload .sf-list:empty{display:none}.canvas-asset-card--upload .sf-error{color:var(--sf-danger)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card--upload .sf-error{color:color-mix(in srgb,var(--sf-danger) 82%,white 18%)}}.canvas-asset-card--upload .sf-error{margin:0;padding:0 12px 12px;font-size:11px;font-weight:650;line-height:1.45}:is(.canvas-asset-filters,.canvas-workflow-categories){scrollbar-width:none;flex-wrap:nowrap;gap:6px;overflow-x:auto}:is(.canvas-asset-filters,.canvas-workflow-categories,.canvas-workflow-stage-actions){min-width:0;display:flex}:is(){display:none}.canvas-asset-filters--primary{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);border-radius:9px;gap:2px;padding:3px}.canvas-asset-filters--primary button{background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 12px}.canvas-asset-filters--primary button[aria-pressed=true]{background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-filters--primary button[aria-pressed=true]{background:color-mix(in srgb,var(--sf-brand) 22%,var(--app-dialog-field-bg))}}.canvas-asset-filters--primary button[aria-pressed=true]{color:var(--app-dialog-heading);border-color:#0000;font-weight:600}:is(.canvas-asset-filters:not(.canvas-asset-filters--primary),.canvas-workflow-categories) button{background:0 0;border:1px solid #0000;border-radius:999px;padding:4px 12px}:is(.canvas-asset-filters:not(.canvas-asset-filters--primary),.canvas-workflow-categories) button[aria-pressed=true]{background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:is(.canvas-asset-filters:not(.canvas-asset-filters--primary),.canvas-workflow-categories) button[aria-pressed=true]{background:color-mix(in srgb,var(--sf-brand) 14%,transparent)}}:is(.canvas-asset-filters:not(.canvas-asset-filters--primary),.canvas-workflow-categories) button[aria-pressed=true]{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:is(.canvas-asset-filters:not(.canvas-asset-filters--primary),.canvas-workflow-categories) button[aria-pressed=true]{border-color:color-mix(in srgb,var(--sf-brand) 48%,transparent)}}:is(.canvas-asset-filters button,.canvas-workflow-categories button){color:var(--app-dialog-muted);white-space:nowrap;flex:none;align-items:center;min-height:30px;font-size:12px;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex}:is(.canvas-asset-filters button:hover,.canvas-workflow-categories button:hover){color:var(--app-dialog-heading)}:is(.canvas-asset-filters:not(.canvas-asset-filters--primary),.canvas-workflow-categories) button:hover{background:var(--app-dialog-control);border-color:var(--app-dialog-divider)}:is(.canvas-asset-filters button:focus-visible,.canvas-workflow-categories button:focus-visible){outline:2px solid var(--app-dialog-primary);outline-offset:2px}:is(.canvas-asset-filters button[aria-pressed=true],.canvas-workflow-categories button[aria-pressed=true]){color:var(--app-dialog-heading);font-weight:600}@keyframes sf-canvas-asset-load-more-spin{to{transform:rotate(1turn)}}.canvas-asset-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;min-width:0;display:grid}.canvas-asset-card{background:var(--app-dialog-control);color:var(--app-dialog-heading);border:1px solid #0000;border-radius:12px;transition:border-color .16s ease-out;overflow:hidden}.canvas-asset-card,.canvas-asset-card__reference{text-align:left;flex-direction:column;display:flex}.canvas-asset-card__reference{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex:auto;width:100%;min-height:0;padding:0}.canvas-asset-card__reference:disabled{cursor:not-allowed;opacity:.62}.canvas-asset-card__reference:focus-visible{outline:2px solid var(--app-dialog-primary);outline-offset:-2px}.canvas-asset-card:hover{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card:hover{border-color:color-mix(in srgb,var(--sf-brand) 40%,var(--app-dialog-border))}}.canvas-asset-card__preview{aspect-ratio:1;background:var(--app-dialog-control);justify-content:center;align-items:center;width:100%;height:188px;display:flex;position:relative;overflow:hidden}.canvas-asset-card__preview:after{background:linear-gradient(180deg,var(--app-dialog-overlay-bg) 0,var(--app-dialog-overlay-bg) 100%)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__preview:after{background:linear-gradient(180deg,color-mix(in srgb,var(--app-dialog-overlay-bg) 8%,transparent) 0,color-mix(in srgb,var(--app-dialog-overlay-bg) 24%,transparent) 100%)}}.canvas-asset-card__preview:after{content:"";opacity:0;pointer-events:none;z-index:1;transition:opacity .18s ease-out;position:absolute;inset:0}.canvas-asset-card:is(:hover,:focus-within) .canvas-asset-card__preview:after{opacity:1}.canvas-asset-card__preview-hit{color:inherit;z-index:0;background:0 0;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:absolute;inset:0}.canvas-asset-card__preview-hit:disabled{cursor:not-allowed}.canvas-asset-card__preview-hit:focus-visible{outline:2px solid var(--app-dialog-primary);outline-offset:-2px}.canvas-asset-card__cover{background:var(--app-dialog-control);color:var(--app-dialog-muted);justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-asset-card__cover[data-asset-cover=true]:before{background:linear-gradient(110deg,transparent 0,var(--sf-canvas-hover-surface-strong) 46%,transparent 82%);content:"";opacity:0;pointer-events:none;transition:opacity .18s ease-out;position:absolute;inset:0;transform:translate(-100%)}.canvas-asset-card__cover[data-state=loading]:before{opacity:.55;animation:sf-asset-cover-skeleton 1.35s ease-in-out infinite}.canvas-asset-card__image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s ease-out,transform .5s ease-out;display:block;position:relative}.canvas-asset-card:is(:hover,:focus-within) .canvas-asset-card__image{opacity:.8;transform:scale(1.045)}.canvas-asset-card__cover[data-state=loaded] [data-asset-cover-media=true]{opacity:1}.canvas-asset-card__cover[data-state=failed] [data-asset-cover-media=true]{opacity:0}.canvas-asset-card__cover:not([data-state=loaded]) [data-asset-cover-media=true]{transform:none}.canvas-asset-card__cover [data-asset-cover-placeholder=true]{color:var(--app-dialog-muted);opacity:1;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:650;line-height:1.35;transition:opacity .18s ease-out;display:flex;position:absolute;inset:0}.canvas-asset-card__cover[data-state=loaded] [data-asset-cover-placeholder=true],.canvas-asset-card__cover[data-state=loading] [data-asset-cover-placeholder=true]{opacity:0}.canvas-asset-card__cover[data-state=failed] [data-asset-cover-placeholder=true]{color:var(--app-dialog-heading)}.canvas-asset-card__cover [data-asset-cover-placeholder-icon=true]{color:var(--sf-brand);justify-content:center;align-items:center;display:inline-flex}.canvas-asset-card__icon{color:var(--app-dialog-muted);align-items:center;display:flex}.canvas-asset-card__type-badge{background:var(--sf-canvas-overlay);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__type-badge{background:color-mix(in srgb,var(--sf-canvas-overlay) 84%,var(--app-dialog-field-bg) 16%)}}.canvas-asset-card__type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--app-dialog-border)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__type-badge{border:1px solid color-mix(in srgb,var(--app-dialog-border) 72%,white 14%)}}.canvas-asset-card__type-badge{color:var(--sf-canvas-text-primary);letter-spacing:0;white-space:nowrap;z-index:3;border-radius:9999px;justify-content:center;gap:5px;height:28px;padding:0 9px;font-size:11px;font-weight:700;line-height:1;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .16s ease-out;display:inline-flex;position:absolute;bottom:10px;left:10px;box-shadow:0 10px 24px #0000002e}.canvas-asset-card__type-badge:hover:not(:disabled){background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__type-badge:hover:not(:disabled){background:color-mix(in srgb,var(--sf-brand) 78%,var(--sf-canvas-overlay) 22%)}}.canvas-asset-card__type-badge:hover:not(:disabled){border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__type-badge:hover:not(:disabled){border-color:color-mix(in srgb,var(--sf-brand) 55%,white 22%)}}.canvas-asset-card__type-badge:hover:not(:disabled){transform:translateY(-1px)}.canvas-asset-card__type-badge:focus-visible{outline:2px solid var(--app-dialog-primary);outline-offset:2px}.canvas-asset-card__type-badge:disabled{cursor:not-allowed;opacity:.62}.canvas-asset-card__type-badge svg{flex:none}.canvas-asset-card__body{flex-direction:column;min-width:0;padding:10px 12px 12px;display:flex}.canvas-asset-card__title-row{align-items:center;gap:8px;min-width:0;display:flex}.canvas-asset-card__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:13px;font-weight:500;line-height:1.4;display:block;overflow:hidden}[data-canvas-asset-skeleton-line]{background:var(--app-dialog-control);border-radius:999px;height:9px;display:block;position:relative;overflow:hidden}[data-canvas-asset-skeleton-line]:after{background:linear-gradient(110deg,transparent 0,var(--sf-canvas-hover-surface-strong) 46%,transparent 82%);content:"";animation:sf-asset-cover-skeleton 1.35s ease-in-out infinite;position:absolute;inset:0;transform:translate(-100%)}[data-canvas-asset-skeleton-line=title]{width:72%}[data-canvas-asset-skeleton-line=tags]{width:48%}.canvas-asset-card__overlay-action{background:var(--sf-brand);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__overlay-action{background:color-mix(in srgb,var(--sf-brand) 92%,white 8%)}}.canvas-asset-card__overlay-action{color:var(--sf-primary-foreground);opacity:0;text-align:center;white-space:nowrap;z-index:2;border:0;border-radius:999px;justify-content:center;min-height:32px;padding:0 14px;font-size:12px;font-weight:750;transition:background-color .16s ease-out,opacity .18s ease-out,transform .18s ease-out;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%))}.canvas-asset-card:is(:hover,:focus-within) .canvas-asset-card__overlay-action{opacity:1;transform:translate(-50%,-50%)}.canvas-asset-card__overlay-action:hover:not(:disabled){background:var(--sf-brand-strong)}.canvas-asset-card__overlay-action:focus-visible{outline:2px solid var(--app-dialog-primary);outline-offset:2px}.canvas-asset-card__overlay-action:disabled{cursor:not-allowed;opacity:.55}.canvas-asset-load-more{justify-content:center;align-items:center;min-height:42px;padding:2px 0 0;display:flex}.canvas-asset-load-more__hint,.canvas-asset-load-more__status{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);color:var(--app-dialog-muted);border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.canvas-asset-load-more__status svg{animation:sf-canvas-asset-load-more-spin .9s linear infinite}.canvas-asset-load-more__complete{color:var(--app-dialog-muted);min-height:32px;padding:8px 12px 0;font-size:12px;line-height:1.4}.canvas-asset-card__menu{z-index:3;flex:none;display:inline-flex;position:relative}.canvas-asset-card__menu-trigger{color:var(--app-dialog-muted);background:0 0;border:0;border-radius:999px;align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__menu-trigger{color:color-mix(in srgb,var(--app-dialog-muted) 86%,white 14%)}}.canvas-asset-card__menu-trigger{justify-content:center;width:28px;height:28px;padding:0;transition:background-color .16s ease-out,color .16s ease-out;display:inline-flex}.canvas-asset-card__menu-trigger:hover,.canvas-asset-card__menu-trigger[aria-expanded=true]{background:var(--app-dialog-control);color:var(--app-dialog-heading)}.canvas-asset-card__menu-trigger:focus-visible{outline:2px solid var(--app-dialog-primary);outline-offset:2px}.canvas-asset-card__delete-menu{position:absolute;bottom:calc(100% + 8px);right:0}.canvas-asset-card__delete-menu:before{content:"";width:96px;height:8px;position:absolute;bottom:-8px;right:0}.canvas-asset-card__delete-menu-item{background:var(--sf-danger);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__delete-menu-item{background:color-mix(in srgb,var(--sf-danger) 82%,transparent)}}.canvas-asset-card__delete-menu-item{box-shadow:0 12px 30px var(--sf-danger);border:0;border-radius:8px}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__delete-menu-item{box-shadow:0 12px 30px color-mix(in srgb,var(--sf-danger) 30%,transparent)}}.canvas-asset-card__delete-menu-item{color:#fff;justify-content:center;gap:6px;width:96px;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;transition:background-color .14s ease-out,transform .14s ease-out;display:inline-flex}.canvas-asset-card__delete-menu-item svg{color:inherit;flex:none}.canvas-asset-card__delete-menu-item:is(:hover,:focus-visible){background:var(--sf-danger)}@supports (color:color-mix(in lab,red,red)){.canvas-asset-card__delete-menu-item:is(:hover,:focus-visible){background:color-mix(in srgb,var(--sf-danger) 92%,transparent)}}.canvas-asset-card__delete-menu-item:is(:hover,:focus-visible){transform:translateY(-1px)}.canvas-asset-card__delete-menu-item:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.canvas-asset-delete-confirm{z-index:calc(var(--sf-z-modal,900) + 1);background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.canvas-asset-delete-confirm__panel{background:var(--sf-panel);border:1px solid var(--app-dialog-border);color:var(--app-dialog-heading);border-radius:16px;width:min(360px,100%);max-width:360px;padding:20px;box-shadow:0 24px 60px #00000047}.canvas-asset-delete-confirm__panel h2{letter-spacing:0;margin:0;font-size:16px;font-weight:750}.canvas-asset-delete-confirm__panel p{color:var(--app-dialog-muted);margin:10px 0 18px;font-size:13px;line-height:1.6}.canvas-asset-delete-confirm__panel div{justify-content:flex-end;gap:8px;display:flex}.canvas-asset-delete-confirm__panel button{border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.canvas-asset-delete-confirm__panel button:first-child{background:var(--app-dialog-control);border:1px solid var(--app-dialog-border);color:var(--app-dialog-heading)}.canvas-asset-delete-confirm__panel button:last-child{background:var(--sf-danger);border:1px solid var(--sf-danger);color:#fff}.canvas-asset-delete-confirm__panel button:disabled{cursor:not-allowed;opacity:.6}.canvas-asset-delete-confirm__panel button:focus-visible{outline:2px solid var(--app-dialog-primary);outline-offset:2px}:is(.canvas-workflow-sources,.canvas-workflow-categories,.canvas-workflow-stage-actions){gap:6px}:is(.canvas-workflow-sources button,.canvas-workflow-categories button){min-height:30px;padding:5px 10px;font-size:12px}.canvas-workflow-stage-actions button{justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.canvas-workflow-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.canvas-workflow-template-card{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);border-radius:12px;flex-direction:column;transition:border-color .16s ease-out;display:flex;overflow:hidden}.canvas-workflow-template-card:hover{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-workflow-template-card:hover{border-color:color-mix(in srgb,var(--sf-brand) 40%,var(--app-dialog-border))}}.canvas-workflow-template-card__cover{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.canvas-workflow-template-card__cover img{object-fit:cover;width:100%;height:100%;transition:opacity .3s ease-out,transform .5s ease-out}.canvas-workflow-template-card:focus-within .canvas-workflow-template-card__cover img,.canvas-workflow-template-card:hover .canvas-workflow-template-card__cover img{opacity:.8;transform:scale(1.05)}.canvas-workflow-template-card__overlay{background:var(--app-dialog-overlay-bg);opacity:0;transition:opacity .3s ease-out;position:absolute;inset:0}.canvas-workflow-template-card:hover .canvas-workflow-template-card__overlay{opacity:1}.canvas-workflow-template-card__tag{background:var(--sf-brand-soft);border:1px solid var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-workflow-template-card__tag{border:1px solid color-mix(in srgb,var(--sf-brand) 45%,transparent)}}.canvas-workflow-template-card__tag{color:var(--sf-brand);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:10px;left:10px}.canvas-workflow-template-card__body{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.canvas-workflow-template-card h3{color:var(--app-dialog-heading);margin:0;font-size:14px;line-height:1.3}.canvas-workflow-template-card p{-webkit-line-clamp:2;color:var(--app-dialog-muted);-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.canvas-workflow-template-card footer{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:auto;display:flex}.canvas-workflow-template-card footer button{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);color:var(--app-dialog-muted);border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:12px;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex}.canvas-workflow-template-card footer button:hover:not(:disabled){background:var(--app-dialog-control);color:var(--app-dialog-heading)}.canvas-workflow-template-card footer button:focus-visible{outline:2px solid var(--app-dialog-primary);outline-offset:2px}.canvas-workflow-template-card footer button:disabled{cursor:not-allowed;opacity:.55}.canvas-history-toolbar{flex-wrap:wrap;grid-template-columns:none;align-items:center;gap:8px;display:flex}.canvas-history-controls{flex:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:280px;display:flex}.canvas-history-search{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);color:var(--app-dialog-muted);border-radius:8px;align-items:center;gap:6px;width:min(240px,100%);min-height:34px;padding:0 10px;display:inline-flex}input[aria-label=搜索历史记录]{color:var(--app-dialog-heading);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}[aria-label=历史状态筛选][data-app-select=true]{background:var(--app-dialog-field-bg);border-color:var(--app-dialog-border);color:var(--app-dialog-heading);min-height:34px;padding:0 9px 0 10px;font-size:12px}[aria-label=历史状态筛选][data-app-select=true] svg{color:var(--app-dialog-muted)}.canvas-history-body{height:100%}.canvas-history-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;min-width:0;display:grid}.canvas-history-card{background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-border);color:var(--app-dialog-heading);text-align:left;border-radius:12px;flex-direction:column;transition:border-color .16s ease-out;display:flex;overflow:hidden}[data-history-category]:hover{border-color:var(--app-dialog-primary)}.canvas-history-card__cover{aspect-ratio:4/3;background:var(--app-dialog-control);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.canvas-history-card__image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s ease-out,transform .5s ease-out;display:block;position:relative}[data-history-category]:is(:hover,:focus-within) [data-asset-cover-media=true]{opacity:.8;transform:scale(1.045)}.canvas-history-card__body{flex-direction:column;flex:auto;justify-content:center;min-width:0;padding:9px 12px;display:flex}.canvas-history-card__meta{color:var(--app-dialog-muted);font-size:11px;line-height:1.3;display:flex}.canvas-history-card__cover-media{background:var(--app-dialog-control);color:var(--app-dialog-muted);justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}[data-history-category] [data-asset-cover=true]:before,[data-history-skeleton] [data-canvas-history-skeleton-line]:after,[data-history-skeleton] [data-history-skeleton-cover]:before{animation:var(--history-cover-skeleton-animation,none);background:linear-gradient(110deg,transparent 0,var(--sf-canvas-hover-surface-strong) 46%,transparent 82%);content:"";opacity:var(--history-cover-skeleton-opacity,0);pointer-events:none;transition:opacity .18s ease-out;position:absolute;inset:0;transform:translate(-100%)}[data-history-category] [data-asset-cover=true][data-state=loading],[data-history-skeleton] :is([data-history-skeleton-cover],[data-canvas-history-skeleton-line]){--history-cover-skeleton-animation:sf-asset-cover-skeleton 1.35s ease-in-out infinite;--history-cover-skeleton-opacity:.55}[data-history-category] [data-asset-cover=true][data-state=loaded] [data-asset-cover-media=true]{opacity:1}[data-history-category] [data-asset-cover=true][data-state=failed] [data-asset-cover-media=true]{opacity:0}[data-history-category] [data-asset-cover=true]:not([data-state=loaded]) [data-asset-cover-media=true]{transform:none}[data-history-category] [data-asset-cover=true] [data-asset-cover-placeholder=true]{pointer-events:none;text-align:center;flex-direction:column;gap:8px;padding:12px;font-size:12px;font-weight:650;line-height:1.35;transition:opacity .18s ease-out;position:absolute;inset:0}[data-history-category] [data-asset-cover=true][data-state=loaded] [data-asset-cover-placeholder=true],[data-history-category] [data-asset-cover=true][data-state=loading] [data-asset-cover-placeholder=true]{opacity:0}[data-history-category] [data-asset-cover=true][data-state=failed] [data-asset-cover-placeholder=true]{color:var(--app-dialog-heading)}[data-history-category] [data-asset-cover=true] [data-asset-cover-placeholder-icon=true]{color:var(--sf-brand);justify-content:center;align-items:center;display:inline-flex}.canvas-history-card__state[data-history-state]{position:absolute;bottom:10px;right:10px}.canvas-history-card__task-action{background:var(--app-dialog-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--app-dialog-border);color:var(--sf-canvas-text-primary);border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}[data-history-task-action]:hover:not(:disabled){background:var(--sf-brand)}[data-history-task-action]:disabled{cursor:not-allowed;opacity:.62}.canvas-history-card__cover-actions{opacity:0;align-items:center;gap:8px;transition:opacity .18s ease-out,transform .18s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%))}[data-history-category]:is(:hover,:focus-within) [data-history-cover-actions]{opacity:1;transform:translate(-50%,-50%)}[data-history-cover-actions] button{background:var(--sf-brand);color:var(--sf-primary-foreground);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 11px;font-size:12px;font-weight:750;transition:background-color .16s ease-out,opacity .16s ease-out,transform .16s ease-out;display:inline-flex}[data-history-cover-actions] button:hover:not(:disabled){background:var(--sf-brand-strong);transform:translateY(-1px)}[data-history-cover-actions] button:disabled{cursor:not-allowed;opacity:.55}[data-history-cover-actions] button:focus-visible,[data-history-task-action]:focus-visible{outline:2px solid var(--app-dialog-primary);outline-offset:2px}.canvas-history-load-more{justify-content:center;align-items:center;min-height:42px;padding:2px 0 0;display:flex}.canvas-history-load-more__hint,.canvas-history-load-more__status{color:var(--app-dialog-muted);align-items:center;gap:6px;min-height:30px;font-size:12px;display:inline-flex}[data-history-load-more] [role=status] svg{animation:sf-canvas-asset-load-more-spin .9s linear infinite}.canvas-history-load-more__complete{color:var(--app-dialog-muted);font-size:12px}.canvas-history-card__skeleton-cover{aspect-ratio:4/3;background:var(--app-dialog-control);position:relative;overflow:hidden}.canvas-history-card--skeleton{min-height:0}[data-canvas-history-skeleton-line]{background:var(--app-dialog-control);border-radius:999px;height:9px;display:block;position:relative;overflow:hidden}[data-canvas-history-skeleton-line=meta]{width:42%}.canvas-history-inline-error{color:var(--sf-danger);margin:0;font-size:12px;line-height:1.45}@media (prefers-reduced-motion:reduce){[data-history-category],[data-history-category] [data-asset-cover-media=true],[data-history-cover-actions],[data-history-cover-actions] button{transition:none;animation:none}}@media (max-width:1100px){.app-dialog-content[data-size=wide]{border-radius:14px}}@media (max-width:768px){.canvas-panel-drawer{width:auto;top:72px;left:12px;right:12px;transform:none}}@media (max-width:1120px){.canvas-shortcuts-section--zoom{grid-template-columns:minmax(200px,1fr) 82px minmax(320px,1.4fr)}.canvas-shortcuts-slider{grid-column:1/-1}}@media (max-height:700px),(max-width:760px){.canvas-shortcuts-dialog__body{grid-template-columns:1fr;max-height:calc(100dvh - 138px)}.canvas-shortcuts-section--zoom{grid-template-columns:1fr;min-height:0}.canvas-shortcuts-groups{grid-template-columns:1fr}.canvas-compliance-options{max-height:calc(100dvh - 224px)}}@media (prefers-reduced-motion:reduce){.canvas-asset-card__cover [data-asset-cover-placeholder=true],.canvas-asset-card__cover:before,.canvas-asset-card__preview:after,.canvas-panel-dialog,:is(.canvas-asset-card__image,.canvas-asset-card__overlay-action,.canvas-workflow-template-card__cover img,.canvas-workflow-template-card__overlay),[data-canvas-asset-skeleton-line]:after{transition:none;animation:none}[aria-label=历史记录] article img{transition:none}:is(.canvas-asset-card:hover .canvas-asset-card__image,.canvas-asset-card:focus-within .canvas-asset-card__image,.canvas-workflow-template-card:hover .canvas-workflow-template-card__cover img,.canvas-workflow-template-card:focus-within .canvas-workflow-template-card__cover img){transform:none}.canvas-asset-card__overlay-action{transform:translate(-50%,-50%)}[aria-label=历史记录] article:focus-within img,[aria-label=历史记录] article:hover img{transform:none}}.canvas-placeholders{box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;gap:16px;margin:0;padding:0;display:contents}.canvas-inspector{height:100%;padding:16px;overflow:auto}:is(.canvas-inspector pre,.canvas-node-type-fields input,.canvas-model-parameters select){background:var(--sf-panel-subtle);border-color:var(--border);color:var(--foreground)}.canvas-inspector pre{border-radius:6px;padding:12px;overflow:auto}.canvas-inspector>button{font:inherit;border:0;border-radius:8px;min-height:36px;padding:0 12px}.canvas-node-type-fields{gap:12px;display:grid}.canvas-node-type-fields label{color:var(--sf-text-secondary);gap:6px;display:grid}.canvas-node-type-fields input{border:1px solid var(--border);border-radius:8px;min-height:36px;padding:0 10px}.canvas-graphic-board-structure,.canvas-placeholder-policy{background:var(--sf-panel-subtle);border:1px solid var(--border);color:var(--sf-text-secondary);border-radius:8px;padding:8px 10px;font-size:12px}.canvas-graphic-board-structure{flex-wrap:wrap;gap:6px;display:flex}.canvas-node-summary{color:var(--sf-text-muted);font-size:12px}.canvas-failure-localization{gap:6px;min-width:0;display:grid}.canvas-model-parameters{border-top:1px solid var(--border);gap:10px;margin-top:12px;padding-top:12px;display:grid}.canvas-model-parameters-heading{justify-content:space-between;align-items:center;display:flex}.canvas-model-parameters-heading span{font-size:13px;font-weight:700}.canvas-model-parameters select{border:1px solid var(--border);font:inherit;border-radius:6px;min-height:36px;padding:0 8px}.canvas-source-image-picker{gap:6px;display:grid}.canvas-source-image-picker select{border:1px solid var(--border);border-radius:6px;min-height:36px}.canvas-task-dock-inner{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.canvas-task-dock-header{align-items:center;gap:8px;width:100%;display:flex}.canvas-task-dock-inner strong{color:var(--sf-text-secondary);margin-left:auto;font-size:13px}.canvas-task-pill{background:var(--sf-panel-subtle);color:var(--foreground);flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;padding:4px 6px 4px 10px;font-size:12px;display:inline-flex}.canvas-task-pill,.canvas-task-pill button{border:1px solid var(--border);border-radius:999px}.canvas-task-pill button{color:inherit;font:inherit;min-height:24px;padding:0 8px}.canvas-task-pill button:disabled{cursor:not-allowed;opacity:.46}:is(.canvas-inline-node-editor,.canvas-video-agent-panel,.canvas-disabled-agent-block,.canvas-inline-generator,.canvas-inline-text-editor,.canvas-inline-editor,.canvas-model-menu,.canvas-advanced-parameters){gap:6px;min-width:0;display:grid}.canvas-advanced-parameters-body{gap:8px;min-width:0;display:grid}.canvas-advanced-parameters-popover{background:var(--sf-canvas-surface-elevated);border:1px solid var(--border);box-shadow:0 24px 58px var(--sf-canvas-shadow-popover);scrollbar-width:none;z-index:var(--sf-z-tooltip);border-radius:14px;padding:10px;position:fixed;overflow:auto}.canvas-advanced-parameters-popover::-webkit-scrollbar{display:none}.canvas-inline-node-editor{gap:12px}.canvas-inline-expand-button{color:var(--sf-text-secondary);font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;min-height:32px;padding:0;display:inline-flex}.canvas-inline-expand-button:hover:not(:disabled){color:var(--foreground)}.canvas-inline-editor-toolbar-row{justify-content:flex-end;min-width:0;display:flex}:is(.canvas-video-agent-panel,.canvas-disabled-agent-block,.canvas-inline-generator,.canvas-inline-text-editor,.canvas-inline-voiceover-editor){background:0 0;gap:12px;display:grid}.canvas-inline-editor{gap:7px}:is(.canvas-inline-editor span,.canvas-model-menu>span,.canvas-advanced-parameters>button,.canvas-image-try-actions>span){color:var(--sf-text-secondary);letter-spacing:0;font-size:12px;font-weight:750}:is(.canvas-inline-editor input,.canvas-inline-editor select,.canvas-inline-editor textarea,.canvas-parameter-chips select,.canvas-image-primary-parameters select){background:var(--sf-canvas-surface-elevated);border:1px solid var(--border);color:var(--foreground);font:inherit;border-radius:10px;min-width:0;min-height:38px;padding:0 9px}:is(.canvas-inline-editor input:focus-visible,.canvas-inline-editor select:focus-visible,.canvas-inline-editor textarea:focus-visible,.canvas-parameter-chips select:focus-visible,.canvas-image-primary-parameters select:focus-visible){border-color:var(--sf-brand);box-shadow:0 0 0 3px var(--sf-canvas-brand-tint-medium);outline:none}.canvas-inline-editor textarea{resize:vertical;border-radius:14px;min-height:96px;padding:12px;line-height:1.5}.canvas-inline-editor textarea::placeholder{color:var(--sf-text-muted);opacity:1}.canvas-inline-generator[aria-label=文生视频] .canvas-inline-editor textarea{min-height:58px;max-height:88px}:is(.canvas-text-editor-toolbar,.canvas-cost-preview){background:var(--sf-canvas-surface-elevated);border:1px solid var(--border);border-radius:14px}.canvas-text-editor-toolbar{flex-wrap:wrap;gap:5px;padding:6px;display:flex}.canvas-text-editor-toolbar button{color:var(--sf-text-secondary);font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.canvas-text-editor-toolbar button:hover:not(:disabled),.canvas-text-editor-toolbar button[aria-pressed=true]{background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-text-editor-toolbar button:hover:not(:disabled),.canvas-text-editor-toolbar button[aria-pressed=true]{background:color-mix(in srgb,var(--sf-brand) 16%,var(--sf-panel-subtle))}}.canvas-text-editor-toolbar button:hover:not(:disabled),.canvas-text-editor-toolbar button[aria-pressed=true]{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-text-editor-toolbar button:hover:not(:disabled),.canvas-text-editor-toolbar button[aria-pressed=true]{border-color:color-mix(in srgb,var(--sf-brand) 45%,var(--border))}}.canvas-text-editor-toolbar button:hover:not(:disabled),.canvas-text-editor-toolbar button[aria-pressed=true]{color:var(--foreground)}.canvas-text-editor-toolbar button:disabled{color:var(--sf-text-muted);background:0 0;border-color:#0000}.canvas-text-table-picker{display:inline-flex;position:relative}.canvas-text-table-menu{gap:4px}.canvas-text-table-menu .sf-app-button{justify-content:center;min-width:76px}.canvas-text-reference-token{background:var(--sf-canvas-surface-elevated);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:32px;padding:5px 8px;display:flex}.canvas-text-reference-token b{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.canvas-text-reference-token small{color:var(--sf-text-secondary);flex:none;font-size:11px}.canvas-model-menu{position:relative}.canvas-image-parameter-menu>button,.canvas-model-menu>button{background:var(--sf-canvas-surface-elevated);border:1px solid var(--border);color:var(--foreground);text-align:left;border-radius:12px;place-items:start;gap:2px;width:100%;min-height:42px;padding:8px 10px;display:grid}.canvas-image-parameter-menu>button:hover:not(:disabled),.canvas-model-menu>button:hover:not(:disabled){border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-image-parameter-menu>button:hover:not(:disabled),.canvas-model-menu>button:hover:not(:disabled){border-color:color-mix(in srgb,var(--sf-brand) 36%,var(--border))}}.canvas-model-menu>button strong,.canvas-model-menu__list button strong{color:var(--foreground);font-size:13px}.canvas-model-menu small,.canvas-model-menu__list small,.canvas-model-menu__list span{color:var(--sf-text-muted);font-size:11px}.canvas-model-menu__list{background:var(--sf-canvas-surface-elevated);border:1px solid var(--border);box-shadow:0 24px 58px var(--sf-canvas-shadow-popover);scrollbar-width:none;min-width:260px;max-height:280px;z-index:var(--sf-z-tooltip);border-radius:14px;gap:6px;padding:8px;display:grid;position:fixed;overflow-y:auto}.canvas-model-menu__list button{background:var(--sf-panel-subtle);align-items:start}@supports (color:color-mix(in lab,red,red)){.canvas-model-menu__list button{background:color-mix(in srgb,var(--sf-panel-subtle) 82%,var(--sf-panel))}}.canvas-model-menu__list button{color:var(--foreground);text-align:left;border-radius:11px;justify-items:start;gap:3px;min-height:54px;padding:8px;display:grid}.canvas-model-menu__option-heading{align-items:center;gap:8px;min-width:0;display:flex}.canvas-model-menu__option-heading b{background:var(--sf-brand);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-model-menu__option-heading b{background:color-mix(in srgb,var(--sf-brand) 18%,var(--sf-panel-subtle))}}.canvas-model-menu__option-heading b{border:1px solid var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-model-menu__option-heading b{border:1px solid color-mix(in srgb,var(--sf-brand) 34%,var(--border))}}.canvas-model-menu__option-heading b{color:var(--sf-brand);letter-spacing:0;border-radius:8px;flex:none;justify-content:center;min-width:30px;height:24px;padding:0 5px;font-size:10px;display:inline-flex}.canvas-model-menu__list button:hover:not(:disabled),.canvas-model-menu__list button[aria-selected=true]{background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-model-menu__list button:hover:not(:disabled),.canvas-model-menu__list button[aria-selected=true]{background:color-mix(in srgb,var(--sf-brand) 13%,var(--sf-panel-subtle))}}.canvas-model-menu__list button:hover:not(:disabled),.canvas-model-menu__list button[aria-selected=true]{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-model-menu__list button:hover:not(:disabled),.canvas-model-menu__list button[aria-selected=true]{border-color:color-mix(in srgb,var(--sf-brand) 44%,var(--border))}}:is(.canvas-parameter-chips,.canvas-agent-type-tabs,.canvas-image-try-actions,.canvas-image-primary-parameters,.canvas-image-phase-controls,.canvas-inline-reference-source,.canvas-voiceover-phase-controls){flex-wrap:wrap;gap:7px;min-width:0;display:flex}.canvas-image-try-actions{background:var(--sf-canvas-surface-elevated);border:1px solid var(--border);border-radius:14px;align-items:center;padding:8px}:is(.canvas-text-generation-panel,.canvas-text-write-panel,.canvas-text-stage-panel){gap:12px;min-width:0;display:grid}.canvas-text-generation-panel{gap:0}.canvas-text-write-panel{position:relative}.canvas-text-mode-heading{gap:2px;min-width:0;display:grid}.canvas-text-mode-heading strong{color:var(--foreground);font-size:13px}:is(.canvas-text-mode-heading span,.canvas-text-stage-preview){color:var(--sf-text-secondary);font-size:12px}.canvas-text-generation-panel .canvas-model-menu>span,.canvas-text-generation-panel .canvas-text-mode-heading,.canvas-text-generation-panel .canvas-text-prompt-label{display:none}.canvas-text-generation-panel .canvas-inline-editor{gap:0}.canvas-text-prompt-field{border-bottom:1px solid var(--sf-canvas-border-divider);min-height:124px;padding:16px 18px 14px;position:relative}.canvas-text-reference-frame.canvas-image-reference-thumb{flex:0 0 64px;width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;margin-bottom:14px}.canvas-text-prompt-expand-button{color:var(--sf-canvas-text-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,box-shadow .16s ease-out;display:inline-flex;position:absolute;top:12px;right:14px}[data-text-prompt-expand=true]:hover:not(:disabled){background:var(--sf-canvas-active-surface);color:var(--foreground)}[data-text-prompt-expand=true]:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-ring);outline:none}[data-text-prompt-expand=true]:disabled{color:var(--sf-canvas-text-muted);cursor:not-allowed;opacity:.54}.canvas-node-below-editor[data-node-type=audio]:has(.canvas-image-generation-panel),.canvas-node-below-editor[data-node-type=audio]:has(.canvas-text-generation-panel),.canvas-node-below-editor[data-node-type=image]:has(.canvas-image-generation-panel),.canvas-node-below-editor[data-node-type=reference-image]:has(.canvas-image-generation-panel),.canvas-node-below-editor[data-node-type=text]:has(.canvas-text-generation-panel),.canvas-node-below-editor[data-node-type=video]:has(.canvas-image-generation-panel),.canvas-node-below-editor[data-node-type=visual-asset]:has(.canvas-image-generation-panel),.canvas-node-below-editor[data-node-type=voiceover]:has(.canvas-image-generation-panel),.canvas-node-below-editor[data-node-type=voiceover]:has(.canvas-text-generation-panel){border-color:var(--sf-canvas-border-strong);box-shadow:inset 0 1px 0 var(--sf-canvas-highlight-line),0 26px 68px var(--sf-canvas-shadow-drawer);border-radius:20px;gap:0;padding:0;overflow-x:hidden}.canvas-image-generation-panel{gap:0;min-width:0}.canvas-image-prompt-field{border-bottom:1px solid var(--sf-canvas-border-divider);grid-template-columns:minmax(0,1fr);gap:12px;min-height:146px;padding:16px 18px 14px;display:grid;position:relative}.canvas-image-input-actions{gap:10px;width:100%;min-width:0;display:flex}.canvas-image-generation-panel .canvas-image-square-action{background:var(--sf-canvas-hover-surface);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-soft);border-radius:12px;flex-direction:column;justify-content:center;place-items:center;gap:4px;width:64px;height:64px;padding:0;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .16s ease-out;display:flex}.canvas-image-generation-panel button[aria-label=添加引用素材] b,.canvas-image-generation-panel button[aria-label=识别参考图] b{font-size:12px;font-weight:760;line-height:1.1}.canvas-image-generation-panel button[aria-label=添加引用素材]:disabled,.canvas-image-generation-panel button[aria-label=识别参考图]:disabled{background:var(--sf-canvas-shadow-soft);border-color:var(--sf-canvas-border-subtle);color:var(--sf-canvas-text-muted);opacity:.68}.canvas-image-generation-panel button[aria-label=添加引用素材]:focus-visible,.canvas-image-generation-panel button[aria-label=添加引用素材]:hover:not(:disabled){background:var(--sf-canvas-active-surface);border-color:var(--sf-canvas-border-strong);color:var(--foreground)}.canvas-image-generation-panel .canvas-image-prompt-expand-button.canvas-text-prompt-expand-button{color:var(--sf-canvas-text-soft);border-radius:50%;flex:0 0 34px;width:34px;min-width:34px;height:34px;min-height:34px;margin-left:auto;position:static}.canvas-agent-prompt-editor{grid-column:1/-1;gap:0;min-width:0}.canvas-agent-prompt-editor textarea{box-shadow:none;color:var(--sf-canvas-text-strong);resize:none;scrollbar-color:var(--sf-shared-scrollbar-thumb) transparent;scrollbar-gutter:stable;scrollbar-width:thin;background:0 0;border:0;border-radius:0;min-height:78px;max-height:128px;padding:2px 0 0;font-size:13px;font-weight:650;line-height:1.55;overflow-y:auto}.canvas-agent-prompt-editor[data-reserve-expand=true] textarea{padding-right:44px}.canvas-agent-prompt-editor textarea:focus-visible{box-shadow:none;border-color:#0000;outline:none}.canvas-agent-prompt-editor textarea::placeholder{color:var(--sf-canvas-text-muted);opacity:.72;font-weight:500}.canvas-agent-prompt-editor textarea::-webkit-scrollbar{width:6px}.canvas-agent-prompt-editor textarea::-webkit-scrollbar-thumb{background:var(--sf-shared-scrollbar-thumb);border-radius:999px}.canvas-agent-prompt-editor textarea::-webkit-scrollbar-track{background:0 0}.canvas-image-generation-panel .canvas-image-reference-thumb,.canvas-text-generation-panel .canvas-image-reference-thumb{background:var(--sf-canvas-hover-surface);border:1px solid var(--sf-canvas-border-soft);border-radius:12px;flex:0 0 64px;width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;padding:0;transition:border-color .18s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.canvas-image-reference-thumb>.canvas-image-reference-thumb__placeholder,.canvas-image-reference-thumb>img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.canvas-image-reference-thumb[draggable=true]{cursor:grab}.canvas-image-reference-thumb[draggable=true]:active{cursor:grabbing}.canvas-image-reference-thumb.is-dragging{opacity:.48}.canvas-image-reference-thumb.is-drag-target{z-index:2;border-color:#0000;transform:scale(1.1)}.canvas-image-reference-thumb.is-drag-target:after{border-radius:inherit;content:"";pointer-events:none;z-index:1;background:#000000a6;position:absolute;inset:0}.canvas-image-reference-thumb.is-drag-target .canvas-image-reference-thumb__remove,.canvas-image-reference-thumb.is-drag-target .canvas-video-reference-role{z-index:2}.canvas-image-reference-thumb--drag-preview{pointer-events:none;width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;max-height:64px;display:block;top:-9999px;left:-9999px;box-shadow:0 12px 30px #0000006b;background:0 0!important;border:0!important;border-radius:12px!important;position:fixed!important;overflow:hidden!important}.canvas-image-reference-thumb--drag-preview>.canvas-image-reference-thumb__placeholder,.canvas-image-reference-thumb--drag-preview>img{border-radius:inherit}.canvas-image-reference-thumb[draggable=true]:focus-visible{outline:2px solid var(--canvas-accent)}@supports (color:color-mix(in lab,red,red)){.canvas-image-reference-thumb[draggable=true]:focus-visible{outline:2px solid color-mix(in srgb,var(--canvas-accent) 78%,#fff)}}.canvas-image-reference-thumb[draggable=true]:focus-visible{outline-offset:2px}@media (prefers-reduced-motion:reduce){.canvas-image-generation-panel .canvas-image-reference-thumb,.canvas-text-generation-panel .canvas-image-reference-thumb{transition:none}}.canvas-video-reference-role{background:var(--sf-canvas-overlay);border:1px solid var(--sf-canvas-hairline);color:var(--sf-canvas-text-strong);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:calc(100% - 10px);padding:3px 5px;font-size:10px;font-weight:700;line-height:1;display:block;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.canvas-image-reference-thumb__placeholder{background:var(--sf-canvas-hover-surface)}.canvas-image-reference-thumb--audio,.canvas-voiceover-audio-panel{--sf-audio-ref-violet:139,92,246;--sf-audio-ref-indigo:99,102,241}.canvas-image-generation-panel .canvas-image-reference-thumb--audio,.canvas-text-generation-panel .canvas-image-reference-thumb--audio,.canvas-voiceover-audio-panel .canvas-image-reference-thumb{background:linear-gradient(135deg,rgba(var(--sf-audio-ref-indigo),.52),rgba(var(--sf-audio-ref-violet),.4) 55%,rgba(var(--sf-audio-ref-indigo),.26));border-color:rgba(var(--sf-audio-ref-violet),.46)}.canvas-image-generation-panel .canvas-image-reference-thumb--audio .canvas-image-reference-thumb__placeholder,.canvas-text-generation-panel .canvas-image-reference-thumb--audio .canvas-image-reference-thumb__placeholder,.canvas-voiceover-audio-panel.canvas-image-generation-panel .canvas-image-reference-thumb__placeholder{box-sizing:border-box;color:#fff;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:20%;display:flex}.canvas-image-reference-thumb--audio .canvas-video-reference-role,.canvas-voiceover-audio-panel .canvas-video-reference-role{color:var(--sf-canvas-text-strong);background:#000000bf;border-color:#0000}.canvas-image-reference-thumb--text,.canvas-text-generation-panel,.canvas-text-write-panel{--sf-text-ref-cyan:6,182,212;--sf-text-ref-teal:20,184,166}.canvas-image-generation-panel .canvas-image-reference-thumb--text,.canvas-text-generation-panel .canvas-image-reference-thumb--text,.canvas-text-write-panel .canvas-image-reference-thumb--text,.canvas-voiceover-audio-panel .canvas-image-reference-thumb--text{background:linear-gradient(135deg,rgba(var(--sf-text-ref-teal),.52),rgba(var(--sf-text-ref-cyan),.4) 55%,rgba(var(--sf-text-ref-teal),.26));border-color:rgba(var(--sf-text-ref-cyan),.46)}.canvas-image-generation-panel .canvas-image-reference-thumb--text .canvas-image-reference-thumb__placeholder,.canvas-text-generation-panel .canvas-image-reference-thumb--text .canvas-image-reference-thumb__placeholder,.canvas-text-write-panel .canvas-image-reference-thumb--text .canvas-image-reference-thumb__placeholder,.canvas-voiceover-audio-panel .canvas-image-reference-thumb--text .canvas-image-reference-thumb__placeholder{box-sizing:border-box;color:#fff;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:20%;display:flex}.canvas-image-reference-thumb--text .canvas-video-reference-role{color:var(--sf-canvas-text-strong);background:#000000bf;border-color:#0000}.canvas-image-reference-thumb__remove{color:#fff;opacity:0;pointer-events:auto;z-index:1;background:#0000008c;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;transition:background .14s ease-out,opacity .14s ease-out,transform .14s ease-out;display:inline-flex;position:absolute;top:5px;right:5px}.canvas-image-reference-thumb:focus-within .canvas-image-reference-thumb__remove,.canvas-image-reference-thumb:hover .canvas-image-reference-thumb__remove{color:#fff;opacity:1;background:#0000008c}.canvas-image-reference-thumb__remove:focus-visible,.canvas-image-reference-thumb__remove:hover:not(:disabled){color:#fff;background:#000000b8;border-color:#0000;outline:none;transform:scale(1.04)}.canvas-image-composer-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:12px 14px;display:flex}.canvas-image-composer-row>.canvas-text-model-select{flex:160px;min-width:0}.canvas-image-composer-row>.canvas-text-generate-button{margin-left:auto}.canvas-image-generation-status{color:var(--sf-canvas-text-muted);margin:-4px 14px 12px;font-size:12px;line-height:1.45}.canvas-voiceover-parameters{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;height:248px;min-height:0;max-height:248px;margin:0 14px 14px;padding:18px 0 6px;overflow-y:auto}.canvas-voiceover-parameter-control{grid-template-columns:minmax(52px,max-content) minmax(0,1fr);align-items:center;gap:32px;min-width:0;display:grid}.canvas-voiceover-parameter-control>span:first-child{color:var(--sf-canvas-text-muted);white-space:nowrap;font-size:12px;font-weight:700}.canvas-voiceover-parameter-control .app-form-control,.canvas-voiceover-parameter-control .sf-number-stepper,.canvas-voiceover-parameter-control .sf-select-trigger{width:100%;min-width:0}.canvas-voiceover-parameter-control .app-form-control{min-height:40px}.canvas-voiceover-parameter-control .sf-app-switch{justify-self:start}.canvas-voiceover-parameters::-webkit-scrollbar{width:6px}.canvas-voiceover-parameters::-webkit-scrollbar-thumb{background:var(--sf-canvas-border-soft);border-radius:999px}.canvas-voiceover-parameter-control--textarea{grid-column:1/-1}.canvas-voiceover-parameter-range{accent-color:var(--sf-canvas-brand-accent);width:100%}.canvas-voiceover-parameter-textarea{background:var(--sf-canvas-hover-surface);border:1px solid var(--sf-canvas-border-soft);color:var(--foreground);font:inherit;resize:vertical;border-radius:8px;width:100%;min-height:52px;padding:8px 10px}.canvas-voiceover-parameter-textarea:focus-visible{border-color:var(--sf-canvas-brand-border);outline:none}.canvas-image-model-select,.canvas-image-parameter-select{min-width:0}.canvas-image-parameter-select .sf-select-trigger{white-space:nowrap;justify-content:flex-start;align-items:center;gap:6px;display:inline-flex}.canvas-image-model-select .sf-select-trigger{justify-content:flex-start;gap:6px;width:max-content;max-width:100%}.canvas-image-model-select .sf-select-trigger>span{flex:0 auto}.canvas-image-output-count-select .sf-select-trigger{justify-content:flex-start;gap:6px;width:max-content;max-width:100%}.canvas-image-output-count-select .sf-select-trigger>span{flex:0 auto}.canvas-image-output-count-select .sf-select-trigger[data-width-mode=content]{display:inline-flex}.canvas-image-output-count-select .sf-select-trigger[data-width-mode=content] [data-app-select-label-sizer=true]{display:none}.canvas-image-parameter-select .sf-select-trigger>span{min-width:0}.canvas-image-parameter-chevron{color:var(--sf-canvas-text-muted);flex:none;transition:transform .16s ease-out}[data-image-parameter-chevron=true][data-open=true]{transform:rotate(180deg)}.canvas-image-generation-panel .canvas-image-primary-parameters{background:0 0;border:0;flex-wrap:nowrap;align-items:center;gap:20px;min-width:0;display:flex}.canvas-image-generation-panel .canvas-image-parameter-menu{min-width:0}.canvas-image-generation-panel .canvas-image-preset-selector>button{background:var(--sf-canvas-hover-surface);border-color:var(--sf-canvas-border-soft);color:var(--foreground);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;width:auto;min-height:38px;padding:0 11px;font-size:15px;font-weight:720;display:inline-flex}.canvas-image-output-count-select{min-width:0}.canvas-image-generation-panel .canvas-image-strength-control{display:none}.canvas-image-parameter-popover{background:var(--sf-canvas-surface-panel);border:1px solid var(--sf-canvas-border-soft);box-shadow:0 18px 42px var(--sf-canvas-shadow-popover);overscroll-behavior:contain;scrollbar-width:thin;border-radius:10px;gap:14px;padding:12px;display:grid;overflow-y:auto}.canvas-image-parameter-section{gap:10px;min-width:0;display:grid}.canvas-image-parameter-popover .canvas-image-parameter-section>h3{color:var(--sf-canvas-text-muted);margin:0;font-size:14px;font-weight:850;line-height:1.2}.canvas-image-ratio-grid{background:var(--sf-canvas-hairline);border:1px solid #0000;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;display:grid}.canvas-image-parameter-popover .canvas-image-ratio-option{color:var(--sf-canvas-text-muted);background:0 0;border-color:#0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:32px;padding:0 12px;font-size:12px;font-weight:760;display:flex}.canvas-image-parameter-popover .canvas-image-ratio-option:focus-visible,.canvas-image-parameter-popover .canvas-image-ratio-option:hover:not(:disabled),.canvas-image-parameter-popover .canvas-image-ratio-option[aria-pressed=true]{background:var(--sf-canvas-active-surface);border-color:var(--sf-canvas-border-soft);color:var(--foreground)}.canvas-image-segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-height:40px;padding:4px}.canvas-image-range-control,.canvas-image-segmented-control{background:var(--sf-canvas-hairline);border-radius:10px;display:grid}.canvas-image-range-control{gap:8px;padding:10px 12px 8px}.canvas-image-range-value{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.canvas-image-range-output{color:var(--foreground);font-size:15px;font-weight:800}.canvas-image-range-bounds{color:var(--sf-canvas-text-muted);font-size:11px}.canvas-image-range-input{appearance:none;accent-color:var(--sf-brand);background:0 0;border:0;width:100%;height:28px;min-height:28px;padding:0}.canvas-image-range-input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--sf-brand) 0 var(--canvas-image-range-progress,0),var(--sf-canvas-glass-track) var(--canvas-image-range-progress,0) 100%);border:0;border-radius:999px;height:4px}.canvas-image-range-input::-webkit-slider-thumb{appearance:none;background:var(--sf-brand);box-shadow:none;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.canvas-image-range-input::-moz-range-track{background:var(--sf-canvas-glass-track);border:0;border-radius:999px;height:4px}.canvas-image-range-input::-moz-range-progress{background:var(--sf-brand);border:0;border-radius:999px;height:4px}.canvas-image-range-input::-moz-range-thumb{background:var(--sf-brand);box-shadow:none;border:0;border-radius:50%;width:14px;height:14px}.canvas-image-range-input:focus-visible{outline:2px solid var(--sf-canvas-brand-tint-ring);outline-offset:3px}.canvas-image-parameter-popover .canvas-image-segmented-control button{color:var(--sf-canvas-text-muted);background:0 0;border-color:#0000;border-radius:8px;min-height:32px;padding:0 12px;font-size:13px;font-weight:800}.canvas-image-parameter-popover .canvas-image-segmented-control button:focus-visible,.canvas-image-parameter-popover .canvas-image-segmented-control button:hover:not(:disabled),.canvas-image-parameter-popover .canvas-image-segmented-control button[aria-pressed=true]{background:var(--sf-canvas-active-surface);border-color:var(--sf-canvas-border-soft);color:var(--foreground)}.canvas-inline-text-editor[data-surface=node-card] .canvas-inline-editor>span,.canvas-inline-text-editor[data-surface=node-card] .canvas-text-mode-heading{display:none}.canvas-inline-text-editor[data-surface=node-card]{width:100%;height:100%;min-height:0}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-panel{width:100%;height:100%;min-height:0;display:flex}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-editor-toolbar{background:var(--sf-canvas-surface-elevated);border-color:var(--border);box-shadow:0 18px 36px var(--sf-canvas-shadow-popover),inset 0 1px 0 var(--sf-canvas-hairline);max-width:min(720px,100vw - 64px);min-height:48px;left:50%;top:calc(-16px - (64px * var(--sf-flow-inverse-zoom,1)));transform:translateX(-50%) scale(var(--sf-flow-inverse-zoom,1));transform-origin:top;white-space:nowrap;width:max-content;z-index:var(--sf-z-canvas-node-controls);border-radius:999px;flex-wrap:nowrap;align-items:center;gap:6px;padding:8px 12px;display:inline-flex;position:absolute;overflow:visible}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-editor-toolbar button{color:var(--sf-text-secondary);border-radius:999px;min-width:30px;height:30px}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-editor-toolbar button:hover:not(:disabled),.canvas-inline-text-editor[data-surface=node-card] .canvas-text-editor-toolbar button[aria-pressed=true]{background:var(--sf-canvas-surface-raised);border-color:var(--sf-canvas-brand-border);color:var(--foreground)}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-table-menu{z-index:var(--sf-z-tooltip);position:absolute;top:calc(100% + 8px);bottom:auto;left:0}.canvas-text-write-editor-field{height:100%;min-height:260px;position:relative}.canvas-text-write-placeholder{color:var(--sf-text-muted);cursor:text;font:inherit;letter-spacing:0;text-align:center;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;min-height:260px;padding:0;font-size:14px;font-weight:650;display:flex}.canvas-text-write-placeholder:focus-visible{box-shadow:inset 0 0 0 2px var(--sf-canvas-brand-tint-ring);border-radius:18px;outline:none}.canvas-text-write-placeholder:disabled{cursor:default}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-editor-field{flex:auto;width:100%;height:100%;min-height:216px}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-placeholder{min-height:216px}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-editor-field textarea{box-shadow:none;color:var(--foreground);resize:none;scrollbar-color:var(--sf-shared-scrollbar-thumb) transparent;scrollbar-width:thin;background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;font-size:14px;font-weight:500;line-height:1.55;overflow:visible}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-editor-field textarea:focus-visible{box-shadow:none;border-color:#0000;outline:none}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-editor-field textarea::placeholder{color:var(--sf-text-muted)}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-reference-token{max-width:calc(100% - 48px);z-index:var(--sf-z-canvas-node-controls);position:absolute;top:20px;right:24px}.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-panel[data-card-expanded=true],.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-panel[data-card-expanded=true] .canvas-text-write-editor-field,.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-panel[data-card-expanded=true] .canvas-text-write-editor-field textarea,.canvas-inline-text-editor[data-surface=node-card] .canvas-text-write-panel[data-card-expanded=true] .canvas-text-write-placeholder{min-height:420px}.canvas-text-model-select{min-width:0}.canvas-text-model-select .sf-select-trigger{color:var(--foreground);background:0 0;border-color:#0000;border-radius:999px;gap:6px;width:max-content;max-width:100%;min-height:36px;padding:0;font-size:15px;font-weight:760}.canvas-text-model-select .sf-select-trigger:disabled{background:0 0;border-color:#0000}.canvas-text-model-select .sf-select-trigger svg{width:18px;height:18px}.canvas-text-model-select .sf-select-trigger:hover:not(:disabled){color:var(--sf-canvas-text-primary);background:0 0;border-color:#0000}.canvas-text-model-select .sf-select-trigger:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-ring);border-color:#0000}.canvas-text-model-select .sf-select-trigger>span{flex:0 auto}.canvas-image-generation-panel .canvas-image-output-count-select .sf-select-trigger,.canvas-image-generation-panel .canvas-image-parameter-select .sf-select-trigger{color:var(--sf-canvas-text-primary);font-weight:500}.canvas-image-generation-panel .canvas-image-output-count-select .sf-select-trigger>span,.canvas-image-generation-panel .canvas-image-parameter-select .sf-select-trigger>span{color:inherit;font-weight:inherit}.canvas-image-generation-panel .canvas-image-output-count-select .sf-select-trigger>svg,.canvas-image-generation-panel .canvas-image-parameter-select .canvas-image-parameter-chevron{color:var(--sf-canvas-text-muted);stroke-width:2px;flex:0 0 18px;width:18px;height:18px}.canvas-text-generation-panel .canvas-cost-preview{min-height:44px;padding:7px 9px}.canvas-text-parameter-empty{color:var(--sf-text-muted);padding:0 14px 14px;font-size:12px;line-height:1.45}.canvas-text-advanced-toggle.sf-app-button{--sf-app-button-bg:transparent;--sf-app-button-bg-hover:transparent;--sf-app-button-border:transparent;--sf-app-button-fg:var(--foreground);aspect-ratio:1;box-sizing:border-box;color:var(--sf-canvas-text-muted);background:0 0;border-color:#0000;border-radius:50%;flex:0 0 36px;align-self:center;width:36px;min-width:36px;height:36px;min-height:36px}.canvas-text-advanced-toggle.sf-app-button:hover:not(:disabled){background:var(--sf-canvas-hover-surface);color:var(--foreground);border-color:#0000;border-radius:50%}.canvas-text-advanced-toggle.sf-app-button[data-active=true]{background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-text-advanced-toggle.sf-app-button[data-active=true]{background:color-mix(in srgb,var(--sf-brand) 14%,var(--sf-panel-subtle))}}.canvas-text-advanced-toggle.sf-app-button[data-active=true]{border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-text-advanced-toggle.sf-app-button[data-active=true]{border-color:color-mix(in srgb,var(--sf-brand) 28%,transparent)}}.canvas-text-advanced-toggle.sf-app-button[data-active=true]{color:var(--sf-brand);border-radius:50%}.canvas-text-generate-button.sf-app-button{background:linear-gradient(180deg,var(--sf-canvas-brand-accent),var(--sf-brand));border-color:var(--sf-canvas-brand-border);box-shadow:inset 0 1px 0 var(--sf-canvas-highlight-line),0 12px 26px var(--sf-canvas-brand-tint-ring),0 2px 0 var(--sf-canvas-shadow-soft);color:var(--sf-control-ink);white-space:nowrap;border-radius:999px;gap:9px;width:fit-content;max-width:min(220px,100%);min-height:42px;padding:0 5px 0 13px;font-weight:800}.canvas-text-generate-button.sf-app-button span{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.canvas-text-generate-button.sf-app-button:hover:not(:disabled){background:linear-gradient(180deg,var(--sf-canvas-brand-accent),var(--sf-brand-strong));box-shadow:inset 0 1px 0 var(--sf-canvas-highlight-line),0 14px 30px var(--sf-canvas-brand-tint-hover),0 2px 0 var(--sf-canvas-shadow-soft);transform:translateY(-1px)}.canvas-text-generate-button.sf-app-button svg:first-child{color:currentColor}.canvas-text-generate-button.sf-app-button svg:last-child{background:var(--foreground);box-shadow:0 6px 14px var(--sf-canvas-shadow-soft);box-sizing:border-box;color:var(--sf-control-ink);border-radius:999px;flex:0 0 28px;width:28px;height:28px;margin-right:0;padding:7px}.canvas-text-generate-button.sf-app-button:disabled{background:var(--sf-canvas-border-subtle);border-color:var(--sf-canvas-border-soft);box-shadow:none;color:var(--sf-text-muted);opacity:.68}.canvas-text-generate-button.sf-app-button:disabled svg:last-child{background:var(--sf-canvas-hover-surface);box-shadow:none;color:var(--sf-canvas-text-muted)}.canvas-text-generate-button.sf-app-button[data-cost-pending=true]:disabled{background:linear-gradient(180deg,var(--sf-canvas-brand-accent),var(--sf-brand));border-color:var(--sf-canvas-brand-border);box-shadow:inset 0 1px 0 var(--sf-canvas-highlight-line),0 10px 22px var(--sf-canvas-brand-tint-ring);color:var(--sf-control-ink);cursor:progress;opacity:.88}.canvas-text-generate-button.sf-app-button[data-cost-pending=true]:disabled svg:last-child{background:var(--foreground);box-shadow:0 6px 14px var(--sf-canvas-shadow-soft);color:var(--sf-control-ink)}.canvas-agent-submit-spinner{animation:canvas-agent-submit-spin .76s linear infinite}@keyframes canvas-agent-submit-spin{to{transform:rotate(1turn)}}.canvas-text-stage-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0;display:grid}.canvas-text-schema-parameters{border-top:1px solid var(--sf-canvas-border-divider);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px;min-width:0;display:grid}.canvas-text-schema-parameters.canvas-voiceover-parameters{border-top:1px solid var(--sf-canvas-border-soft)}@media (max-width:640px){.canvas-voiceover-parameter-control{grid-template-columns:minmax(64px,max-content) minmax(0,1fr);gap:16px}}.canvas-text-generation-panel .canvas-agent-advanced-parameters__content>[aria-label=文本高级参数],.canvas-text-generation-panel .canvas-agent-advanced-parameters__content>[data-text-parameter-empty=true],.canvas-text-generation-panel>[aria-label=文本高级参数],.canvas-text-generation-panel>[data-text-parameter-empty=true]{padding:18px 20px 20px}.canvas-text-parameter-control{background:0 0;border:0;border-radius:0;gap:8px;min-width:0;padding:0;display:grid}.canvas-text-parameter-heading{justify-content:flex-start;align-items:flex-start;gap:7px;min-width:0;display:flex}.canvas-text-parameter-name{gap:2px;min-width:0;display:grid}.canvas-text-parameter-title-row{align-items:center;gap:4px;min-width:0;display:inline-flex}.canvas-text-parameter-name strong{color:var(--sf-canvas-text-primary);overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:800;line-height:1.2}.canvas-text-parameter-name small{color:var(--sf-canvas-text-muted);overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:650;line-height:1.2}.canvas-text-parameter-info{color:var(--sf-canvas-text-muted);cursor:help;background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex}.canvas-text-parameter-info:focus-visible,.canvas-text-parameter-info:hover{background:var(--sf-canvas-hover-surface);border-color:var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary);outline:none}.canvas-text-parameter-inputs{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;min-width:0;display:grid}.canvas-text-parameter-inputs input[type=range]{appearance:none;accent-color:var(--sf-brand);background:0 0;border:0;width:100%;min-width:0;height:24px;padding:0}.canvas-text-parameter-inputs input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--sf-brand) 0 var(--canvas-text-parameter-progress,0),var(--sf-canvas-border-divider) var(--canvas-text-parameter-progress,0) 100%);border:0;border-radius:999px;height:6px}.canvas-text-parameter-inputs input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sf-brand);box-shadow:none;border:0;border-radius:50%;width:14px;height:14px;margin-top:-4px}.canvas-text-parameter-inputs input[type=range]::-moz-range-track{background:var(--sf-canvas-border-divider);border:0;border-radius:999px;height:6px}.canvas-text-parameter-inputs input[type=range]::-moz-range-progress{background:var(--sf-brand);border:0;border-radius:999px;height:6px}.canvas-text-parameter-inputs input[type=range]::-moz-range-thumb{background:var(--sf-brand);box-shadow:none;border:0;border-radius:50%;width:14px;height:14px}.canvas-text-parameter-inputs input[type=range]:focus-visible{outline:2px solid var(--sf-canvas-brand-tint-ring);outline-offset:3px}.canvas-text-parameter-inputs input[type=number]{appearance:textfield;color:var(--sf-canvas-text-primary);font:inherit;text-align:right;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:auto;padding:0;font-size:12px;font-weight:750}.canvas-text-parameter-inputs input[type=number]::-webkit-inner-spin-button,.canvas-text-parameter-inputs input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.canvas-text-parameter-inputs input[type=number]:focus-visible{box-shadow:none;outline:2px solid var(--sf-canvas-brand-tint-ring);outline-offset:2px}.canvas-text-stage-preview{background:var(--sf-canvas-surface-elevated);border:1px solid var(--border);border-radius:14px;gap:4px;min-height:76px;padding:10px;display:grid}.canvas-text-stage-preview strong{color:var(--foreground);font-size:12px}.canvas-text-generation-panel>button,.canvas-text-stage-panel>button{justify-self:end}:is(.canvas-parameter-chips label,.canvas-image-primary-parameters label){gap:4px;min-width:96px;display:grid}.canvas-video-agent-toolbar{justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:14px 14px 0;display:flex}.canvas-video-agent-panel__content{min-width:0;display:grid}.canvas-video-agent-panel .canvas-image-prompt-field{padding-top:0}.canvas-video-agent-toolbar__actions{flex:none;align-items:center;margin-left:auto;display:flex}.canvas-agent-type-tabs{scrollbar-width:none;background:0 0;border:0;border-radius:9px;gap:2px;padding:0;overflow-x:auto}.canvas-agent-type-tabs::-webkit-scrollbar,.canvas-model-menu__list::-webkit-scrollbar{display:none}.canvas-agent-type-tabs__tab{color:var(--sf-text-secondary);font:inherit;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;min-height:30px;padding:5px 12px;font-size:12px;transition:background .15s,color .15s,box-shadow .15s}.canvas-agent-type-tabs__tab:hover:not(:disabled){color:var(--foreground);background:#ffffff0e}.canvas-agent-type-tabs__tab:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium);color:var(--foreground);background:#ffffff0e;outline:none}.canvas-agent-type-tabs__tab[aria-selected=true]{color:var(--foreground);background:#ffffff1a;border-color:#0000;font-weight:700}.canvas-agent-type-tabs__tab:disabled:not([aria-selected=true]),.canvas-voiceover-phase-controls button{background:var(--sf-panel-subtle);color:var(--sf-text-muted);cursor:not-allowed}.canvas-image-generation-panel .canvas-image-reference-thumb__placeholder{justify-content:center;align-items:center;width:100%;height:100%;line-height:normal;display:flex}.canvas-image-generation-panel .canvas-image-reference-thumb__remove{min-width:22px;min-height:22px}.canvas-image-preset-chips,.canvas-image-preset-selector{align-items:center;display:flex}.canvas-image-preset-chips{flex-wrap:wrap;gap:6px;min-width:0}.canvas-image-preset-chip{background:var(--sf-violet-soft);border:1px solid var(--sf-violet);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-image-preset-chip{border:1px solid color-mix(in srgb,var(--sf-violet) 72%,transparent)}}.canvas-image-preset-chip{color:var(--sf-canvas-text-primary);border-radius:10px;gap:6px;max-width:min(100%,360px);min-height:34px;padding:0 7px 0 12px;display:inline-flex}.canvas-image-preset-chip>span{min-width:0;display:block}.canvas-image-preset-chip b{color:var(--sf-canvas-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.2;display:block;overflow:hidden}.canvas-image-preset-chip button{color:var(--sf-violet);background:0 0;border:0;border-radius:6px;align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-image-preset-chip button{color:color-mix(in srgb,var(--sf-violet) 86%,white 14%)}}.canvas-image-preset-chip button{flex:0 0 24px;justify-content:center;width:24px;height:24px;padding:0;display:inline-flex}.canvas-image-preset-chip button:focus-visible,.canvas-image-preset-chip button:hover:not(:disabled){background:var(--sf-violet)}@supports (color:color-mix(in lab,red,red)){.canvas-image-preset-chip button:focus-visible,.canvas-image-preset-chip button:hover:not(:disabled){background:color-mix(in srgb,var(--sf-violet) 22%,transparent)}}.canvas-image-preset-chip button:focus-visible,.canvas-image-preset-chip button:hover:not(:disabled){color:var(--sf-canvas-text-primary);outline:none}.canvas-media-preset-dialog-overlay{z-index:calc(var(--sf-z-modal,500) + 19)}.canvas-media-preset-dialog{z-index:calc(var(--sf-z-modal,500) + 20)}.app-dialog-content.canvas-media-preset-dialog{max-height:min(760px,100dvh - 32px)}.app-dialog-content.canvas-media-preset-dialog .app-dialog-body{min-height:0;padding:0;display:flex;overflow:hidden}.canvas-agent-preset-library{background:var(--sf-canvas-surface-panel);flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.canvas-agent-preset-library__search{border-radius:999px;flex:0 360px;align-items:center;gap:8px;display:flex}.canvas-agent-preset-library__search:focus-within{border-color:var(--app-dialog-primary,var(--sf-brand));box-shadow:0 0 0 2px var(--app-dialog-focus-ring,var(--sf-canvas-brand-tint-ring))}.canvas-agent-preset-library__search svg{color:var(--app-dialog-muted,var(--sf-canvas-text-muted));flex:none}.canvas-agent-preset-library__search input{color:var(--sf-canvas-text-primary);font:inherit;background:0 0;border:0;outline:none;flex:auto;min-width:0;font-size:13px}.canvas-agent-preset-library__search input::placeholder{color:var(--sf-canvas-text-muted)}.canvas-agent-preset-library__tabs{background:var(--sf-canvas-surface-panel);border-bottom:1px solid var(--sf-canvas-border-muted);align-items:center;gap:4px;min-width:0;padding:0 20px;display:flex}.canvas-agent-preset-library__tabs>.canvas-agent-preset-library__search{flex:0 360px;margin-left:auto}.canvas-agent-preset-library__tabs button{color:var(--sf-canvas-text-muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;min-height:46px;padding:0 14px;font-size:13px;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out}.canvas-agent-preset-library__tabs button:focus-visible,.canvas-agent-preset-library__tabs button:hover{background:var(--sf-canvas-hover-surface);color:var(--sf-canvas-text-primary);outline:none}.canvas-agent-preset-library__tabs button.is-active{border-color:var(--sf-brand);color:var(--sf-canvas-text-primary);font-weight:650}.canvas-agent-preset-browser{flex:auto;grid-template-columns:156px minmax(0,1fr);width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.canvas-agent-preset-browser__sidebar,.canvas-agent-preset-custom__sidebar{background:var(--sf-canvas-surface-panel);border-right:1px solid var(--sf-canvas-border-muted);min-height:0;padding:16px 10px;overflow-y:auto}.canvas-agent-preset-browser__sidebar-heading,.canvas-agent-preset-custom__sidebar-heading{color:var(--sf-canvas-text-muted);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:0 10px 8px;font-size:11px;font-weight:650;display:flex}.canvas-agent-preset-browser__sidebar button,.canvas-agent-preset-custom__sidebar>button{color:var(--sf-canvas-text-soft);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:0 10px;font-size:13px;transition:background .16s ease-out,color .16s ease-out;display:flex}.canvas-agent-preset-browser__sidebar button:focus-visible,.canvas-agent-preset-browser__sidebar button:hover:not(:disabled),.canvas-agent-preset-custom__sidebar>button:focus-visible,.canvas-agent-preset-custom__sidebar>button:hover:not(:disabled){background:var(--sf-canvas-hover-surface);color:var(--sf-canvas-text-primary);outline:none}.canvas-agent-preset-browser__sidebar button.is-active,.canvas-agent-preset-custom__sidebar>button.is-active{background:var(--sf-canvas-brand-tint);color:var(--sf-canvas-brand-accent);font-weight:650}.canvas-agent-preset-browser__content{scrollbar-color:var(--sf-shared-scrollbar-thumb) transparent;scrollbar-width:thin;min-width:0;min-height:min(560px,100dvh - 270px);padding:18px 20px 24px;overflow-y:auto}.canvas-agent-preset-browser__content>header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px;display:flex}.canvas-agent-preset-browser__content h3{color:var(--sf-canvas-text-primary);margin:0;font-size:15px;font-weight:650;line-height:1.3}.canvas-agent-preset-browser__content p{color:var(--sf-canvas-text-muted);margin:4px 0 0;font-size:12px;line-height:1.45}.canvas-agent-preset-browser__content>header>span{color:var(--sf-canvas-text-muted);flex:none;padding-top:2px;font-size:12px}.canvas-agent-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.canvas-agent-preset-grid article{background:var(--sf-canvas-surface-elevated);border:1px solid var(--sf-canvas-border-soft);border-radius:10px;min-width:0;transition:border-color .16s ease-out,background .16s ease-out,box-shadow .16s ease-out;position:relative;overflow:hidden}.canvas-agent-preset-grid article.is-selected,.canvas-agent-preset-grid article:hover{background:var(--sf-canvas-surface-raised);border-color:var(--sf-canvas-brand-border);box-shadow:0 8px 24px var(--sf-canvas-shadow-soft)}.canvas-agent-preset-card-select{color:var(--sf-canvas-text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;gap:9px;width:100%;padding:8px;display:grid}.canvas-agent-preset-card-select:focus-visible{outline:2px solid var(--sf-brand);outline-offset:-2px}.canvas-agent-preset-card-select:disabled{cursor:not-allowed;opacity:.48}.canvas-agent-preset-card__thumb{aspect-ratio:1.62;background:var(--sf-canvas-surface-control);border-radius:7px;display:block;position:relative;overflow:hidden}.canvas-agent-preset-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .22s ease-out,opacity .16s ease-out;display:block}.canvas-agent-preset-grid article:hover .canvas-agent-preset-card__thumb img{transform:scale(1.025)}.canvas-agent-preset-card__select-indicator{background:var(--sf-brand);color:var(--sf-control-ink);border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:8px;right:8px}.canvas-agent-preset-card__meta{gap:4px;min-width:0;padding:0 2px 2px;display:grid}.canvas-agent-preset-card__title-row{align-items:center;gap:6px;min-width:0;display:flex}.canvas-agent-preset-card__meta strong{color:var(--sf-canvas-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:650;line-height:1.35;overflow:hidden}.canvas-agent-preset-card__meta small{background:var(--sf-canvas-text-muted)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-preset-card__meta small{background:color-mix(in srgb,var(--sf-canvas-text-muted) 16%,transparent)}}.canvas-agent-preset-card__meta small{border:1px solid var(--sf-canvas-text-muted)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-preset-card__meta small{border:1px solid color-mix(in srgb,var(--sf-canvas-text-muted) 28%,transparent)}}.canvas-agent-preset-card__meta small{letter-spacing:0;border-radius:4px;flex:none;max-width:42%;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.2}.canvas-agent-preset-card__meta em,.canvas-agent-preset-card__meta small{color:var(--sf-canvas-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-agent-preset-card__meta em{font-size:11px;font-style:normal;line-height:1.35}.canvas-agent-preset-grid article>button[aria-label^=取消收藏],.canvas-agent-preset-grid article>button[aria-label^=收藏]{color:var(--sf-canvas-text-soft);background:#000000b3;border:0;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .16s ease-out,color .16s ease-out;display:inline-flex;position:absolute;top:15px;right:15px}.canvas-agent-preset-grid article>button[aria-label^=取消收藏]:focus-visible,.canvas-agent-preset-grid article>button[aria-label^=取消收藏]:hover:not(:disabled),.canvas-agent-preset-grid article>button[aria-label^=收藏]:focus-visible,.canvas-agent-preset-grid article>button[aria-label^=收藏]:hover:not(:disabled){color:var(--sf-canvas-text-primary);background:#000000d1;outline:none}.canvas-agent-preset-grid article>button.is-favorite{background:var(--sf-brand);color:var(--sf-canvas-text-primary);outline:none}.canvas-agent-preset-grid article>button.is-favorite:focus-visible,.canvas-agent-preset-grid article>button.is-favorite:hover:not(:disabled){background:var(--sf-brand-strong);color:var(--sf-canvas-text-primary)}.canvas-agent-preset-empty{border:1px dashed var(--sf-canvas-border-strong);color:var(--sf-canvas-text-soft);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:300px;padding:24px;display:flex}.canvas-agent-preset-empty>span{color:var(--sf-canvas-text-primary);font-size:14px;font-weight:650}.canvas-agent-preset-empty small{color:var(--sf-canvas-text-muted);font-size:12px}.canvas-agent-preset-custom__delete-confirm button,.canvas-agent-preset-custom__editor footer button,.canvas-agent-preset-custom__header-actions button,.canvas-agent-preset-empty button{background:var(--sf-canvas-surface-control);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-soft);cursor:pointer;font:inherit;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:12px;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex}.canvas-agent-preset-custom__delete-confirm button:focus-visible,.canvas-agent-preset-custom__delete-confirm button:hover,.canvas-agent-preset-custom__editor footer button:focus-visible,.canvas-agent-preset-custom__editor footer button:hover:not(:disabled),.canvas-agent-preset-custom__header-actions button:focus-visible,.canvas-agent-preset-custom__header-actions button:hover:not(:disabled),.canvas-agent-preset-empty button:focus-visible,.canvas-agent-preset-empty button:hover{border-color:var(--sf-canvas-brand-border);color:var(--sf-canvas-text-primary);outline:none}.canvas-agent-preset-custom{flex:auto;grid-template-columns:156px minmax(0,1fr);width:100%;min-width:0;min-height:min(560px,100dvh - 270px);display:grid;overflow:hidden}.canvas-agent-preset-custom__sidebar-heading .count{background:var(--sf-canvas-surface-control);color:var(--sf-canvas-text-muted);border-radius:999px;padding:2px 6px;font-size:10px}.canvas-agent-preset-custom__sidebar>button[aria-pressed]{justify-content:flex-start}.canvas-agent-preset-custom__sidebar p{color:var(--sf-canvas-text-muted);margin:12px 10px;font-size:12px;line-height:1.5}.canvas-agent-preset-custom__editor{flex-direction:column;min-width:0;min-height:0;padding:20px 24px 24px;display:flex;overflow-y:auto}.canvas-agent-preset-custom__editor>header{justify-content:space-between;align-items:start;gap:16px;display:flex}.canvas-agent-preset-custom__editor>header>div:first-child{gap:4px;display:grid}.canvas-agent-preset-custom__editor>header span{color:var(--sf-canvas-text-primary);font-size:15px;font-weight:650}.canvas-agent-preset-custom__editor>header small{color:var(--sf-canvas-text-muted);font-size:12px}.canvas-agent-preset-custom__header-actions{gap:8px;display:flex}.canvas-agent-preset-custom__header-actions button.is-icon{min-width:34px;padding:0}.canvas-agent-preset-custom__fields{gap:16px;margin-top:22px;display:grid}.canvas-agent-preset-custom__fields label{gap:7px;display:grid}.canvas-agent-preset-custom__fields label>span{color:var(--sf-canvas-text-soft);font-size:12px;font-weight:650}.canvas-agent-preset-custom__fields input,.canvas-agent-preset-custom__fields textarea{background:var(--app-dialog-field-bg,var(--sf-canvas-surface-elevated));border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary);font:inherit;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .16s ease-out,box-shadow .16s ease-out}.canvas-agent-preset-custom__fields label:first-child input{min-height:40px}.canvas-agent-preset-custom__fields label:not(:first-child) textarea{resize:vertical;min-height:88px}.canvas-agent-preset-custom__fields input::placeholder,.canvas-agent-preset-custom__fields textarea::placeholder{color:var(--sf-canvas-text-muted)}.canvas-agent-preset-custom__fields input:focus,.canvas-agent-preset-custom__fields textarea:focus{border-color:var(--sf-brand);box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium)}.canvas-agent-preset-custom__delete-confirm{background:var(--sf-canvas-notice-warning-surface);color:var(--sf-canvas-text-soft);border:1px solid #f59e0b59;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:10px 12px;font-size:12px;display:flex}.canvas-agent-preset-custom__delete-confirm>div{flex:none;gap:6px;display:flex}.canvas-agent-preset-custom__delete-confirm>div>button{min-height:30px;padding-inline:9px}.canvas-agent-preset-custom__delete-confirm button.is-danger{background:var(--sf-canvas-notice-danger-surface);border-color:var(--sf-feedback-danger-border);color:var(--sf-feedback-danger-text)}.canvas-agent-preset-custom__editor>footer{border-top:1px solid var(--sf-canvas-border-muted);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:18px;display:flex}.canvas-agent-preset-custom__editor footer button.is-primary{background:var(--sf-brand);border-color:var(--sf-brand);color:var(--sf-control-ink);font-weight:650}.canvas-agent-preset-custom__editor footer button.is-primary:focus-visible,.canvas-agent-preset-custom__editor footer button.is-primary:hover:not(:disabled){background:var(--sf-brand-strong);border-color:var(--sf-brand-strong)}@media (max-width:900px){.canvas-agent-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-agent-preset-browser,.canvas-agent-preset-custom{grid-template-columns:136px minmax(0,1fr)}}@media (max-width:680px){.canvas-agent-preset-library__search{flex-basis:auto;max-width:none}.canvas-agent-preset-library__tabs{padding-inline:10px;overflow-x:auto}.canvas-agent-preset-library__tabs>.canvas-agent-preset-library__search{flex:1 0 220px;max-width:260px;margin-left:auto}.canvas-agent-preset-library__tabs button{flex:none;padding-inline:11px}.canvas-agent-preset-browser,.canvas-agent-preset-custom{grid-template-columns:112px minmax(0,1fr)}.canvas-agent-preset-browser__sidebar,.canvas-agent-preset-custom__sidebar{padding-inline:6px}.canvas-agent-preset-browser__sidebar button,.canvas-agent-preset-custom__sidebar>button{padding-inline:8px;font-size:12px}.canvas-agent-preset-browser__content{padding-inline:12px}.canvas-agent-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.canvas-agent-preset-card-select{gap:7px;padding:6px}.canvas-agent-preset-card__meta em{display:none}.canvas-agent-preset-custom__editor{padding:16px 14px 18px}.canvas-agent-preset-custom__delete-confirm,.canvas-agent-preset-custom__editor>header{flex-direction:column;align-items:stretch}.canvas-agent-preset-custom__header-actions{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.canvas-agent-submit-spinner{animation:none}.canvas-agent-preset-browser__sidebar button,.canvas-agent-preset-card__thumb img,.canvas-agent-preset-custom__sidebar>button,.canvas-agent-preset-grid article,.canvas-agent-preset-grid article>button[aria-label^=取消收藏],.canvas-agent-preset-grid article>button[aria-label^=收藏],.canvas-agent-preset-library__search,.canvas-agent-preset-library__tabs button{transition:none}}:is(.canvas-inline-upload-source,.canvas-image-phase-controls button){background:var(--sf-panel-subtle);color:var(--sf-text-muted)}.canvas-image-phase-controls button:not(:disabled){color:var(--foreground)}:is(.canvas-image-phase-note,.canvas-image-primary-parameters span,.canvas-inline-editor small){color:var(--sf-text-secondary);font-size:12px}.canvas-image-parameter-menu{min-width:180px;position:relative}.canvas-image-strength-control{min-width:180px}.canvas-image-strength-control span{justify-content:space-between;align-items:center;display:flex}.canvas-image-strength-control b{color:var(--foreground);font-size:12px;font-weight:700}.canvas-image-strength-control input[type=range]{accent-color:var(--sf-brand);width:100%;min-height:28px}.canvas-image-output-count{flex-wrap:wrap;align-items:end;gap:6px;min-width:0;display:flex}.canvas-image-output-count button{background:var(--sf-panel-subtle);color:var(--sf-text-secondary);min-width:44px;min-height:34px;padding:0 10px}:is(.canvas-inline-generator button,.canvas-disabled-agent-block button){font:inherit;background:0 0;border:1px solid #0000;border-radius:50%;min-height:32px}:is(.canvas-image-try-actions button,.canvas-inline-reference-source button,.canvas-image-phase-controls button,.canvas-voiceover-phase-controls button,.canvas-image-output-count button,.canvas-disabled-agent-block button){color:var(--sf-text-secondary);background:#ffffff0d;border-radius:50%;min-height:32px;padding:0 10px}:is(.canvas-image-try-actions button:hover:not(:disabled),.canvas-inline-reference-source button:hover:not(:disabled),.canvas-image-phase-controls button:hover:not(:disabled),.canvas-voiceover-phase-controls button:hover:not(:disabled),.canvas-disabled-agent-block button:hover:not(:disabled)){background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:is(.canvas-image-try-actions button:hover:not(:disabled),.canvas-inline-reference-source button:hover:not(:disabled),.canvas-image-phase-controls button:hover:not(:disabled),.canvas-voiceover-phase-controls button:hover:not(:disabled),.canvas-disabled-agent-block button:hover:not(:disabled)){background:color-mix(in srgb,var(--sf-brand) 12%,var(--sf-panel-subtle))}}:is(.canvas-image-try-actions button:hover:not(:disabled),.canvas-inline-reference-source button:hover:not(:disabled),.canvas-image-phase-controls button:hover:not(:disabled),.canvas-voiceover-phase-controls button:hover:not(:disabled),.canvas-disabled-agent-block button:hover:not(:disabled)){color:var(--foreground)}:is(.canvas-image-try-actions button[aria-pressed=true],.canvas-image-output-count button[aria-pressed=true],.canvas-image-phase-controls button[aria-pressed=true]){background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){:is(.canvas-image-try-actions button[aria-pressed=true],.canvas-image-output-count button[aria-pressed=true],.canvas-image-phase-controls button[aria-pressed=true]){background:color-mix(in srgb,var(--sf-brand) 18%,var(--sf-panel))}}:is(.canvas-image-try-actions button[aria-pressed=true],.canvas-image-output-count button[aria-pressed=true],.canvas-image-phase-controls button[aria-pressed=true]){color:var(--foreground);font-weight:700}:is(.canvas-image-try-actions button:disabled,.canvas-inline-reference-source button:disabled,.canvas-image-phase-controls button:disabled,.canvas-voiceover-phase-controls button:disabled,.canvas-disabled-agent-block button:disabled){background:var(--sf-canvas-hairline);color:var(--sf-text-muted);opacity:.62}.canvas-cost-preview{color:var(--sf-text-secondary);min-width:0;padding:10px 12px;font-size:12px;line-height:1.45}.canvas-inline-generator>button[aria-label=开始生成]{background:var(--sf-brand);border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-inline-generator>button[aria-label=开始生成]{border-color:color-mix(in srgb,var(--sf-brand) 72%,var(--border))}}.canvas-inline-generator>button[aria-label=开始生成]{color:var(--sf-control-ink);border-radius:12px;min-height:42px;font-weight:800}.canvas-inline-generator>button[aria-label=开始生成]:hover:not(:disabled){background:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-inline-generator>button[aria-label=开始生成]:hover:not(:disabled){background:color-mix(in srgb,var(--sf-brand) 86%,var(--sf-surface-panel-light))}}.canvas-inline-generator>button[aria-label=开始生成]:disabled{background:var(--sf-canvas-border-subtle);border-color:var(--sf-canvas-border-soft);color:var(--sf-text-muted);opacity:.68}@media (max-width:760px){.canvas-node-below-editor{width:min(520px,100vw - 32px);min-width:min(360px,100vw - 32px)}.canvas-image-composer-row>.canvas-text-generate-button{width:100%;margin-left:0}.canvas-image-generation-panel .canvas-image-primary-parameters{flex-wrap:wrap}}.app-dialog-overlay:has([data-media-preview-root=true]){--app-dialog-overlay-shade:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:stretch;align-items:stretch;padding:0}.app-dialog-content:has([data-media-preview-root=true]){--app-dialog-text:var(--sf-canvas-text-primary);--app-dialog-heading:var(--sf-canvas-text-primary);--app-dialog-muted:var(--sf-canvas-text-soft);--app-dialog-border:var(--sf-canvas-border-soft);--app-dialog-divider:var(--sf-canvas-border-muted);--app-dialog-field-bg:var(--sf-canvas-surface-panel);--app-dialog-control:var(--sf-canvas-surface-elevated);--app-dialog-control-hover:var(--sf-canvas-hover-surface);background:var(--app-dialog-surface);box-shadow:none;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:100dvh}.app-dialog-content:has([data-media-preview-root=true]) .app-dialog-header{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-dialog-content:has([data-media-preview-root=true])>.app-dialog-close{display:none}.app-dialog-content:has([data-media-preview-root=true]) .app-dialog-body{flex:auto;min-height:0;padding:0;display:flex;overflow:hidden}.canvas-node-media-preview{background:var(--app-dialog-surface);color:var(--app-dialog-text);flex:auto;grid-template-rows:52px minmax(0,1fr);width:100%;min-height:0;display:grid}.canvas-node-media-preview__topbar{background:var(--app-dialog-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--app-dialog-divider);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:8px 18px;display:flex}.canvas-node-media-preview__topbar dl{flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;margin:0;display:flex}.canvas-node-media-preview__topbar dl>div{align-items:center;gap:4px;min-width:0;max-width:min(34vw,360px);display:inline-flex}:is(.canvas-node-media-preview__topbar dt,.canvas-node-media-preview__topbar dd){min-width:0;margin:0}.canvas-node-media-preview__topbar dt{color:var(--app-dialog-muted);font-size:12px;line-height:1}.canvas-node-media-preview__topbar dd{color:var(--app-dialog-heading);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1;overflow:hidden}.canvas-node-media-preview__controls{flex:none;gap:8px;display:inline-flex;position:relative}[data-preview-controls=true] [data-preview-zoom=true]{position:relative}[data-preview-close=true]{border:1px solid var(--app-dialog-border);border-radius:10px;flex:none;width:36px;height:36px;padding:0}[data-preview-close=true],[data-preview-controls=true] [data-preview-zoom=true]>button{background:var(--app-dialog-control);color:var(--app-dialog-heading);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}[data-preview-controls=true] [data-preview-zoom=true]>button{border:1px solid var(--app-dialog-border);font:inherit;border-radius:8px;gap:8px;min-width:72px;height:32px;padding:0 10px;font-size:12px;font-weight:650}[data-preview-close=true]:hover,[data-preview-controls=true] [data-preview-zoom=true]>button:hover{background:var(--app-dialog-control-hover);border-color:var(--sf-canvas-brand-border)}[data-preview-close=true]:focus-visible,[data-preview-controls=true] [data-preview-zoom=true]>button:focus-visible,[data-preview-controls=true] [role=option]:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px}[data-preview-controls=true] [role=listbox]{background:var(--sf-canvas-surface-raised);border:1px solid var(--app-dialog-border);box-shadow:0 18px 42px var(--sf-canvas-shadow-popover);border-radius:10px;width:132px;padding:5px 0;display:grid;position:absolute;top:calc(100% + 7px);right:0}[data-preview-controls=true] [role=option]{color:var(--app-dialog-text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);place-items:center start;height:28px;padding:0 12px;font-size:13px;display:grid}[data-preview-controls=true] [role=option]:hover,[data-preview-controls=true] [role=option][data-selected=true]{background:var(--sf-canvas-active-surface);color:var(--app-dialog-heading)}[data-preview-controls=true] [data-preview-zoom-check=true]{color:var(--app-dialog-heading);font-size:12px;line-height:1}.canvas-node-media-preview__stage{overscroll-behavior:contain;scrollbar-color:var(--sf-shared-scrollbar-thumb) transparent;scrollbar-width:thin;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;overflow:auto}.canvas-node-media-preview__image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;flex:none;display:block}[data-preview-image=true][data-zoom-mode=fit]{object-fit:contain;width:auto;max-width:calc(100vw - 64px);height:auto;max-height:calc(100dvh - 100px)}[data-preview-image=true][data-zoom-mode=fixed]{object-fit:fill;max-width:none;max-height:none}.canvas-node-media-preview__placeholder{aspect-ratio:1;background:var(--app-dialog-field-bg);border:1px solid var(--app-dialog-divider);border-radius:8px;place-items:center;width:min(52vw,520px);max-width:min(72vw,640px);min-height:220px;max-height:min(68vh,520px);padding:24px;display:grid}.canvas-node-media-preview__placeholder span{color:var(--app-dialog-heading);font-weight:800}.canvas-node-media-preview__placeholder small{color:var(--app-dialog-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (max-width:720px){[data-media-preview-root=true]{grid-template-rows:auto minmax(0,1fr)}.canvas-node-media-preview__topbar{flex-direction:column;align-items:flex-start;padding:10px 14px}.canvas-node-media-preview__topbar dl{gap:8px 12px}[data-preview-stage=true]{padding:16px}[data-preview-image=true][data-zoom-mode=fit]{max-width:calc(100vw - 32px);max-height:calc(100dvh - 150px)}}@media (prefers-reduced-motion:reduce){.app-dialog-content:has([data-media-preview-root=true]){animation:none}}.canvas-agent-expanded-dialog-overlay{background:var(--sf-canvas-overlay);z-index:var(--sf-z-modal);position:fixed;inset:0}.canvas-agent-expanded-dialog{background:var(--sf-canvas-surface-dialog);border:1px solid var(--sf-canvas-border-strong);box-shadow:inset 0 1px 0 var(--sf-canvas-highlight-line),0 26px 68px var(--sf-canvas-shadow-drawer);color:var(--foreground);width:820px;min-width:0;max-width:calc(100vw - 32px);height:520px;min-height:0;max-height:calc(100dvh - 32px);z-index:calc(var(--sf-z-modal) + 1);border-radius:20px;grid-template-rows:minmax(0,1fr);display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.canvas-agent-expanded-dialog__body{overscroll-behavior:contain;scrollbar-color:var(--sf-canvas-border-strong) transparent;scrollbar-width:thin;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.canvas-agent-expanded-dialog__surface{flex-direction:column;display:flex;overflow:hidden}.canvas-agent-expanded-dialog__surface,.canvas-agent-expanded-dialog__surface>*{inline-size:100%;flex:auto;min-width:0;min-height:0}.canvas-agent-expanded-dialog__surface .canvas-video-agent-panel__content,.canvas-agent-expanded-dialog__surface :is(.canvas-inline-text-editor,.canvas-video-agent-panel,.canvas-image-generation-panel,.canvas-text-generation-panel){inline-size:100%;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.canvas-agent-expanded-dialog__surface :is(.canvas-image-prompt-field,.canvas-text-prompt-field){inline-size:100%;flex-direction:column;flex:1 1 0;order:1;min-height:128px;display:flex;overflow:hidden}.canvas-agent-expanded-dialog__surface .canvas-agent-prompt-editor{flex:auto;min-height:0;display:flex}.canvas-agent-expanded-dialog__surface .canvas-agent-prompt-editor textarea{flex:auto;height:100%;min-height:0;max-height:none}.canvas-agent-expanded-dialog__surface .canvas-agent-advanced-parameters{--canvas-agent-advanced-parameters-max-height:224px;pointer-events:none;block-size:0;min-block-size:0;max-block-size:0;inline-size:100%;flex:0 0 0;order:3;grid-template-rows:0fr;align-self:stretch;min-width:0;transition:block-size .26s cubic-bezier(.22,1,.36,1),flex-basis .26s cubic-bezier(.22,1,.36,1),grid-template-rows .26s cubic-bezier(.22,1,.36,1),max-block-size .26s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.canvas-agent-expanded-dialog__surface .canvas-agent-advanced-parameters[data-open=true]{block-size:var(--canvas-agent-advanced-parameters-max-height);flex-basis:var(--canvas-agent-advanced-parameters-max-height);max-block-size:var(--canvas-agent-advanced-parameters-max-height);pointer-events:auto;grid-template-rows:minmax(0,1fr)}.canvas-agent-expanded-dialog__surface .canvas-agent-advanced-parameters__content{opacity:0;overscroll-behavior:contain;block-size:100%;min-block-size:0;min-width:0;transition:opacity .18s ease-out,transform .26s cubic-bezier(.22,1,.36,1);overflow:auto;transform:translateY(-8px)}.canvas-agent-expanded-dialog__surface .canvas-agent-advanced-parameters[data-open=true] .canvas-agent-advanced-parameters__content{opacity:1;transform:translateY(0)}.canvas-agent-expanded-dialog__surface .canvas-voiceover-parameters{block-size:100%;min-block-size:0;max-block-size:100%;margin:0 14px;overflow-y:auto}.canvas-agent-expanded-dialog__surface .canvas-image-composer-row{flex:none;order:2;inline-size:100%}.canvas-agent-expanded-dialog__surface .canvas-text-write-panel{inline-size:100%;flex-direction:column;flex:auto;min-height:0;display:flex}.canvas-agent-expanded-dialog__surface .canvas-text-write-editor-field{flex-direction:column;flex:auto;min-height:0;display:flex}.canvas-agent-expanded-dialog__surface .canvas-text-write-editor-field textarea{flex:auto;min-height:0;max-height:none}.canvas-agent-expanded-dialog__close{color:var(--sf-text-secondary);z-index:1;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex;position:absolute;top:14px;right:14px}.canvas-agent-expanded-dialog__close:hover:not(:disabled){color:var(--foreground);background:#ffffff0d}.canvas-agent-expanded-dialog__close:focus-visible{box-shadow:0 0 0 2px var(--sf-canvas-brand-tint-medium);color:var(--foreground);background:#ffffff0d;outline:none}@media (prefers-reduced-motion:reduce){.canvas-agent-expanded-dialog__surface .canvas-agent-advanced-parameters,.canvas-agent-expanded-dialog__surface .canvas-agent-advanced-parameters__content{transition-duration:.01ms}}.canvas-node-panorama-stage{gap:14px;min-width:0;display:grid}.canvas-node-panorama-stage__preview :where(small){color:var(--app-dialog-muted);max-width:var(--canvas-node-stage-preview-caption-width,34ch);font-size:12px}.canvas-node-panorama-stage__preview{--canvas-node-stage-preview-caption-width:34ch;aspect-ratio:21/9;background:linear-gradient(90deg,var(--sf-brand),transparent 34%,var(--sf-brand)),var(--app-dialog-field-bg);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-node-panorama-stage__preview{background:linear-gradient(90deg,color-mix(in srgb,var(--sf-brand) 18%,transparent),transparent 34%,color-mix(in srgb,var(--sf-brand) 10%,transparent)),var(--app-dialog-field-bg)}}.canvas-node-panorama-stage__preview{border:1px dashed var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-node-panorama-stage__preview{border:1px dashed color-mix(in srgb,var(--sf-brand) 34%,var(--app-dialog-divider))}}.canvas-node-panorama-stage__preview{text-align:center;border-radius:8px;justify-items:center;gap:6px;min-height:128px;padding:16px;display:grid}.canvas-node-panorama-stage__preview span{font-size:24px;font-weight:800}.canvas-node-panorama-stage__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.canvas-node-panorama-stage__submit{width:100%}@media (max-width:720px){.canvas-node-panorama-stage__grid{grid-template-columns:minmax(0,1fr)}}.canvas-node-staged-detail{gap:16px;min-width:0;display:grid}.canvas-node-staged-detail__preview{aspect-ratio:16/9;background:linear-gradient(135deg,var(--sf-brand),transparent 52%),var(--app-dialog-field-bg);align-items:center}@supports (color:color-mix(in lab,red,red)){.canvas-node-staged-detail__preview{background:linear-gradient(135deg,color-mix(in srgb,var(--sf-brand) 12%,transparent),transparent 52%),var(--app-dialog-field-bg)}}.canvas-node-staged-detail__preview{border:1px dashed var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-node-staged-detail__preview{border:1px dashed color-mix(in srgb,var(--sf-brand) 34%,var(--app-dialog-divider))}}.canvas-node-staged-detail__preview{text-align:center;border-radius:12px;justify-items:center;gap:6px;min-height:220px;padding:16px;display:grid}.canvas-node-staged-detail__preview[data-stage=grid-crop]{background:linear-gradient(var(--app-dialog-divider) 1px,transparent 1px),linear-gradient(90deg,var(--app-dialog-divider) 1px,transparent 1px),var(--app-dialog-field-bg);background-size:50% 50%}.canvas-node-staged-detail__preview[data-stage=angle]{background:radial-gradient(circle at 50% 44%,var(--sf-brand),transparent 30%),var(--app-dialog-field-bg)}@supports (color:color-mix(in lab,red,red)){.canvas-node-staged-detail__preview[data-stage=angle]{background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--sf-brand) 20%,transparent),transparent 30%),var(--app-dialog-field-bg)}}.canvas-node-staged-detail__preview[data-stage=annotate]{background:linear-gradient(135deg,transparent 46%,var(--sf-brand) 47%,transparent 49%),radial-gradient(circle at 68% 36%,var(--sf-brand),transparent 16%),var(--app-dialog-field-bg)}@supports (color:color-mix(in lab,red,red)){.canvas-node-staged-detail__preview[data-stage=annotate]{background:linear-gradient(135deg,transparent 46%,color-mix(in srgb,var(--sf-brand) 48%,transparent) 47%,transparent 49%),radial-gradient(circle at 68% 36%,color-mix(in srgb,var(--sf-brand) 24%,transparent),transparent 16%),var(--app-dialog-field-bg)}}.canvas-node-staged-detail__preview[data-stage=crop]{background:linear-gradient(var(--app-dialog-divider) 1px,transparent 1px),linear-gradient(90deg,var(--app-dialog-divider) 1px,transparent 1px),var(--app-dialog-field-bg);background-size:33.333% 33.333%}.canvas-node-staged-detail__preview[data-stage=lighting]{background:radial-gradient(circle at 22% 24%,var(--sf-surface-panel-light),transparent 26%),linear-gradient(135deg,var(--sf-brand),transparent 58%),var(--app-dialog-field-bg)}@supports (color:color-mix(in lab,red,red)){.canvas-node-staged-detail__preview[data-stage=lighting]{background:radial-gradient(circle at 22% 24%,color-mix(in srgb,var(--sf-surface-panel-light) 36%,transparent),transparent 26%),linear-gradient(135deg,color-mix(in srgb,var(--sf-brand) 12%,transparent),transparent 58%),var(--app-dialog-field-bg)}}.canvas-node-staged-detail__preview span{color:var(--app-dialog-heading);font-size:18px;font-weight:700}.canvas-node-staged-detail__preview small{color:var(--app-dialog-muted);max-width:40ch}.canvas-node-staged-detail__actions{flex-wrap:wrap;gap:8px;display:flex}.canvas-node-staged-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;min-height:0;display:grid}.canvas-node-staged-detail input[type=range]{accent-color:var(--sf-brand);opacity:.62;width:100%}.canvas-node-staged-detail__submit{width:100%}@media (max-width:720px){.canvas-node-staged-detail .app-form-field[data-layout=inline],.canvas-node-staged-detail__grid{grid-template-columns:minmax(0,1fr)}}@keyframes canvas-agent-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes canvas-agent-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes canvas-agent-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes canvas-agent-drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes canvas-agent-history-drawer-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.canvas-agent-drawer-backdrop{cursor:default;z-index:calc(var(--sf-z-canvas-agent-drawer) - 1);background:#06080c47;border:none;padding:0;animation:canvas-agent-drawer-backdrop-in .26s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.canvas-agent-drawer-backdrop--closing{pointer-events:none;animation:canvas-agent-drawer-backdrop-out .26s cubic-bezier(.55,.06,.68,.19) forwards}.canvas-agent-drawer{box-shadow:-24px 0 70px var(--sf-canvas-shadow-drawer),inset 1px 0 0 var(--sf-canvas-hairline);color:var(--sf-canvas-text-primary);will-change:transform;width:min(392px,100vw - 32px);z-index:var(--sf-z-canvas-agent-drawer);background:#0c0e13;border-left:1px solid #34384042;border-radius:0;grid-template-rows:auto minmax(0,1fr);animation:canvas-agent-drawer-in .26s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.canvas-agent-drawer--closing{pointer-events:none;animation:canvas-agent-drawer-out .26s cubic-bezier(.55,.06,.68,.19) forwards}.canvas-agent-drawer__header{border-bottom:1px solid var(--sf-canvas-border-divider);box-sizing:border-box;height:var(--sf-canvas-topbar-height);min-height:var(--sf-canvas-topbar-height);background:#0f1117;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.canvas-agent-drawer__identity{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.canvas-agent-drawer__avatar{grid-column:1}:is(.canvas-agent-drawer__identity h2,.canvas-agent-drawer__identity span){margin:0}.canvas-agent-drawer__identity h2{color:var(--sf-canvas-text-primary);font-size:14px;font-weight:650;line-height:1.2}.canvas-agent-drawer__identity>div>span{color:var(--sf-canvas-text-muted);font-size:11px;line-height:1.3;display:block}.canvas-agent-drawer__actions{flex:none;align-items:center;gap:2px;display:flex}.canvas-agent-drawer__header button{color:var(--sf-canvas-text-soft);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.canvas-agent-drawer__header button:hover{background:var(--sf-canvas-hover-surface);border-color:var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary)}.canvas-agent-drawer__header button[aria-pressed=true]{background:var(--sf-canvas-brand-tint);border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-drawer__header button[aria-pressed=true]{border-color:color-mix(in srgb,var(--sf-brand) 30%,transparent)}}.canvas-agent-drawer__header button[aria-pressed=true]{color:var(--sf-brand)}.canvas-agent-drawer__history{border-bottom:1px solid var(--sf-canvas-border-divider);color:var(--sf-canvas-text-soft);background:#12151bf5;gap:4px;padding:12px 22px;display:grid}.canvas-agent-drawer__history strong{color:var(--sf-canvas-text-primary);font-size:13px}.canvas-agent-drawer__history span{font-size:12px;line-height:1.45}.canvas-agent-history-drawer{box-shadow:none;width:100%;z-index:var(--sf-z-canvas-agent-history-drawer);background:#12151c;border:none;border-radius:0;grid-template-rows:auto minmax(0,1fr);animation:canvas-agent-history-drawer-in .16s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0;overflow:hidden}.canvas-agent-history-drawer__header{border-bottom:1px solid var(--sf-canvas-border-divider);box-sizing:border-box;height:var(--sf-canvas-topbar-height);min-height:var(--sf-canvas-topbar-height);background:#151821;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}:is(.canvas-agent-history-drawer__header h3,.canvas-agent-history-drawer__header span){margin:0}.canvas-agent-history-drawer__header h3{color:var(--sf-canvas-text-primary);font-size:14px;font-weight:650;line-height:1.2}.canvas-agent-history-drawer__header span{color:var(--sf-canvas-text-muted);margin-top:2px;font-size:11px;line-height:1.3;display:block}.canvas-agent-history-drawer__header button{color:var(--sf-canvas-text-soft);background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.canvas-agent-history-drawer__header button:hover{background:var(--sf-canvas-hover-surface);border-color:var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary)}.canvas-agent-history-list{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;gap:8px;min-height:0;margin:0;padding:8px 10px 16px;list-style:none;display:flex;overflow:hidden auto}.canvas-agent-history-list::-webkit-scrollbar{display:none}.canvas-agent-history-list li{min-width:0}.canvas-agent-history-item{width:100%;min-width:0;position:relative}.canvas-agent-history-item__select{appearance:none;color:var(--sf-canvas-text-soft);cursor:pointer;font:inherit;text-align:left;background:#161920;border:none;border-radius:10px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;min-width:0;padding:12px;transition:background-color .16s,color .16s,transform .16s,padding-right .14s;display:grid}.canvas-agent-history-item[data-deletable=true]:focus-within .canvas-agent-history-item__select,.canvas-agent-history-item[data-deletable=true]:hover .canvas-agent-history-item__select{padding-right:44px}.canvas-agent-history-item[data-deletable=true]:focus-within .canvas-agent-history-item__chevron,.canvas-agent-history-item[data-deletable=true]:hover .canvas-agent-history-item__chevron{opacity:0}.canvas-agent-history-item__delete{appearance:none;color:#9aa3b0;cursor:pointer;opacity:0;pointer-events:none;z-index:1;background:#161920f5;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:opacity .14s,color .14s,border-color .14s,background-color .14s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.canvas-agent-history-item[data-deletable=true]:focus-within .canvas-agent-history-item__delete,.canvas-agent-history-item[data-deletable=true]:hover .canvas-agent-history-item__delete{opacity:1;pointer-events:auto}.canvas-agent-history-item__delete:hover{color:#ffb4b4;background:#ff78781f;border-color:#ff787866}.canvas-agent-history-item__copy{gap:4px;min-width:0;display:grid}.canvas-agent-history-item__title{color:var(--sf-canvas-text-primary);font-size:13px;font-weight:650}.canvas-agent-history-item__summary,.canvas-agent-history-item__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.35;overflow:hidden}.canvas-agent-history-item__summary{color:#8d939f;font-size:12px}.canvas-agent-history-item__time{color:#6f7682;align-items:center;gap:4px;padding-top:4px;font-size:11px;line-height:1.3;display:inline-flex}.canvas-agent-history-item__time svg{flex:none}.canvas-agent-history-item__chevron{color:#6f7682;flex:none;transition:color .16s,transform .16s}.canvas-agent-history-item__select:hover{color:var(--sf-canvas-text-primary);background:#1c2029}.canvas-agent-history-item__select:hover .canvas-agent-history-item__summary{color:#a8afbb}.canvas-agent-history-item__select:hover .canvas-agent-history-item__time{color:#8d939f}.canvas-agent-history-item__select:hover .canvas-agent-history-item__chevron{color:var(--sf-canvas-text-soft);transform:translate(2px)}.canvas-agent-history-item__select:active{background:#222733;transform:scale(.995)}.canvas-agent-history-item__select[aria-current=true]{background:#1a1f29}.canvas-agent-history-item__select[aria-current=true] .canvas-agent-history-item__chevron,.canvas-agent-history-item__select[aria-current=true] .canvas-agent-history-item__title{color:var(--sf-brand)}.canvas-agent-history-empty{color:#7f8793;padding:16px 8px;font-size:12px;line-height:1.45;list-style:none}@media (max-width:1100px){.canvas-agent-drawer{width:min(360px,100vw - 24px)}}@media (max-width:760px){.canvas-agent-drawer{width:100vw}}@media (hover:none){.canvas-agent-history-item[data-deletable=true] .canvas-agent-history-item__select{padding-right:44px}.canvas-agent-history-item[data-deletable=true] .canvas-agent-history-item__chevron{opacity:0}.canvas-agent-history-item[data-deletable=true] .canvas-agent-history-item__delete{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.canvas-agent-drawer,.canvas-agent-drawer-backdrop,.canvas-agent-history-drawer,.canvas-agent-history-item__chevron,.canvas-agent-history-item__delete,.canvas-agent-history-item__select{transition:none;animation:none}.canvas-agent-history-item__select:active,.canvas-agent-history-item__select:hover .canvas-agent-history-item__chevron{transform:none}}@keyframes canvas-agent-orb-drift{0%,to{transform:translate(0)}50%{transform:translateY(-7px)}}.canvas-agent-orb{box-shadow:0 0 0 7px var(--sf-canvas-brand-tint-muted),0 16px 42px var(--sf-canvas-shadow-drawer),0 0 34px var(--sf-brand);background:0 0;border:0;border-radius:999px;align-items:center;bottom:28px}@supports (color:color-mix(in lab,red,red)){.canvas-agent-orb{box-shadow:0 0 0 7px var(--sf-canvas-brand-tint-muted),0 16px 42px var(--sf-canvas-shadow-drawer),0 0 34px color-mix(in srgb,var(--sf-brand) 24%,transparent)}}.canvas-agent-orb{color:#111715;width:58px;min-width:58px;height:58px;min-height:58px;z-index:var(--sf-z-canvas-agent-orb);justify-content:center;padding:0;display:flex;position:fixed;right:28px;overflow:visible}.canvas-agent-orb:hover,.canvas-agent-orb[aria-expanded=true]{border-color:var(--sf-canvas-brand-accent)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-orb:hover,.canvas-agent-orb[aria-expanded=true]{border-color:color-mix(in srgb,var(--sf-canvas-brand-accent) 76%,transparent)}}.canvas-agent-orb:hover,.canvas-agent-orb[aria-expanded=true]{box-shadow:0 0 0 9px var(--sf-canvas-brand-tint),0 18px 46px #00000075,0 0 42px var(--sf-canvas-brand-border)}.canvas-agent-orb:focus-visible{outline:2px solid var(--sf-brand);outline-offset:4px}.canvas-agent-orb__glow{background:var(--sf-canvas-brand-border);border-radius:inherit;filter:blur(16px);pointer-events:none;position:absolute;inset:-8px}.canvas-agent-orb__float{border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;animation:canvas-agent-orb-drift 4.2s ease-in-out infinite;display:inline-flex;position:relative}.canvas-agent-orb__avatar{object-fit:contain;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.canvas-agent-orb__float{transition:none;animation:none}}.canvas-agent-drawer .canvas-agent-panel{gap:8px;height:100%;padding:0 16px 14px}.canvas-agent-drawer .canvas-agent-panel,.canvas-agent-scroll{flex-direction:column;min-height:0;display:flex;overflow:hidden}.canvas-agent-scroll{flex:auto;justify-content:flex-start}.canvas-agent-welcome{flex-direction:column;justify-content:flex-start;gap:24px;min-height:0;padding:22px 2px 4px;display:flex;overflow-y:auto}.canvas-agent-message-list{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.canvas-agent-message-list__scroll{-ms-overflow-style:none;scrollbar-width:none;flex:auto;min-height:0;padding:12px 2px 8px;overflow:hidden auto}.canvas-agent-message-list__scroll::-webkit-scrollbar{display:none}.canvas-agent-message-list__inner{flex-direction:column;justify-content:flex-start;gap:16px;min-height:min-content;display:flex}.canvas-agent-message{flex-direction:column;gap:6px;display:flex}.canvas-agent-message--user{align-self:flex-end;align-items:flex-end;max-width:min(92%,320px)}.canvas-agent-message--assistant{align-self:flex-start;align-items:flex-start}.canvas-agent-message p{color:var(--sf-canvas-text-primary);white-space:pre-wrap;word-break:break-word;border-radius:14px;margin:0;padding:0;font-size:13px;line-height:1.55}.canvas-agent-message--user p{background:var(--sf-brand);color:var(--sf-brand-contrast);border-radius:20px 20px 4px;padding:8px 12px}.canvas-agent-markdown{color:var(--sf-canvas-text-primary);word-break:break-word;min-width:0;max-width:100%;font-size:13px;line-height:1.55}.canvas-agent-markdown>:first-child{margin-top:0}.canvas-agent-markdown>:last-child{margin-bottom:0}.canvas-agent-markdown blockquote,.canvas-agent-markdown ol,.canvas-agent-markdown p,.canvas-agent-markdown pre,.canvas-agent-markdown table,.canvas-agent-markdown ul{margin:0 0 .55em}.canvas-agent-markdown blockquote:last-child,.canvas-agent-markdown ol:last-child,.canvas-agent-markdown p:last-child,.canvas-agent-markdown pre:last-child,.canvas-agent-markdown table:last-child,.canvas-agent-markdown ul:last-child{margin-bottom:0}.canvas-agent-markdown h1,.canvas-agent-markdown h2,.canvas-agent-markdown h3,.canvas-agent-markdown h4,.canvas-agent-markdown h5,.canvas-agent-markdown h6{color:var(--sf-canvas-text-primary);letter-spacing:.01em;margin:.7em 0 .35em;font-size:13px;font-weight:600;line-height:1.45}.canvas-agent-markdown h1{font-size:14px}.canvas-agent-markdown h2{font-size:13.5px}.canvas-agent-markdown strong{font-weight:600}.canvas-agent-markdown a{color:#9eb6ff;text-underline-offset:2px;-webkit-text-decoration:underline #9eb6ff73;text-decoration:underline #9eb6ff73}.canvas-agent-markdown ol,.canvas-agent-markdown ul{margin:0 0 .65em;padding-inline-start:1.35em;list-style-position:outside}.canvas-agent-markdown ul{list-style-type:disc}.canvas-agent-markdown ol{list-style-type:decimal}.canvas-agent-markdown ul ul{list-style-type:circle}.canvas-agent-markdown ul ul ul{list-style-type:square}.canvas-agent-markdown li{margin:.35em 0;padding-inline-start:.15em}.canvas-agent-markdown li::marker{color:#8b93a0;font-weight:500}.canvas-agent-markdown li>p{margin:.2em 0}.canvas-agent-markdown li>p:first-child{margin-top:0}.canvas-agent-markdown li>p:last-child{margin-bottom:0}.canvas-agent-markdown li>ol,.canvas-agent-markdown li>ul{margin:.25em 0 .35em}.canvas-agent-markdown blockquote{color:#b7bfc9;border-left:2px solid #ffffff24;margin-left:0;padding:.1em 0 .1em .75em}.canvas-agent-markdown code{background:#ffffff0f;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.canvas-agent-markdown pre{background:#101216eb;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;overflow-x:auto}.canvas-agent-markdown pre code{white-space:pre;background:0 0;border-radius:0;padding:0;font-size:12px;line-height:1.5;display:block}.canvas-agent-markdown table{border-collapse:collapse;width:max-content;max-width:100%;display:block;overflow-x:auto}.canvas-agent-markdown td,.canvas-agent-markdown th{text-align:left;border:1px solid #ffffff1a;padding:4px 8px;font-size:12px}.canvas-agent-markdown th{background:#ffffff0a;font-weight:600}.canvas-agent-markdown hr{border:0;border-top:1px solid #ffffff1a;margin:.7em 0}.canvas-agent-message__attachments{gap:6px;justify-content:inherit;flex-wrap:wrap;display:flex}.canvas-agent-message__attachment{color:#c6ccd6;background:#1c2026f2;border:1px solid #ffffff1a;border-radius:10px;gap:6px;max-width:160px;min-height:36px;padding:6px 8px;display:inline-flex;overflow:hidden}.canvas-agent-message__attachment[data-attachment-kind=image]{padding:0}.canvas-agent-message__attachment img{object-fit:cover;width:72px;height:72px;display:block}.canvas-agent-message__attachment-label{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.canvas-agent-message__attachment-icon{color:#9aa3b0;align-items:center;display:inline-flex}.canvas-agent-message__error{overflow-wrap:anywhere;color:#f0a8a8;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.canvas-agent-message__error button{appearance:none;color:#f0a8a8;cursor:pointer;font:inherit;background:0 0;border:1px solid #f0a8a859;border-radius:999px;padding:2px 8px;font-size:11px}.canvas-agent-thinking{color:#9aa3b0;align-items:center;gap:8px;min-height:22px;display:inline-flex}.canvas-agent-thinking__dots{align-items:center;gap:4px;display:inline-flex}.canvas-agent-thinking__dots span{background:#9aa3b0;border-radius:999px;width:5px;height:5px;animation:canvas-agent-typing-dot 1.2s ease-in-out infinite;display:block}.canvas-agent-thinking__dots span:nth-child(2){animation-delay:.15s}.canvas-agent-thinking__dots span:nth-child(3){animation-delay:.3s}.canvas-agent-thinking__label{letter-spacing:.04em;min-width:3em;font-size:12px;line-height:1.4}.canvas-agent-thinking__caret{vertical-align:-.1em;background:currentColor;width:1px;height:.85em;margin-left:1px;animation:canvas-agent-caret-blink 1s step-end infinite;display:inline-block}.canvas-agent-jump-bottom{appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;font:inherit;opacity:0;pointer-events:none;z-index:2;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:650;transition:opacity .2s,transform .22s cubic-bezier(.22,1,.36,1),background-color .16s,border-color .16s;position:absolute;bottom:8px;left:50%;transform:translate(-50%,-10px)}.canvas-agent-jump-bottom[data-visible=true]{opacity:1;pointer-events:auto;transform:translate(-50%)}.canvas-agent-jump-bottom:hover{background:#ffffff1a;border-color:#ffffff29}@keyframes canvas-agent-typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes canvas-agent-caret-blink{50%{opacity:0}}.canvas-agent-hero{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.canvas-agent-hero__avatar{grid-column:1;width:40px;height:40px}.canvas-agent-hero__avatar.account-user-avatar[data-size=md]{width:40px;height:40px}.canvas-agent-hero__copy{gap:4px;min-width:0;display:grid}:is(.canvas-agent-hero p,.canvas-agent-hero h2){margin:0}.canvas-agent-hero p{color:var(--sf-text-secondary);font-size:12px}.canvas-agent-hero h2,.canvas-agent-hero p{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.25;overflow:hidden}.canvas-agent-hero h2{color:var(--sf-canvas-text-primary);letter-spacing:-.01em;text-wrap:balance;font-size:16px;font-weight:650}.canvas-agent-skill-section{gap:4px;display:grid}.canvas-agent-section-label{color:#8d939f;letter-spacing:.02em;font-size:11px;font-weight:600;line-height:1.2}.canvas-agent-skill-list{gap:1px;display:grid}.canvas-agent-skill-list .canvas-agent-skill-item{appearance:none;box-sizing:border-box;color:#a9afba;cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px minmax(0,1fr) 10px;align-items:center;gap:8px;width:100%;min-height:32px;padding:4px 8px 4px 4px;display:grid}.canvas-agent-skill-list .canvas-agent-skill-item:hover:not(:disabled){background:var(--sf-canvas-border-subtle);border-color:var(--sf-canvas-hairline);color:#eef1f4}.canvas-agent-skill-list .canvas-agent-skill-item[aria-pressed=true]{background:var(--sf-canvas-brand-tint);border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-skill-list .canvas-agent-skill-item[aria-pressed=true]{border-color:color-mix(in srgb,var(--sf-brand) 40%,transparent)}}.canvas-agent-skill-list .canvas-agent-skill-item[aria-pressed=true]{color:var(--sf-canvas-text-primary)}.canvas-agent-skill-list .canvas-agent-skill-item[aria-pressed=true]:hover:not(:disabled){background:var(--sf-canvas-brand-tint);border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-skill-list .canvas-agent-skill-item[aria-pressed=true]:hover:not(:disabled){border-color:color-mix(in srgb,var(--sf-brand) 32%,transparent)}}.canvas-agent-skill-list .canvas-agent-skill-item:disabled{background:0 0}.canvas-agent-skill-icon{color:#aab0bb;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.canvas-agent-skill-dot{background:var(--sf-brand);border:1.5px solid #0c0f15;border-radius:999px;width:7px;height:7px;position:absolute;top:-1px;right:-1px}.canvas-agent-skill-copy{align-items:baseline;gap:8px;min-width:0;display:flex}.canvas-agent-skill-copy strong{color:var(--sf-canvas-text-primary);flex:none;min-width:max-content;font-size:13px;font-weight:650}.canvas-agent-skill-copy span{color:#969ca8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.35;overflow:hidden}.canvas-agent-skill-active{background:var(--sf-brand);border-radius:999px;justify-self:end;width:6px;height:6px;margin-right:2px}.canvas-agent-composer{--canvas-agent-textarea-line-height:18px;--canvas-agent-textarea-rows:4;box-shadow:inset 0 0 0 1px var(--sf-canvas-hairline),0 22px 60px var(--sf-canvas-shadow-panel);background:#181a1ff0;border-radius:16px;flex:none;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:10px;transition:gap .22s;display:grid}.canvas-agent-token-count{color:var(--sf-text-muted,#9ca3af);text-align:right;margin:4px 8px 0;font-size:11px}.canvas-agent-composer-expand{opacity:0;grid-column:1/-1;grid-template-rows:0fr;min-width:0;transition:grid-template-rows .24s cubic-bezier(.22,1,.36,1),opacity .2s;display:grid}.canvas-agent-composer-expand[data-open=true]{opacity:1;grid-template-rows:1fr}.canvas-agent-composer-expand__inner{gap:8px;min-height:0;display:grid;overflow:hidden}.canvas-agent-command-zone{gap:6px;min-width:0;display:grid}.canvas-agent-command-panel{gap:8px;min-width:0;display:grid}.canvas-agent-command-head{gap:2px;min-width:0;display:grid}.canvas-agent-command-head strong{color:#d8dde4;font-size:12px;font-weight:700;line-height:1.35}.canvas-agent-command-head span{color:var(--sf-canvas-text-muted);font-size:11px;line-height:1.35}.canvas-agent-command-list{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.canvas-agent-command-list button{appearance:none;background:var(--sf-canvas-border-subtle);border:1px solid var(--sf-canvas-border-soft);color:#b7bec9;cursor:pointer;font:inherit;border-radius:999px;min-height:26px;padding:0 10px;font-size:12px;font-weight:700;line-height:1.2;transition:background .16s,border-color .16s,color .16s}.canvas-agent-command-list button:hover:not(:disabled){background:var(--sf-canvas-brand-tint-strong);border-color:var(--sf-canvas-brand-border);color:#f4f7f6}.canvas-agent-command-list button[aria-pressed=true]{background:var(--sf-canvas-brand-tint-hover);border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-command-list button[aria-pressed=true]{border-color:color-mix(in srgb,var(--sf-brand) 46%,transparent)}}.canvas-agent-command-list button[aria-pressed=true]{color:var(--sf-canvas-text-primary)}.canvas-agent-command-heading{color:#d8dde4;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;display:flex}.canvas-agent-command-heading span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-agent-command-chips{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.canvas-agent-command-chip{appearance:none;background:var(--sf-canvas-border-subtle);border:1px solid var(--sf-canvas-border-soft);color:#b7bec9;cursor:pointer;font:inherit;border-radius:999px;min-height:26px;padding:0 10px;font-size:12px;font-weight:700;line-height:1.2;transition:background .16s,border-color .16s,color .16s}.canvas-agent-command-chip:hover:not(:disabled){background:var(--sf-canvas-brand-tint-strong);border-color:var(--sf-canvas-brand-border);color:#f4f7f6}.canvas-agent-command-chip[aria-pressed=true]{background:var(--sf-canvas-brand-tint-hover);border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-command-chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--sf-brand) 46%,transparent)}}.canvas-agent-command-chip[aria-pressed=true]{color:var(--sf-canvas-text-primary)}.canvas-agent-command-empty{color:var(--sf-canvas-text-muted);font-size:11px;line-height:1.35}.canvas-agent-composer-divider{background:var(--sf-canvas-active-surface);min-width:0;height:1px}.canvas-agent-file-input{display:none}.canvas-agent-textarea-wrap{min-width:0}.canvas-agent-dialog .canvas-agent-panel textarea{box-sizing:border-box;color:var(--sf-canvas-text-primary);font:inherit;height:calc((var(--canvas-agent-textarea-line-height) * var(--canvas-agent-textarea-rows)) + 2px);font-size:14px;line-height:var(--canvas-agent-textarea-line-height);max-height:calc((var(--canvas-agent-textarea-line-height) * 6) + 2px);min-height:calc((var(--canvas-agent-textarea-line-height) * 4) + 2px);resize:none;scrollbar-color:var(--sf-shared-scrollbar-thumb) transparent;scrollbar-width:thin;background:0 0;border:0;outline:none;width:100%;padding:0;transition:height .18s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden auto}.canvas-agent-dialog .canvas-agent-panel textarea::-webkit-scrollbar{width:6px}.canvas-agent-dialog .canvas-agent-panel textarea::-webkit-scrollbar-track{background:0 0}.canvas-agent-dialog .canvas-agent-panel textarea::-webkit-scrollbar-thumb{background:var(--sf-canvas-active-surface);border-radius:999px}.canvas-agent-dialog .canvas-agent-panel textarea::placeholder{color:var(--sf-canvas-text-subtle);opacity:1;font-size:12px}.canvas-agent-mode-row{color:var(--sf-canvas-text-muted);flex-wrap:nowrap;grid-column:1/-1;align-items:center;gap:10px;display:flex}:is(.canvas-agent-mode-row span,.canvas-agent-send-button,.canvas-agent-attach-button,.canvas-agent-upload-status){border-radius:999px;align-items:center;gap:6px;min-height:28px;display:inline-flex}.canvas-agent-attach-button{appearance:none;color:#939aa6;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;flex:none;justify-content:center;width:28px;height:28px;padding:0;transition:color .14s,background-color .14s,border-color .14s}.canvas-agent-attach-button:hover:not(:disabled){background:var(--sf-canvas-hover-surface);border-color:var(--sf-canvas-border-soft);color:var(--sf-canvas-text-primary)}.canvas-agent-mode-divider{background:#ffffff1f;border-radius:0;flex:none;width:1px;height:10px;min-height:10px;display:block}.canvas-agent-dialog .canvas-agent-panel .canvas-agent-send-button{background:var(--sf-brand);border:1px solid var(--sf-brand);color:var(--sf-brand-contrast);cursor:pointer;font:inherit;border-radius:50%;flex:0 0 32px;justify-content:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;margin-left:auto;padding:0;font-size:12px;font-weight:700;transition:transform .16s,box-shadow .16s;transform:translateZ(0)}.canvas-agent-dialog .canvas-agent-panel .canvas-agent-send-button:hover:not(:disabled){background:var(--sf-brand);border-color:var(--sf-brand);box-shadow:0 0 0 4px var(--sf-canvas-brand-tint);color:var(--sf-brand-contrast);transform:scale(1.06)}.canvas-agent-dialog .canvas-agent-panel .canvas-agent-send-button:active:not(:disabled){transform:scale(.98)}.canvas-agent-dialog .canvas-agent-panel button:focus-visible{outline:2px solid var(--sf-brand);outline-offset:2px}.canvas-agent-mode-row>span:not(.canvas-agent-mode-divider){color:#939aa6;font-size:12px;font-weight:700}.canvas-agent-mode-row>span.canvas-agent-mode-auto{color:var(--sf-brand)}.canvas-agent-mode-skill{align-items:center;gap:5px;min-width:0;max-width:min(46%,180px);display:inline-flex}.canvas-agent-mode-skill__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-agent-mode-skill[data-selected=true]{color:var(--sf-brand)}.canvas-agent-mode-skill__clear{appearance:none;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex}.canvas-agent-mode-skill__clear:hover:not(:disabled){background:var(--sf-canvas-brand-tint);border-color:var(--sf-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-agent-mode-skill__clear:hover:not(:disabled){border-color:color-mix(in srgb,var(--sf-brand) 28%,transparent)}}.canvas-agent-mode-skill__clear:hover:not(:disabled){color:var(--sf-brand)}.canvas-agent-dialog .canvas-agent-panel button:disabled{cursor:not-allowed;opacity:.48}.canvas-agent-dialog .canvas-agent-panel .canvas-agent-send-button:disabled{border-color:var(--sf-canvas-border-strong);color:var(--sf-canvas-text-muted);opacity:1;background:#2a2d33}.canvas-agent-dialog .canvas-agent-panel .canvas-agent-stop-button{border-color:var(--sf-canvas-border-strong);color:var(--sf-canvas-text-primary,#f3f4f6);background:#2a2d33}.canvas-agent-dialog .canvas-agent-panel .canvas-agent-stop-button:hover:not(:disabled){border-color:var(--sf-canvas-border-strong);color:#fff;background:#3a3f48;box-shadow:0 0 0 4px #ffffff0f}.canvas-agent-upload-status{background:var(--sf-canvas-border-subtle);border:1px solid var(--sf-canvas-border-soft);color:var(--sf-canvas-text-soft);flex-wrap:wrap;grid-column:1/-1;gap:7px;min-width:0;padding:0 10px;font-size:12px;line-height:1.2;display:flex}.canvas-agent-upload-status span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-agent-upload-status strong{color:var(--sf-canvas-text-primary);flex:none;font-weight:750}.canvas-agent-upload-status[data-upload-state=uploaded] strong{color:var(--sf-brand)}.canvas-agent-upload-status[data-upload-state=failed] strong{color:#ff8a8a}.canvas-agent-dialog .canvas-agent-plan-preview{border:1px solid var(--sf-canvas-border-soft);background:#12151bdb;border-radius:16px;gap:7px;min-height:48px;padding:12px;display:grid}.canvas-agent-plan-preview span{color:var(--sf-canvas-text-soft);font-size:13px;line-height:1.45}.canvas-agent-plan-preview-status{color:var(--sf-brand);font-size:12px;font-weight:600}@media (max-width:760px){.canvas-agent-drawer .canvas-agent-panel{padding:0 12px 12px}.canvas-agent-welcome{gap:10px;padding:10px 0 2px}.canvas-agent-hero h2{font-size:14px}.canvas-agent-skill-copy{flex-direction:column;align-items:flex-start;gap:1px}}@media (prefers-reduced-motion:reduce){.canvas-agent-composer,.canvas-agent-composer-expand,.canvas-agent-dialog .canvas-agent-panel textarea,.canvas-agent-jump-bottom{transition:none}.canvas-agent-jump-bottom,.canvas-agent-jump-bottom[data-visible=true]{transform:translate(-50%)}}.mx-design{--background:#101010;--foreground:#ededed;--primary:#b7f565;--primary-foreground:#17200e;--border:#343434;color:#ededed;font-family:PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif}.mx-design *{box-sizing:border-box}.mx-design{scroll-behavior:smooth;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:104px;font-family:PingFang SC,Helvetica Neue,Microsoft YaHei,Arial,sans-serif;font-size:16px;line-height:1.5}.mx-design a{color:inherit;text-decoration:none}.mx-design button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.mx-design a,.mx-design button,.mx-design textarea{-webkit-tap-highlight-color:transparent;outline-offset:4px}.mx-design a,.mx-design button{transition:background .18s,color .18s}.mx-design a:focus-visible,.mx-design button:focus-visible{outline:2px solid #b7f565}.mx-design a:hover,.mx-design button:hover{color:#fff}.mx-design svg{stroke-width:1.8px;flex-shrink:0;width:19px;height:19px}.mx-design img{display:block}.mx-design h1,.mx-design h2,.mx-design h3,.mx-design p{margin:0}.mx-design .header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#101010ee;justify-content:space-between;align-items:center;gap:24px;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.mx-design .brand{letter-spacing:-1.5px;flex-shrink:0;align-items:center;gap:9px;font-size:29px;font-weight:700;display:flex}.mx-design .brand b{letter-spacing:-1px;font-size:.88em;font-weight:650}.mx-design .brand-symbol{width:37px;height:32px;position:relative;overflow:hidden}.mx-design .brand-symbol img{mix-blend-mode:screen;clip-path:inset(0 0 8%);width:49px;max-width:none;position:absolute;top:-3px;left:-7px}.mx-design .main-nav{align-items:center;gap:15px;display:flex}.mx-design .main-nav>a,.mx-design .main-nav>button{color:#bcbcbc;white-space:nowrap;border:1px solid #0000;border-radius:28px;align-items:center;gap:8px;padding:10px 15px;font-size:16px;font-weight:500;display:flex}.mx-design .main-nav .selected{color:#fff;background:#262626;border-color:#363636}.mx-design .main-nav>a:hover,.mx-design .main-nav>button:hover{color:#fff;background:#242424}.mx-design .main-nav svg{width:20px;height:20px}.mx-design .account{align-items:center;gap:17px;display:flex}.mx-design .icon-button{color:#9f9f9f;padding:3px}.mx-design .balance{color:#999;font-size:14px}.mx-design .topup{font-size:14px}.mx-design .profile{background:#232323;border:1px solid #363636;border-radius:25px;align-items:center;gap:7px;padding:5px 9px 5px 5px;display:flex}.mx-design .profile>span{background:#393939;border-radius:50%;place-items:center;width:29px;height:29px;font-size:13px;display:grid}.mx-design .profile svg{width:12px}.mx-design .start-surface{background-image:radial-gradient(#ffffff0c .8px,#0000 0);background-size:23px 23px}.mx-design .creation{max-width:870px;margin:auto;padding:42px 0}.mx-design h1{letter-spacing:-1px;align-items:center;gap:13px;margin-bottom:29px;font-size:36px;font-weight:500;line-height:1.45;display:flex}.mx-design .heading-mark{place-items:center;display:grid}.mx-design .heading-mark svg{stroke-width:1.7px;width:34px;height:34px}.mx-design .composer-wrap{background:#191919;border-radius:23px;padding:4px 4px 0;overflow:hidden}.mx-design .composer{background:#202020;border:1px solid #414141;border-radius:20px;padding:20px 20px 16px;box-shadow:inset 0 1px #ffffff03}.mx-design .composer:focus-within{border-color:#777}.mx-design .composer textarea{field-sizing:fixed;resize:vertical;color:#ededed;min-height:60px;max-height:200px;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:16px;line-height:1.6}.mx-design .composer textarea::placeholder{color:#969696}.mx-design .composer-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.mx-design .reference{color:#c3c3c3;align-items:center;gap:9px;font-size:14px;display:flex}.mx-design .reference>svg:first-child{background:#373737;border-radius:50%;width:32px;height:32px;padding:7px}.mx-design .reference>svg:last-child{color:#888;width:12px}.mx-design .composer-actions{align-items:center;gap:18px;display:flex}.mx-design .composer-actions>span{color:#bcbcbc;align-items:center;gap:6px;font-size:14px;display:flex}.mx-design .composer-actions>span>svg{width:14px}.mx-design .create-button{color:#17200e;height:38px;box-shadow:none;background:#b7f565;border-radius:22px;justify-content:center;align-items:center;gap:12px;padding:0 15px;font-size:14px;font-weight:550;display:flex}.mx-design .create-button:hover{color:#17200e;background:#ccff8f}.mx-design .starter-row{justify-content:space-between;align-items:center;gap:12px;padding:9px 17px 10px;display:flex}.mx-design .starter-row>div{flex-wrap:wrap;gap:7px;display:flex}.mx-design .starter-row button{color:#b6b6b6;background:#232323;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.mx-design .starter-row svg{color:#bcbcbc;width:14px;height:14px}.mx-design .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.mx-design .new-project,.mx-design .project-card{background:#222;border:1px solid #383838;border-radius:17px;min-width:0;height:200px;padding:9px}.mx-design .new-project{background:#222;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;box-shadow:inset 0 0 0 9px #ffffff01}.mx-design .new-project svg{color:#999;width:25px;height:25px}.mx-design .new-project span{font-size:14px;font-weight:500}.mx-design .project-image{background:#303030;border-radius:10px;height:119px;position:relative;overflow:hidden}.mx-design .project-image>img{object-fit:cover;width:100%;height:100%}.mx-design .project-image .tile-art{position:absolute;inset:0}.mx-design .project-label{white-space:nowrap;color:#b9b9b9;justify-content:space-between;gap:8px;margin:7px 0;font-size:12px;display:flex}.mx-design .project-label>span:last-child{color:#777;font-size:12px}.mx-design .project-action{white-space:nowrap;background:#121212;border-radius:7px;justify-content:space-between;align-items:center;gap:4px;padding:5px 8px;font-size:12px;display:flex}.mx-design .project-action svg{width:13px;height:13px}.mx-design .project-tail{color:#737373;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;font-size:12px;display:flex}.mx-design .project-tail a{color:#aaa;align-items:center;gap:6px;display:flex}.mx-design .project-tail svg{width:13px;height:13px}.mx-design .creative-feature{background:#191b1b;border:1px solid #363636;border-radius:26px;grid-template-columns:.9fr 1.75fr;gap:18px;max-width:1760px;margin:13px 28px 0;padding:18px;display:grid;overflow:hidden}.mx-design .feature-intro{isolation:isolate;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:405px;padding:36px 26px 25px;display:flex;position:relative;overflow:hidden}.mx-design .feature-background{object-fit:cover;object-position:60% center;z-index:-2;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.mx-design .feature-intro:after{content:"";z-index:-1;background:linear-gradient(90deg,#080e0af5,#080e0a44);position:absolute;inset:0}.mx-design .feature-label{letter-spacing:1.4px;color:#c0c9c2;font-size:12px}.mx-design .feature-intro h2{letter-spacing:-1.8px;color:#fff;margin:20px 0 18px;font-size:50px;font-weight:600;line-height:1.25}.mx-design .feature-intro p{color:#c2c9c4;font-size:16px;line-height:1.6}.mx-design .feature-cta{color:#161916;background:#f3f4f2;border-radius:30px;justify-content:center;align-items:center;gap:23px;max-width:245px;margin-top:27px;padding:13px 22px;font-size:15px;font-weight:550;display:flex}.mx-design .feature-cta:hover{color:#111;background:#fff}.mx-design .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch;gap:11px;display:grid}.mx-design .feature-card{background:#090909;border-radius:16px;min-width:0;overflow:hidden}.mx-design .feature-card .tile-art{height:128px}.mx-design .feature-copy{padding:11px 13px 13px}.mx-design .feature-copy h3{align-items:center;gap:6px;font-size:14px;font-weight:550;display:flex}.mx-design .feature-copy h3 svg{width:12px;height:12px}.mx-design .feature-copy p{color:#989898;margin-top:5px;font-size:12px;line-height:1.45}.mx-design .tile-art{background:#252525;width:100%;height:100%;position:relative;overflow:hidden}.mx-design .tile-square{aspect-ratio:1;width:100%;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.mx-design .tile-square>img{object-fit:fill;width:400%;max-width:none;height:300%;position:absolute}.mx-design .templates{max-width:1760px;margin:37px 28px 0;padding-top:0}.mx-design .section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px;display:flex}.mx-design .section-heading>div{align-items:center;gap:19px;display:flex}.mx-design .section-heading h2{font-size:19px;font-weight:550;line-height:1.5}.mx-design .section-heading>div>span{color:#7d7d7d;font-size:13px}.mx-design .library-total{color:#999;font-size:13px}.mx-design .template-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:21px 12px;display:grid}.mx-design .template-card{min-width:0}.mx-design .template-image{aspect-ratio:1;background:#242424;border-radius:12px;position:relative;overflow:hidden}.mx-design .template-image .tile-art{transition:transform .4s}.mx-design .template-card:hover .tile-art{transform:scale(1.035)}.mx-design .template-preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#131313a8;border:1px solid #ffffff50;border-radius:24px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mx-design .template-preview svg{width:12px;height:12px}.mx-design .template-card:hover .template-preview,.mx-design .template-preview:focus-visible{opacity:1}.mx-design .template-info{padding:9px 1px 0}.mx-design .template-info h3{letter-spacing:0;color:#d6d6d6;font-size:14px;font-weight:450;line-height:1.45}.mx-design .template-info>span{color:#727272;margin-top:4px;font-size:12px;line-height:1.4;display:block}.mx-design footer{max-width:1300px;margin:88px auto 0;padding:45px 50px 35px}.mx-design .footer-main{justify-content:space-between;align-items:center;gap:25px;display:flex}.mx-design .footer-main .brand{gap:14px;font-size:45px}.mx-design .footer-main .brand-symbol{width:59px;height:53px}.mx-design .footer-main .brand-symbol img{width:79px;top:-5px;left:-11px}.mx-design .footer-main p{color:#828282;margin-top:14px;font-size:13px}.mx-design .back-top{align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.mx-design .back-top>span{background:#373737;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.mx-design .footer-bottom{color:#6f6f6f;justify-content:center;align-items:center;gap:15px;margin-top:49px;font-size:12px;display:flex}.mx-design .footer-bottom a{align-items:center;gap:3px;display:flex}.mx-design .footer-bottom svg{width:12px;height:12px}.mx-design .help{color:#a7a7a7;z-index:9;background:#242424;border:1px solid #3b3b3b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:fixed;bottom:18px;right:18px}.mx-design .sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mx-auth-flow{color:#ededed;background:#101010;justify-content:center;align-items:center;min-height:100dvh;padding:32px 18px;display:flex;position:relative}.mx-auth-flow:before{content:"";opacity:.7;pointer-events:none;background-image:radial-gradient(#ffffff0b .8px,#0000 0);background-size:23px 23px;position:absolute;inset:0}.mx-auth-card{background:#191919;border:1px solid #363636;border-radius:24px;width:100%;max-width:520px;padding:34px;position:relative;box-shadow:0 24px 70px #0009,inset 0 1px #ffffff08}.mx-auth-card--center{text-align:center;max-width:390px}.mx-auth-card h1{color:#fff;letter-spacing:-.6px;margin:10px 0 0;font-size:27px;font-weight:550;line-height:1.35}.mx-auth-eyebrow{color:#b7f565;letter-spacing:1.2px;text-transform:uppercase;margin:0;font-size:12px;font-weight:650}.mx-auth-muted{color:#999;margin:10px 0 0;font-size:14px;line-height:1.7}.mx-auth-callout{color:#c6d1c3;background:#202820;border:1px solid #b7f56555;border-radius:14px;margin-top:24px;padding:14px 16px;font-size:14px;line-height:1.7}.mx-auth-callout>div{align-items:flex-start;gap:10px;display:flex}.mx-auth-callout svg{color:#b7f565;flex:none;margin-top:3px}.mx-auth-error{color:#ffb2b2;background:#331f22;border:1px solid #f4878766;border-radius:10px;margin:16px 0 0;padding:11px 13px;font-size:13px;line-height:1.5}.mx-auth-divider{background:#363636;height:1px;margin:24px 0}.mx-auth-flow :is(.mx-auth-primary,.mx-auth-secondary){border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-size:14px;font-weight:600;transition:background .18s,color .18s,opacity .18s;display:flex}.mx-auth-primary{color:#17200e;background:#b7f565;margin-top:24px}.mx-auth-primary:hover{color:#17200e;background:#ccff8f}.mx-auth-primary:disabled{cursor:not-allowed;opacity:.5}.mx-auth-secondary{color:#ededed;background:#242424;border:1px solid #414141;margin-top:12px}.mx-auth-secondary:hover{color:#fff;background:#303030}.mx-auth-link{color:#999;text-align:center;margin:14px auto 0;font-size:13px;transition:color .18s;display:block}.mx-auth-link:hover{color:#fff}.mx-auth-tenant{color:#ededed;background:#222;border:1px solid #3b3b3b;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:10px;padding:0 15px;display:flex}.mx-auth-tenant:hover{background:#2b2b2b;border-color:#b7f56588}.mx-auth-tenant:disabled{cursor:not-allowed;opacity:.45}@media (max-width:560px){.mx-auth-flow{padding:20px 14px}.mx-auth-card{border-radius:19px;padding:26px 20px}.mx-auth-card h1{font-size:24px}}@media (min-width:1820px){.mx-design .creative-feature,.mx-design .templates{margin-left:auto;margin-right:auto}.mx-design .creation{max-width:1020px;padding-top:52px;padding-bottom:48px}.mx-design h1{font-size:40px}.mx-design .new-project,.mx-design .project-card{height:230px}.mx-design .project-image{height:144px}.mx-design .project-action,.mx-design .project-label{font-size:14px}.mx-design .feature-card .tile-art{height:173px}.mx-design .feature-intro h2{font-size:66px}.mx-design .feature-copy h3{font-size:16px}.mx-design .feature-copy p{font-size:14px}.mx-design .feature-intro{min-height:500px;padding:45px}.mx-design .template-grid{gap:26px 14px}.mx-design .template-info h3{font-size:16px}}@media (max-width:1150px){.mx-design .header{gap:15px;padding:0 22px}.mx-design .main-nav{gap:4px}.mx-design .main-nav>a,.mx-design .main-nav>button{padding:9px 11px;font-size:14px}.mx-design .account{gap:12px}.mx-design .account .gift,.mx-design .balance{display:none}.mx-design .creation{max-width:760px}.mx-design .creative-feature{grid-template-columns:.7fr 1.6fr;gap:12px;padding:12px}.mx-design .feature-intro{padding:27px 19px}.mx-design .feature-intro h2{font-size:38px}.mx-design .feature-label{letter-spacing:0;font-size:12px}.mx-design .feature-intro p{font-size:14px}.mx-design .feature-cta{gap:8px;padding:11px 15px;font-size:14px}.mx-design .feature-card .tile-art{height:110px}.mx-design .feature-copy{padding:10px}.mx-design .feature-grid{gap:9px}.mx-design .feature-copy h3{font-size:14px}.mx-design .feature-copy p{font-size:12px}.mx-design .template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mx-design .section-heading>div>span{font-size:12px}}@media (max-width:800px){.mx-design .header{height:73px}.mx-design .main-nav{gap:2px}.mx-design .main-nav>a,.mx-design .main-nav>button{padding:8px;font-size:13px}.mx-design .account .icon-button,.mx-design .main-nav svg,.mx-design .topup{display:none}.mx-design .creation{max-width:calc(100% - 44px);padding-top:32px;padding-bottom:30px}.mx-design h1{font-size:31px}.mx-design .project-image{height:94px}.mx-design .new-project,.mx-design .project-card{height:175px}.mx-design .project-label>span:last-child{display:none}.mx-design .project-action{padding:5px;font-size:12px}.mx-design .project-action svg{display:none}.mx-design .creative-feature{border-radius:20px;grid-template-columns:1fr;margin:10px 22px 0}.mx-design .feature-intro{min-height:240px;padding:24px;display:block}.mx-design .feature-intro h2{margin:10px 0;font-size:39px}.mx-design .feature-intro h2 br,.mx-design .feature-intro p br{display:none}.mx-design .feature-background{object-position:center 47%}.mx-design .feature-cta{max-width:200px;margin-top:22px}.mx-design .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mx-design .feature-card .tile-art{height:120px}.mx-design .templates{margin:28px 22px 0}.mx-design .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.mx-design .section-heading>div>span{display:none}.mx-design footer{margin-top:64px;padding:25px 32px 30px}.mx-design .footer-main .brand{font-size:36px}.mx-design .footer-main .brand-symbol{width:46px;height:42px}.mx-design .footer-main .brand-symbol img{width:62px;top:-4px;left:-9px}.mx-design .back-top{font-size:14px}}@media (max-width:560px){.mx-design .header{align-items:flex-start;height:118px;padding:16px 18px}.mx-design .brand{font-size:27px}.mx-design .main-nav{justify-content:space-between;position:absolute;bottom:9px;left:18px;right:18px}.mx-design .main-nav>a,.mx-design .main-nav>button{padding:6px 13px;font-size:13px}.mx-design .profile{padding:3px 7px 3px 3px}.mx-design .profile>span{width:26px;height:26px}.mx-design .creation{max-width:calc(100% - 32px);padding:23px 0 27px}.mx-design h1{letter-spacing:-.7px;gap:9px;margin-bottom:22px;font-size:27px}.mx-design .heading-mark svg{width:25px;height:25px}.mx-design .composer-wrap{border-radius:20px}.mx-design .composer{border-radius:17px;padding:16px 14px 13px}.mx-design .composer textarea{min-height:76px;font-size:14px}.mx-design .composer-actions{gap:9px}.mx-design .composer-actions>span{display:none}.mx-design .reference{gap:6px;font-size:13px}.mx-design .create-button{gap:9px;height:35px;padding:0 12px;font-size:13px}.mx-design .starter-row{gap:4px;padding:8px 7px}.mx-design .starter-row>div{gap:2px}.mx-design .starter-row button{gap:4px;padding:4px 5px;font-size:12px}.mx-design .starter-row svg{width:12px;height:12px}.mx-design .starter-row .asset-link{display:none}.mx-design .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.mx-design .new-project,.mx-design .project-card{border-radius:14px;height:177px}.mx-design .project-image{height:95px}.mx-design .project-label{margin:7px 0}.mx-design .project-label>span:last-child{display:inline}.mx-design .project-action svg{display:block}.mx-design .project-tail>span{display:none}.mx-design .project-tail{justify-content:flex-end}.mx-design .creative-feature{gap:10px;margin:9px 16px 0;padding:10px}.mx-design .feature-intro{min-height:256px;padding:24px 18px}.mx-design .feature-intro h2{font-size:40px}.mx-design .feature-intro h2 br{display:block}.mx-design .feature-intro p{font-size:14px}.mx-design .feature-intro p br{display:none}.mx-design .feature-label{font-size:12px}.mx-design .feature-cta{margin-top:23px}.mx-design .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mx-design .feature-card{border-radius:12px}.mx-design .feature-card .tile-art{height:104px}.mx-design .feature-copy{padding:9px 10px 11px}.mx-design .feature-copy p{font-size:12px;line-height:1.45}.mx-design .templates{margin:28px 16px 0}.mx-design .section-heading{margin-bottom:16px}.mx-design .section-heading h2{font-size:18px}.mx-design .library-total{font-size:12px}.mx-design .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 10px}.mx-design .template-image{border-radius:10px}.mx-design .template-info h3{font-size:13px}.mx-design .template-info>span{font-size:12px}.mx-design .template-preview{opacity:1;padding:5px 9px;font-size:12px;inset:auto 8px 8px auto;transform:none}.mx-design .template-preview svg{width:10px;height:10px}.mx-design footer{margin-top:45px;padding:25px 21px 29px}.mx-design .footer-main .brand{font-size:32px}.mx-design .footer-main .brand-symbol{width:40px;height:36px}.mx-design .footer-main .brand-symbol img{width:54px;top:-3px;left:-8px}.mx-design .footer-main p{font-size:12px}.mx-design .back-top{gap:6px;font-size:13px}.mx-design .footer-bottom{margin-top:35px}.mx-design .help{width:30px;height:30px;bottom:11px;right:11px}}@media (prefers-reduced-motion:reduce){.mx-design{scroll-behavior:auto}.mx-design *,.mx-design :after,.mx-design :before{transition:none!important}}.mx-design .brand{gap:10px;line-height:1}.mx-design .brand-wordmark{flex-shrink:0;width:134px;max-width:none;height:34px}.mx-design .footer-main .brand{gap:19px}.mx-design .footer-main .brand-wordmark{width:224px;height:57px}.mx-design .footer-main p{letter-spacing:.12em;color:#9a9a9a;margin-top:19px}@media (max-width:1150px){.mx-design .header .brand-wordmark{width:118px;height:30px}.mx-design .header .brand{gap:8px}}@media (max-width:800px){.mx-design .footer-main .brand-wordmark{width:184px;height:47px}.mx-design .footer-main .brand{gap:14px}}@media (max-width:560px){.mx-design .header .brand-wordmark{width:124px;height:32px}.mx-design .footer-main .brand-wordmark{width:148px;height:38px}.mx-design .footer-main .brand{gap:11px}.mx-design .footer-main p{letter-spacing:.06em}}.mx-design .account .icon-button svg{stroke-width:2.2px;width:22.8px;height:22.8px}.mx-design .account .balance,.mx-design .account .topup{font-size:16.8px;font-weight:650}.mx-design .starter-row button{font-size:14.4px;font-weight:650}.mx-design .starter-row svg{stroke-width:2.2px;width:16.8px;height:16.8px}.mx-design .project-tail{font-size:14.4px;font-weight:650}.mx-design .project-tail svg{stroke-width:2.2px;width:15.6px;height:15.6px}@media (max-width:560px){.mx-design .starter-row{flex-wrap:wrap;row-gap:7px}.mx-design .starter-row>div{gap:4px}.mx-design .starter-row button{padding:5px 6px}.mx-design .starter-row svg{width:14.4px;height:14.4px}}.mx-design .recommendations{max-width:1760px;margin:34px 28px 0}.mx-design .recommendations .section-heading{margin-bottom:17px}.mx-design .recommendation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mx-design .recommendation-card{aspect-ratio:1.5;color:#fff;isolation:isolate;background:#202124;border-radius:17px;flex-direction:column;justify-content:flex-end;min-width:0;min-height:285px;transition:box-shadow .25s;display:flex;position:relative;overflow:hidden}.mx-design .recommendation-card:hover{box-shadow:0 0 0 1px #ffffff40}.mx-design .recommendation-card:after{content:"";z-index:-1;background:linear-gradient(#08080822,#0000 34%,#10101244 63%,#191a1eea);position:absolute;inset:0}.mx-design .recommendation-logo{opacity:.95;width:85px;height:auto;position:absolute;top:20px;left:22px}.mx-design .recommendation-art,.mx-design .recommendation-background{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.mx-design .recommendation-background{object-position:58% center;filter:brightness(.75)}.mx-design .recommendation-brand{background:radial-gradient(at 0 40%,#1467a0 0,#0000 55%),radial-gradient(at 65% 80%,#4541b7 0,#0000 56%),#060b28}.mx-design .recommendation-brand:before{content:"";z-index:-1;background-image:radial-gradient(#758cf755 1px,#0000 0);background-size:19px 19px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.mx-design .recommendation-poster{flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;top:26%;left:30px;right:24px}.mx-design .recommendation-poster>span{letter-spacing:1.5px;color:#ffffffb3;font-size:12px}.mx-design .recommendation-poster strong{letter-spacing:-1.8px;font-size:clamp(32px,3.4vw,62px);font-weight:750;line-height:1.06}.mx-design .recommendation-brand .recommendation-poster{top:24%;left:13%}.mx-design .recommendation-brand .recommendation-poster strong{letter-spacing:-2.7px;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(40px,4.3vw,76px);line-height:1}.mx-design .poster-period{color:#b4c0fb}.mx-design .recommendation-cinema .recommendation-poster{top:24%}.mx-design .recommendation-cinema .recommendation-poster strong{text-shadow:0 3px 24px #0005;line-height:1.18}.mx-design .recommendation-character .recommendation-art{filter:saturate(.5)brightness(.6)}.mx-design .recommendation-character .tile-square{width:115%;left:-7.5%}.mx-design .recommendation-character .recommendation-poster{gap:14px;top:28%}.mx-design .recommendation-character .recommendation-poster strong{letter-spacing:-1px;text-shadow:0 2px 20px #0007;font-size:clamp(29px,2.9vw,52px);line-height:1.22}.mx-design .recommendation-character .recommendation-poster strong>span{color:#dce6e9}.mx-design .recommendation-caption{padding:18px 19px;position:relative}.mx-design .recommendation-caption h3{align-items:center;gap:5px;font-size:14px;font-weight:650;line-height:1.5;display:flex}.mx-design .recommendation-caption h3 svg{opacity:.75;width:14px;height:14px}.mx-design .recommendation-caption p{color:#c1c1c8;margin-top:3px;font-size:12px;line-height:1.5}@media (min-width:1820px){.mx-design .recommendations{margin-left:auto;margin-right:auto}.mx-design .recommendation-caption{padding:20px 22px}.mx-design .recommendation-caption h3{font-size:16px}.mx-design .recommendation-caption p{font-size:14px}.mx-design .recommendation-logo{width:99px;top:24px;left:24px}}@media (max-width:1150px){.mx-design .recommendation-card{aspect-ratio:1.15;min-height:290px}.mx-design .recommendation-poster{left:21px;right:15px}.mx-design .recommendation-poster>span{letter-spacing:.6px;font-size:12px}.mx-design .recommendation-brand .recommendation-poster{left:22px}.mx-design .recommendation-brand .recommendation-poster strong{font-size:42px}.mx-design .recommendation-cinema .recommendation-poster strong{font-size:33px}.mx-design .recommendation-character .recommendation-poster strong{font-size:29px}.mx-design .recommendation-caption{padding:14px}.mx-design .recommendation-caption h3{font-size:13px}.mx-design .recommendation-caption p{font-size:12px}.mx-design .recommendation-logo{width:76px;top:17px;left:19px}}@media (max-width:800px){.mx-design .recommendations{margin:29px 22px 0}.mx-design .recommendation-grid{grid-template-columns:1fr;gap:11px}.mx-design .recommendation-card{aspect-ratio:1.9;min-height:0}.mx-design .recommendation-logo{width:95px;top:20px;left:24px}.mx-design .recommendation-poster{top:23%;left:30px}.mx-design .recommendation-brand .recommendation-poster{top:23%;left:12%}.mx-design .recommendation-brand .recommendation-poster strong{font-size:60px}.mx-design .recommendation-cinema .recommendation-poster strong{font-size:46px}.mx-design .recommendation-character .recommendation-poster strong{font-size:43px}.mx-design .recommendation-character .tile-square{width:100%;left:0}.mx-design .recommendation-caption{padding:17px 23px}.mx-design .recommendation-caption h3{font-size:15px}.mx-design .recommendation-caption p{font-size:13px}}@media (max-width:560px){.mx-design .recommendations{margin:29px 16px 0}.mx-design .recommendation-card{aspect-ratio:1.3;border-radius:14px;min-height:285px}.mx-design .recommendation-logo{width:82px;top:18px;left:20px}.mx-design .recommendation-brand .recommendation-poster strong{font-size:51px}.mx-design .recommendation-cinema .recommendation-poster strong{font-size:39px}.mx-design .recommendation-character .recommendation-poster strong{font-size:36px}.mx-design .recommendation-poster{gap:10px;left:25px}.mx-design .recommendation-caption{padding:16px}.mx-design .recommendation-caption h3{font-size:14px}.mx-design .recommendation-caption p{font-size:12px}}.mx-design .composer .create-button{color:#20311b;background:linear-gradient(135deg,#d0fa98,#b7ef75 52%,#a9e872);border:1px solid #daff9c99;border-radius:13px;gap:13px;height:42px;padding:5px 6px 5px 16px;transition:background .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #f2ffd5aa,0 2px 5px #0003}.mx-design .create-label{letter-spacing:.05em;white-space:nowrap;font-size:14px;font-weight:650;line-height:1}.mx-design .create-arrow{background:#263c1810;border:1px solid #29431914;border-radius:8px;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid;box-shadow:inset 0 1px #efffd72b}.mx-design .create-arrow svg{stroke-width:2px;width:17px;height:17px;transition:transform .18s}.mx-design .composer .create-button:hover{color:#17290f;background:linear-gradient(135deg,#dcffae,#c0f789 55%,#b4ef82);transform:translateY(-1px);box-shadow:inset 0 1px #fffbd1cc,0 3px 10px #0004}.mx-design .composer .create-button:hover .create-arrow svg{transform:translate(1px,-1px)}.mx-design .composer .create-button:active{transform:translateY(0);box-shadow:inset 0 1px 3px #46642230}.mx-design .composer .create-button:focus-visible{outline-offset:4px;outline:2px solid #d8ffb5}@media (max-width:560px){.mx-design .composer .create-button{border-radius:12px;gap:9px;height:39px;padding:5px 5px 5px 12px}.mx-design .create-label{font-size:13px}.mx-design .create-arrow{border-radius:7px;width:27px;height:27px}.mx-design .create-arrow svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.mx-design .composer .create-button:hover,.mx-design .composer .create-button:hover .create-arrow svg{transform:none}}.mx-design .brand .brand-full-mark{mix-blend-mode:screen;flex-shrink:0;width:156.4px;max-width:none;height:28.05px;display:block}.mx-design .footer-main .brand .brand-full-mark{width:310px;height:55px}.mx-design .back-top{font-size:20.8px;font-weight:600}.mx-design .back-top>span{width:31.2px;height:31.2px}.mx-design .back-top svg{width:20.8px;height:20.8px}@media (max-width:1150px){.mx-design .header .brand .brand-full-mark{width:134.3px;height:23.8px}}@media (max-width:800px){.mx-design .footer-main .brand .brand-full-mark{width:250px;height:44px}.mx-design .back-top{font-size:18.2px}}@media (max-width:560px){.mx-design .header .brand .brand-full-mark{width:127.5px;height:22.95px}.mx-design .footer-main .brand .brand-full-mark{width:195px;height:35px}.mx-design .footer-main{flex-wrap:wrap;row-gap:28px}.mx-design .back-top{font-size:18.2px}.mx-design .back-top>span{width:28px;height:28px}}.mx-design .header{position:relative}.mx-site-header{z-index:100;position:sticky;top:0}.mx-design .composer textarea{width:100%;display:block}.mx-design button:disabled{cursor:wait;opacity:.6}.mx-design .creation-error{color:#ffb4ac;margin:12px 0;font-size:14px}.mx-design .project-action{text-align:left;width:100%}.mx-design .feature-card{cursor:pointer;text-align:left}.mx-design :focus-visible{outline-offset:4px;outline:2px solid #b7f565}.mx-design .preview-art{aspect-ratio:16/9;border-radius:12px;position:relative;overflow:hidden}@media (max-width:560px){.mx-design .starter-row a.asset-link{display:none}}.mx-design.template-library-page{min-height:100dvh}.mx-design.template-library-page .templates{margin-top:48px;padding-bottom:64px}.mx-design.template-library-page h1{margin:0;font-size:30px}.mx-design .library-toolbar{justify-content:space-between;align-items:flex-start;gap:24px;margin:28px 0 20px;display:flex}.mx-design .library-filters{flex-wrap:wrap;gap:8px;display:flex}.mx-design .library-filters button{color:#aaa;border:1px solid #343434;border-radius:24px;padding:8px 14px;font-size:13px}.mx-design .library-filters button.selected{color:#fff;background:#2a2a2a;border-color:#666}.mx-design .library-search{border:1px solid #383838;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:9px 14px;display:flex}.mx-design .library-search input{color:#eee;background:0 0;border:0;outline:0;width:180px;font-size:14px}.mx-design .library-count{color:#aaa;margin:0 0 20px;font-size:13px}.mx-design .library-empty{text-align:center;color:#aaa;padding:80px 20px}.mx-design .library-empty h2{color:#eee;font-size:22px}.mx-design .library-empty p{margin:12px 0 24px}.mx-design .library-empty button{margin:auto}@media (max-width:800px){.mx-design .library-toolbar{flex-direction:column}.mx-design .library-search{width:100%}.mx-design .library-search input{flex:1;width:0}}.mx-design.mx-login-page{color:#ededed;background:#101010;min-height:100dvh}.mx-design.mx-login-page .mx-login-page-content{min-height:100dvh}.mx-design.mx-login-page>.absolute{pointer-events:none}@media (max-width:560px){.mx-design.mx-login-page .mx-login-page-content{padding:20px 10px}.mx-design.mx-login-page .sf-drawer-in{width:100%}}.mx-design.login-modal[data-slot=dialog-content]{color:#efefef;background:linear-gradient(155deg,#272727,#202020 65%);border:1px solid #3b3b3b;border-radius:25px;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:38px 38px 25px;display:block;overflow-y:auto;box-shadow:0 30px 120px #0009,inset 0 1px #ffffff09}.mx-design .login-close{color:#8b8b8b;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:15px;right:15px}.mx-design .login-close:hover{background:#373737}.mx-design .login-close svg{width:17px;height:17px}.mx-design .login-brand{justify-content:center;align-items:center;gap:9px;margin:4px 0 24px;display:flex}.mx-design .login-brand .brand-full-mark{mix-blend-mode:screen;flex-shrink:0;width:156.4px;height:28.05px;display:block}.mx-design .login-heading{text-align:center;margin-bottom:28px}.mx-design .login-heading [data-slot=dialog-title]{letter-spacing:-.8px;font-size:29px;font-weight:650;line-height:1.4}.mx-design .login-heading [data-slot=dialog-description]{color:#999;margin-top:10px;font-size:13px}.mx-design .login-tabs{gap:0}.mx-design .login-tabs [data-slot=tabs-list]{background:#191919;border:1px solid #333;border-radius:12px;width:100%;height:44px;margin-bottom:24px;padding:4px}.mx-design .login-tabs [data-slot=tabs-trigger]{color:#999;border-radius:8px;gap:7px;height:34px;font-size:13px;font-weight:550}.mx-design .login-tabs [data-slot=tabs-trigger][data-active]{color:#f2f2f2;background:#3b3b3b;border-color:#454545;box-shadow:0 2px 5px #0003}.mx-design .login-fields{gap:9px;display:grid}.mx-design .login-fields>label{color:#bcbcbc;font-size:12px}.mx-design .login-fields>label:not(:first-child){margin-top:10px}.mx-design .login-fields input{color:#eee;width:100%;height:47px;font:inherit;box-shadow:none;background:#222;border:1px solid #444;border-radius:11px;padding:0 14px;font-size:14px}.mx-design .login-fields input::placeholder{color:#777}.mx-design .login-fields input:focus{border-color:#b7f565;outline:1px solid #b7f565}.mx-design .code-field,.mx-design .phone-field{background:#222;border:1px solid #444;border-radius:11px;align-items:center;display:flex;position:relative;overflow:hidden}.mx-design .code-field:focus-within,.mx-design .phone-field:focus-within{border-color:#b7f565}.mx-design .code-field input,.mx-design .phone-field input{background:0 0;border:0;min-width:0}.mx-design .code-field input:focus,.mx-design .phone-field input:focus{outline:0}.mx-design .phone-field>span{color:#c4c4c4;white-space:nowrap;border-right:1px solid #414141;align-items:center;gap:8px;padding:0 14px;font-size:13px;display:flex}.mx-design .phone-field>span svg{color:#999;width:11px;height:11px}.mx-design .code-field>button{white-space:nowrap;color:#d0d0d0;padding:0 13px;font-size:12px;font-weight:550}.mx-design .login-agreement{color:#8d8d8d;cursor:pointer;align-items:center;gap:9px;margin:23px 0 18px;font-size:11px;line-height:1.6;display:flex}.mx-design .login-agreement [data-slot=checkbox]{background:#242424;border:1px solid #646464;border-radius:4px;flex-shrink:0;width:15px;height:15px}.mx-design .login-agreement [data-slot=checkbox][data-checked]{color:#18220f;background:#b7f565;border-color:#b7f565}.mx-design .legal-label{color:#c9c9c9}.mx-design .login-submit.create-button{border-radius:12px;justify-content:space-between;width:100%;height:47px;padding-left:18px;padding-right:8px;font-size:15px;font-weight:650}.mx-design .login-note{color:#828282;text-align:center;margin-top:13px;font-size:11px}.mx-design .login-security{color:#747474;letter-spacing:.4px;border-top:1px solid #ffffff09;justify-content:center;align-items:center;gap:6px;margin-top:24px;padding-top:19px;font-size:10px;display:flex}.mx-design .login-security svg{width:12px;height:12px}.mx-design .wechat-entry{text-align:center;flex-direction:column;align-items:center;min-height:179px;display:flex}.mx-design .wechat-entry>span{background:#303030;border:1px solid #4c4c4c;border-radius:15px;place-items:center;width:45px;height:45px;margin-bottom:12px;display:grid}.mx-design .wechat-entry>span svg{width:25px;height:25px}.mx-design .wechat-entry h3{font-size:16px;font-weight:550}.mx-design .wechat-entry p{color:#999;margin:7px 0 18px;font-size:12px}.mx-design .wechat-button{background:#303030;border:1px solid #4a4a4a;border-radius:10px;gap:10px;height:40px;padding:0 18px;font-size:13px}.mx-design .workspace{max-width:1512px;min-height:calc(100vh - 210px);margin:0 auto;padding:53px 40px 0}.mx-design .workspace-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.mx-design .workspace-eyebrow{letter-spacing:2.3px;color:#737373;margin-bottom:11px;font-size:10px;font-weight:550;display:block}.mx-design .workspace-heading h1{letter-spacing:-.7px;gap:15px;margin-bottom:9px;font-size:30px;font-weight:600;line-height:1.35}.mx-design .workspace-count{letter-spacing:.4px;color:#939393;border:1px solid #383838;border-radius:7px;padding:4px 7px;font-size:12px;font-weight:500}.mx-design .workspace-heading p{color:#868686;font-size:13px}.mx-design .workspace-create.create-button{border-radius:11px;gap:8px;height:42px;padding:0 17px;font-weight:650}.mx-design .workspace-toolbar{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;padding-bottom:16px;display:flex}.mx-design .workspace-tabs{align-items:center;gap:25px;display:flex}.mx-design .workspace-tabs button{color:#898989;white-space:nowrap;padding:9px 0;font-size:14px;font-weight:550;position:relative}.mx-design .workspace-tabs button.active{color:#f3f3f3}.mx-design .workspace-tabs button.active:after{content:"";background:#e3e3e3;border-radius:2px;height:2px;position:absolute;bottom:-17px;left:0;right:0}.mx-design .workspace-tabs button span{color:#999;background:#2d2d2d;border-radius:5px;margin-left:8px;padding:2px 5px;font-size:10px}.mx-design .workspace-tools{align-items:center;gap:10px;display:flex}.mx-design .workspace-search{color:#828282;background:#202020;border:1px solid #373737;border-radius:10px;align-items:center;gap:9px;width:192px;height:38px;padding:0 12px;display:flex}.mx-design .workspace-search svg{width:16px;height:16px}.mx-design .workspace-search input{color:#ddd;width:100%;min-width:0;height:36px;box-shadow:none;background:0 0;border:0;outline:none;padding:0;font-size:12px}.mx-design .workspace-search:focus-within{border-color:#888}.mx-design .workspace-sort{color:#bbb;white-space:nowrap;background:#202020;border:1px solid #373737;border-radius:10px;align-items:center;gap:14px;padding:9px 12px;font-size:12px;display:flex}.mx-design .workspace-sort svg{width:12px;height:12px}.mx-design .workspace-view{background:#1b1b1b;border:1px solid #363636;border-radius:10px;gap:2px;padding:3px;display:flex}.mx-design .workspace-view button{color:#818181;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.mx-design .workspace-view button.active{color:#ddd;background:#363636}.mx-design .workspace-view svg{width:16px;height:16px}.mx-design .workspace-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 15px;display:grid}.mx-design .workspace-card,.mx-design .workspace-new{background:#222;border:1px solid #373737;border-radius:16px;min-width:0;padding:8px;transition:border-color .2s,background .2s;box-shadow:inset 0 1px #ffffff03}.mx-design .workspace-card:hover,.mx-design .workspace-new:hover{background:#272727;border-color:#5d5d5d}.mx-design .workspace-cover{aspect-ratio:1.3;background:#292929;border-radius:10px;position:relative;overflow:hidden}.mx-design .workspace-cover>img{object-fit:cover;width:100%;height:100%}.mx-design .workspace-cover .tile-art{position:absolute;inset:0}.mx-design .workspace-draft{color:#e0e0e0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;background:#10101070;border:1px solid #ffffff24;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:500;transition:opacity .2s;position:absolute;top:9px;left:9px}.mx-design .workspace-card:focus-within .workspace-draft,.mx-design .workspace-card:hover .workspace-draft{opacity:1}.mx-design .workspace-card-info{justify-content:space-between;align-items:center;gap:8px;padding:12px 4px 0;display:flex}.mx-design .workspace-card-info>div{min-width:0}.mx-design .workspace-card-info h2{letter-spacing:.1px;color:#e8e8e8;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.mx-design .workspace-card-info button{color:#929292;border-radius:6px;place-items:center;width:25px;height:27px;display:grid}.mx-design .workspace-card-info button:hover{background:#3b3b3b}.mx-design .workspace-card-info svg{width:17px;height:17px}.mx-design .workspace-card-meta{color:#747474;justify-content:space-between;align-items:center;gap:8px;padding:4px;font-size:10px;display:flex}.mx-design .workspace-card-meta>span:first-child{flex-shrink:0}.mx-design .workspace-card-meta>span:last-child{color:#686868;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mx-design .workspace-new{background:radial-gradient(at 50% 20%,#2b2b2b,#202020 70%);flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex;position:relative}.mx-design .workspace-plus{color:#222;background:#eee;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:16px;display:grid;box-shadow:0 3px 10px #0002}.mx-design .workspace-plus svg{stroke-width:1.8px;width:23px;height:23px}.mx-design .workspace-new strong{font-size:14px;font-weight:600}.mx-design .workspace-new>span:not(.workspace-plus){color:#7e7e7e;margin-top:7px;font-size:11px}.mx-design .workspace-new small{letter-spacing:1.5px;color:#646464;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:15px}.mx-design .workspace-new small svg{width:11px;height:11px}.mx-design .workspace-bottom{color:#777;border-top:1px solid #252525;justify-content:space-between;align-items:center;margin-top:32px;padding-top:19px;font-size:11px;display:flex}.mx-design .workspace-bottom>a,.mx-design .workspace-bottom>span{align-items:center;gap:7px;display:flex}.mx-design .workspace-bottom svg{width:14px;height:14px}.mx-design .workspace-bottom>a{color:#ababab}.mx-design .workspace-footer{color:#646464;justify-content:center;align-items:center;gap:14px;padding:60px 24px 28px;font-size:10px;display:flex}.mx-design .workspace-footer img{opacity:.5;width:57px}@media (min-width:1820px){.mx-design .workspace{padding-top:60px}.mx-design .workspace-grid{gap:20px 17px}.mx-design .workspace-heading{margin-bottom:45px}}@media (max-width:1200px){.mx-design .workspace-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mx-design .workspace{padding:35px 25px 0}}@media (max-width:900px){.mx-design .workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mx-design .workspace-toolbar{flex-wrap:wrap}.mx-design .workspace-tools{width:100%}.mx-design .workspace-search{flex:1}.mx-design .workspace-tabs button.active:after{bottom:0}.mx-design .workspace-heading{margin-bottom:25px}.mx-design .workspace-new{min-height:215px}}@media (max-width:600px){.mx-design .workspace{padding:26px 16px 0}.mx-design .workspace-heading{gap:12px}.mx-design .workspace-heading h1{font-size:25px}.mx-design .workspace-heading p{max-width:220px;font-size:11px}.mx-design .workspace-eyebrow{font-size:8px}.mx-design .workspace-create.create-button{height:37px;padding:0 10px;font-size:12px}.mx-design .workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.mx-design .workspace-card,.mx-design .workspace-new{border-radius:13px;padding:6px}.mx-design .workspace-new{min-height:187px}.mx-design .workspace-card-info h2{font-size:13px}.mx-design .workspace-cover{aspect-ratio:1.1}.mx-design .workspace-sort{gap:8px;padding:9px 8px}.mx-design .workspace-view{display:none}.mx-design .workspace-bottom{gap:15px;font-size:10px}.mx-design .workspace-footer{padding-top:40px}.mx-design.login-modal[data-slot=dialog-content]{border-radius:21px;padding:32px 24px 22px}.mx-design .login-heading [data-slot=dialog-title]{font-size:26px}.mx-design .login-heading{margin-bottom:23px}.mx-design .login-brand{margin-bottom:21px}.mx-design .login-tabs [data-slot=tabs-list]{margin-bottom:19px}}.mx-design.login-modal{margin:auto;position:relative}.mx-design .login-heading h1{margin:0;display:block}.mx-design .login-tabs [data-slot=tabs-list]{gap:4px;display:flex}.mx-design .login-tabs [data-slot=tabs-trigger]{flex:1;justify-content:center;align-items:center;display:flex}.mx-design .login-field{display:block}.mx-design .login-field-label{margin-bottom:9px;display:block}.mx-design .login-field-input{background:#222;border:1px solid #444;border-radius:11px;align-items:center;display:flex;overflow:hidden}.mx-design .login-field-input:focus-within{border-color:#b7f565}.mx-design .login-field-input input{background:0 0;border:0;flex:1;width:0;min-width:0}.mx-design .login-field-input input:focus{outline:0}.mx-design .login-field-input input::placeholder{color:#999}.mx-design .login-field-icon{color:#aaa;padding:0 12px;font-size:13px}.mx-design .login-field-icon svg{width:16px;height:16px}.mx-design .login-field-input button{white-space:nowrap;color:#ddd;padding:0 12px;font-size:12px}.mx-design .login-agreement input{accent-color:#b7f565;flex-shrink:0;width:15px;height:15px}.mx-design .wechat-button{align-items:center;display:flex}.mx-design .login-feedback,.mx-design .login-warning{color:#ddd;border:1px solid #555;border-radius:10px;margin-bottom:16px;padding:10px;font-size:12px}.mx-design .login-warning{gap:8px;display:flex}.mx-design .login-error{color:#ffb4ac;border-color:#9b625c}.mx-design .login-note,.mx-design .login-security{color:#999}@media (max-width:560px){.mx-design.login-modal{padding:30px 24px 22px}}.mx-design.workspace-shell{min-height:calc(100dvh - 78px)}.mx-design .workspace-cover{display:block}.mx-design .workspace-card{position:relative}.mx-design .workspace-sort select{appearance:none;color:inherit;font:inherit;background:0 0;border:0;outline:0}.mx-design .workspace-sort option{background:#202020}.mx-design .workspace-pagination{justify-content:center;align-items:center;gap:20px;margin-top:28px;font-size:13px;display:flex}.mx-design .workspace-pagination button{border:1px solid #444;border-radius:9px;padding:8px 14px}.mx-design .workspace-list{grid-template-columns:1fr}.mx-design .workspace-list .workspace-card{grid-template-columns:120px 1fr auto;align-items:center;gap:20px;display:grid}.mx-design .workspace-list .workspace-new{min-height:110px}.mx-design .workspace-list .workspace-new small,.mx-design .workspace-list .workspace-new>span:not(.workspace-plus){display:none}.mx-design .workspace-list .workspace-plus{position:absolute;top:34px;left:30px}.mx-design .workspace-list .workspace-card-info{padding:0}.mx-design .workspace-list .workspace-card-meta{flex-direction:column;align-items:flex-end;padding:0 12px}@media (max-width:600px){.mx-design .workspace-list .workspace-card{grid-template-columns:80px 1fr;gap:12px}.mx-design .workspace-list .workspace-card-meta{grid-column:2;align-items:flex-start;margin-top:-16px;padding:0}}.mx-design .login-agreement input{color-scheme:dark}.mx-design .login-country{border-right:1px solid #414141;align-items:center;gap:8px;padding-right:12px;display:flex}.mx-design .login-country svg{width:11px;height:11px}.mx-design .starter-row .asset-link{color:#888;background:0 0}@media (max-width:560px){.mx-design .starter-row .asset-link{display:none}}.mx-design .starter-row a.asset-link{color:#888;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:14.4px;font-weight:650;display:flex}.mx-design .asset-workspace{max-width:1680px;min-height:calc(100vh - 190px)}.mx-design .asset-heading{margin-bottom:32px}.mx-design .asset-heading h1{margin-bottom:9px}.mx-design .asset-heading-note{color:#727272;letter-spacing:2px;font-size:11px}.mx-design .asset-library{gap:0}.mx-design .asset-toolbar{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.mx-design .asset-toolbar-left,.mx-design .asset-toolbar-right{align-items:center;gap:10px;display:flex}.mx-design .asset-toolbar-left{gap:21px}.mx-design .asset-tabs[data-slot=tabs-list]{gap:25px;height:38px;padding:0;overflow:visible}.mx-design .asset-tabs [data-slot=tabs-trigger]{color:#888;border:0;border-radius:0;height:38px;padding:0 0 5px;font-size:14px;font-weight:550}.mx-design .asset-tabs [data-slot=tabs-trigger][data-active]{color:#ededed;background:0 0}.mx-design .asset-tabs [data-slot=tabs-trigger]:after{background:#eee;border-radius:3px;height:2px;bottom:0}.mx-design .asset-toolbar-divider{background:#343434;width:1px;height:23px}.mx-design .asset-type[data-slot=select-trigger]{color:#b5b5b5;background:#191919;border:1px solid #363636;border-radius:9px;gap:14px;min-width:108px;height:37px;padding:0 11px;font-size:12px}.mx-design .asset-type-menu{color:#ddd;background:#272727;border:1px solid #444;border-radius:10px;padding:5px;box-shadow:0 15px 40px #0006}.mx-design .asset-type-menu [data-slot=select-item]{border-radius:6px;min-height:32px;font-size:12px}.mx-design .asset-type-menu [data-highlighted]{background:#3b3b3b}.mx-design .asset-search{background:#191919;width:255px;height:37px}.mx-design .asset-secondary[data-slot=button]{color:#bbb;background:#1c1c1c;border:1px solid #3b3b3b;border-radius:9px;gap:8px;height:37px;padding:0 12px;font-size:12px}.mx-design .asset-secondary:hover{color:#eee;background:#303030}.mx-design .asset-secondary svg{width:15px;height:15px}.mx-design .asset-section-heading{color:#b6b6b6;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 17px;font-size:12px;display:flex}.mx-design .asset-section-heading>span:last-child{color:#707070;font-size:10px}.mx-design .asset-folder-count{color:#777;font-variant-numeric:tabular-nums;margin-left:8px;font-size:10px}.mx-design .asset-folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;display:grid}.mx-design .asset-folder-card{text-align:left;outline-offset:6px;min-width:0;padding:0}.mx-design .asset-folder-cover{aspect-ratio:1.65;background:radial-gradient(at 35% 0,#303030,#202020 70%);border:1px solid #373737;border-radius:15px;transition:border-color .2s,background .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.mx-design .asset-folder-card:hover .asset-folder-cover{background:radial-gradient(at 35% 0,#373737,#252525 70%);border-color:#626262}.mx-design .asset-folder-corner{color:#727272;position:absolute;top:16px;left:17px}.mx-design .asset-folder-corner svg{stroke-width:1.5px;width:15px;height:15px}.mx-design .asset-folder-illustration{place-items:center;width:76px;height:59px;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.mx-design .asset-folder-illustration>span{opacity:.45;background:#363636;border:1px solid #686868;border-radius:6px;width:56px;height:40px;transition:transform .25s;position:absolute;transform:rotate(-9deg)translateY(-3px)}.mx-design .asset-folder-illustration>svg{stroke:#777;fill:#2b2b2b;stroke-width:.8px;filter:drop-shadow(0 6px 7px #0002);width:76px;height:59px;position:relative}.mx-design .asset-folder-card:hover .asset-folder-illustration>span{transform:rotate(-14deg)translateY(-7px)}.mx-design .asset-folder-card.output .asset-folder-illustration>span{transform:rotate(7deg)translate(1px,-4px)}.mx-design .asset-folder-open{color:#777;opacity:0;background:#ffffff06;border-radius:50%;place-items:center;width:26px;height:26px;transition:opacity .2s;display:grid;position:absolute;top:13px;right:14px}.mx-design .asset-folder-card:focus-visible .asset-folder-open,.mx-design .asset-folder-card:hover .asset-folder-open{opacity:1}.mx-design .asset-folder-open svg{width:14px;height:14px}.mx-design .asset-folder-cover-caption{color:#686868;letter-spacing:1.7px;font-size:8px;position:absolute;bottom:14px;left:18px}.mx-design .asset-folder-title{justify-content:space-between;align-items:center;gap:8px;margin:12px 2px 0;display:flex}.mx-design .asset-folder-title h2{color:#e1e1e1;font-size:14px;font-weight:600;line-height:1.45}.mx-design .asset-folder-title>span{color:#818181;font-size:10px}.mx-design .asset-folder-card>p{color:#727272;margin:5px 2px 0;font-size:11px}.mx-design .asset-library-hint{color:#656565;border-top:1px solid #232323;align-items:center;gap:8px;margin-top:34px;padding-top:19px;font-size:11px;display:flex}.mx-design .asset-library-hint svg{width:13px;height:13px}.mx-design .asset-empty{text-align:center;background:radial-gradient(at 50% 43%,#1d1d1d,#151515 65%);border:1px dashed #373737;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;height:min(62vh,660px);min-height:490px;margin-top:24px;padding:42px 24px;display:flex}.mx-design .asset-empty-art{place-items:center;width:108px;height:88px;margin-bottom:24px;display:grid;position:relative}.mx-design .asset-sheet{background:linear-gradient(145deg,#303030,#1d1d1d);border:1px solid #4f4f4f;border-radius:9px;width:60px;height:59px;position:absolute}.mx-design .asset-empty-art>svg{stroke:#999;stroke-width:1.1px;background:#282828;border:1px solid #4a4a4a;border-radius:12px;width:59px;height:52px;padding:8px;position:relative;box-shadow:0 10px 20px #0003}.mx-design .asset-empty-spark{background:#b7f565;border-radius:1px;width:5px;height:5px;position:absolute;top:7px;right:10px;box-shadow:0 0 12px #b7f56520}.mx-design .asset-empty-eyebrow{letter-spacing:2px;color:#6d6d6d;margin-bottom:12px;font-size:9px}.mx-design .asset-empty h2{letter-spacing:-.5px;font-size:23px;font-weight:600;line-height:1.5}.mx-design .asset-empty p{color:#868686;max-width:390px;margin-top:9px;font-size:12px;line-height:1.8}.mx-design .asset-primary.create-button{border-radius:11px;gap:9px;height:41px;margin-top:26px;padding:0 14px;font-size:13px;font-weight:600}.mx-design .asset-primary svg{width:15px;height:15px}.mx-design .asset-primary svg:last-child{margin-left:13px}.mx-design .asset-empty-footnote{color:#646464;margin-top:17px;font-size:10px}.mx-design .asset-breadcrumb{color:#bdbdbd;align-items:center;gap:10px;margin-top:22px;font-size:12px;display:flex}.mx-design .asset-breadcrumb button{color:#929292;align-items:center;gap:7px;padding:3px 0;display:flex}.mx-design .asset-breadcrumb svg{width:13px;height:13px}.mx-design .asset-breadcrumb>.asset-item-count{color:#6d6d6d;margin-left:auto;font-size:11px}@media (min-width:1820px){.mx-design .asset-folder-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mx-design .asset-empty{min-height:560px}}@media (max-width:1100px){.mx-design .asset-toolbar{flex-wrap:wrap}.mx-design .asset-toolbar-right{width:100%}.mx-design .asset-search{flex:1}.mx-design .asset-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mx-design .asset-heading{margin-bottom:25px}}@media (max-width:700px){.mx-design .asset-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mx-design .asset-heading-note{display:none}.mx-design .asset-toolbar-left{gap:15px}.mx-design .asset-tabs[data-slot=tabs-list]{gap:20px}.mx-design .asset-heading{margin-bottom:22px}.mx-design .asset-empty{height:auto;min-height:420px}.mx-design .asset-empty h2{font-size:20px}.mx-design .asset-folder-cover{aspect-ratio:1.35}.mx-design .asset-folder-title{align-items:flex-start}.mx-design .asset-folder-illustration{transform:translate(-50%,-50%)scale(.85)}}@media (max-width:560px){.mx-design .starter-row a.asset-link{display:none}.mx-design .asset-toolbar{gap:17px;padding-bottom:18px}.mx-design .asset-tabs [data-slot=tabs-trigger]{font-size:13px}.mx-design .asset-toolbar-right{flex-wrap:wrap;gap:8px}.mx-design .asset-manage[data-slot=button]{display:none}.mx-design .asset-search{width:auto;min-width:120px}.mx-design .asset-secondary[data-slot=button]{padding:0 9px;font-size:11px}.mx-design .asset-folder-cover-caption{letter-spacing:.8px;font-size:6px;left:12px}.mx-design .asset-folder-corner{top:12px;left:12px}.mx-design .asset-folder-title h2{font-size:13px}.mx-design .asset-folder-title>span{font-size:9px}.mx-design .asset-folder-card>p{font-size:10px}.mx-design .asset-library-hint{align-items:flex-start;line-height:1.8}.mx-design .asset-library-hint svg{margin-top:3px}.mx-design .asset-empty{border-radius:15px;min-height:400px;padding:35px 18px}.mx-design .asset-empty p{max-width:255px}.mx-design .asset-workspace{min-height:calc(100vh - 215px)}}.mx-design .asset-category-tabs{border-bottom:1px solid #333;gap:24px;margin-bottom:24px;display:flex;overflow-x:auto}.mx-design .asset-category-tabs button{white-space:nowrap;color:#aaa;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:12px 0;display:flex}.mx-design .asset-category-tabs button[aria-selected=true]{color:#eee;border-color:#b7f565}.mx-design .asset-workspace .workspace-assets-project-context{border-top:1px solid #303030;border-bottom:1px solid #303030;margin:0 0 32px;padding:16px 0}.mx-design .asset-workspace .workspace-assets-project-context h2{font-size:14px}.mx-design .asset-workspace .workspace-assets-project-context .sf-app-select-trigger{max-width:100%}.mx-design .asset-workspace .workspace-assets-asset-grid article,.mx-design .asset-workspace .workspace-assets-output-list article{background:#1b1b1b;border-color:#333;border-radius:16px}.mx-design .asset-workspace .asset-panel h1{font-size:20px}.mx-design .asset-workspace .asset-panel h3{font-size:15px}.mx-design .asset-workspace .asset-folder-count,.mx-design .asset-workspace .asset-folder-title>span,.mx-design .asset-workspace .asset-heading-note,.mx-design .asset-workspace .asset-library-hint,.mx-design .asset-workspace .asset-section-heading{color:#aaa}.mx-design.asset-shell{--sf-brand:var(--sf-user-brand);--sf-brand-strong:var(--sf-user-brand-hover);--sf-brand-soft:var(--sf-canvas-brand-tint-subtle);--sf-primary-foreground:#17200e;--primary-foreground:#17200e;--sf-panel:#1b1b1b;--sf-panel-subtle:#262626;--sf-text-muted:#aaa;--sf-text-secondary:#c4c4c4;--border:#383838}.mx-design .asset-workspace .workspace-assets-upload-inline{align-self:flex-start;min-height:40px;position:relative}.mx-design .asset-workspace .workspace-assets-upload-inline .sf-upload-hint{display:none}.mx-design .asset-workspace .workspace-assets-upload-inline .sf-upload-trigger>span{white-space:nowrap}.mx-design.mx-route-state,.mx-design.mx-team-page,.mx-design.mx-team-route-shell{color:#ededed;background:#101010;min-height:100dvh}.mx-design .mx-team-shell{max-width:1180px;margin:0 auto;padding:58px 28px 80px}.mx-design .mx-team-heading{margin-bottom:26px}.mx-design .mx-team-heading h1{letter-spacing:-1px;margin:8px 0 9px;font-size:40px;font-weight:550}.mx-design .mx-team-heading p:not(.workspace-eyebrow){color:#9b9b9b;font-size:14px}.mx-design .mx-team-panel{background:#191919;border:1px solid #363636;border-radius:22px;padding:22px;box-shadow:inset 0 1px #ffffff08}.mx-design .mx-team-panel .sf-project-table{border-color:#383838;border-radius:15px;margin-top:0}.mx-design .mx-team-panel .sf-project-table-head{color:#969696;background:#222}.mx-design .mx-team-panel .sf-project-row{color:#ededed;background:#1b1b1b;border-color:#343434}.mx-design .mx-team-panel .sf-project-row:hover{background:#242424}.mx-design .mx-team-panel .sf-project-row small{color:#929292}.mx-design .mx-team-navigation{align-items:center;gap:8px;max-width:1180px;margin:0 auto;padding:22px 28px 0;display:flex}.mx-design .mx-team-navigation .sf-button-secondary{color:#bcbcbc;background:#1b1b1b;border:1px solid #3a3a3a;border-radius:999px;min-height:38px;padding:0 14px}.mx-design .mx-team-navigation .sf-button-secondary:hover{color:#fff;background:#272727}.mx-design .mx-team-error-panel{gap:10px;max-width:760px;margin:48px auto;display:grid}.mx-design .mx-team-error-panel h1{letter-spacing:-.6px;margin:0;font-size:27px;font-weight:550}.mx-design .mx-team-status-kicker{color:#9b9b9b;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.mx-design .mx-team-status-copy{color:#b7b7b7;margin:0 0 8px;font-size:14px;line-height:1.6}.mx-design .mx-team-error-panel .sf-button-secondary{justify-self:start}.mx-design.mx-route-state{justify-content:center;align-items:center;padding:28px;display:flex}.mx-design .mx-route-state-card{text-align:center;background:#191919;border:1px solid #363636;border-radius:22px;width:100%;max-width:520px;padding:34px;box-shadow:0 24px 70px #0008,inset 0 1px #ffffff08}.mx-design .mx-route-state-card>svg{color:#b7f565;width:30px;height:30px;margin:0 auto 16px}.mx-design .mx-route-state-card .login-brand{margin:0 auto 24px}.mx-design .mx-route-state-card .login-brand .brand-full-mark{width:156px;height:28px;margin:0 auto;display:block}.mx-design .mx-route-state-card .mx-route-spinner{animation:mx-route-spin 1s linear infinite}.mx-design .mx-route-state-card h1{letter-spacing:-.6px;margin:10px 0 8px;font-size:27px;font-weight:550}.mx-design .mx-route-state-card .sf-muted{color:#9b9b9b;margin:0;font-size:14px}.mx-design .mx-route-state-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.mx-design .mx-route-state-actions .sf-button-primary,.mx-design .mx-route-state-actions .sf-button-secondary,.mx-design .mx-route-state-card>.sf-button-primary{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 17px;display:inline-flex}.mx-design .mx-route-state-actions .sf-button-primary,.mx-design .mx-route-state-card>.sf-button-primary{color:#17200e;background:#b7f565}.mx-design .mx-route-state-actions .sf-button-primary:hover,.mx-design .mx-route-state-card>.sf-button-primary:hover{color:#17200e;background:#ccff8f}.mx-design .mx-route-state-actions .sf-button-secondary{color:#bcbcbc;background:#242424;border:1px solid #3a3a3a}.mx-design .mx-route-state-actions .sf-button-secondary:hover{color:#fff;background:#2d2d2d}.mx-design .mx-route-state-actions svg,.mx-design .mx-route-state-card>.sf-button-primary svg{width:16px;height:16px}@keyframes mx-route-spin{to{transform:rotate(1turn)}}.mx-design .mx-auth-muted{color:#9b9b9b;margin:14px 0 0;font-size:14px;line-height:1.7}@media (max-width:700px){.mx-design .mx-team-shell{padding:34px 16px 54px}.mx-design .mx-team-heading h1{font-size:30px}.mx-design .mx-team-panel{border-radius:17px;padding:12px}.mx-design .mx-team-navigation{flex-wrap:wrap;padding:16px 16px 0}.mx-design .mx-team-navigation .sf-button-secondary{flex:1;justify-content:center}.mx-design.mx-route-state{padding:18px 14px}.mx-design .mx-route-state-card{border-radius:18px;padding:26px 20px}.mx-design .mx-route-state-actions{flex-direction:column}.mx-design .mx-route-state-actions .sf-button-primary,.mx-design .mx-route-state-actions .sf-button-secondary{width:100%}.mx-design .mx-team-error-panel{margin:28px 16px}.mx-design .mx-team-error-panel .sf-button-secondary{justify-self:stretch}}.canvas-workbench.mx-canvas{--sf-workbench-canvas:#101010;--sf-canvas-topbar-height:80px;--sf-workbench-grid-dot:#ffffff19;--sf-brand:var(--sf-user-brand);--sf-brand-soft:var(--sf-user-brand)}@supports (color:color-mix(in lab,red,red)){.canvas-workbench.mx-canvas{--sf-brand-soft:color-mix(in srgb,var(--sf-user-brand) 9.4%,transparent)}}.canvas-workbench.mx-canvas{--sf-text-secondary:#c4c4c4;--sf-text-muted:#a1a1a1;--sf-canvas-surface:#191919;--sf-canvas-surface-elevated:#222;--sf-canvas-surface-panel:#242424;--sf-canvas-surface-control:#303030;--sf-canvas-border-subtle:#333;--sf-canvas-border-strong:#454545;color-scheme:dark}.mx-canvas .canvas-topbar{background:linear-gradient(#101010f5,#101010b0 70%,#10101000);border:0;padding:0 24px}.mx-canvas .canvas-topbar-heading{background:#1e1e1eee;border:1px solid #333;border-radius:13px;align-items:center;gap:10px;min-width:0;max-width:65%;min-height:45px;padding:0 12px 0 7px;display:flex}.mx-canvas .canvas-topbar-brand-icon{border-right:1px solid #3b3b3b;flex-shrink:0;align-items:center;width:42px;height:28px;padding-right:12px;display:flex}.mx-canvas .canvas-topbar-brand-icon svg{width:32px;max-width:none;height:24px}.mx-canvas .canvas-topbar-back{background:0 0;border:0;border-radius:7px;width:28px;min-width:28px;height:28px;min-height:28px;padding:4px}.mx-canvas .canvas-topbar h1{font-size:13px;font-weight:550}.mx-canvas .canvas-project-title-trigger{max-width:min(260px,28vw);min-height:32px;padding:0}.mx-canvas .canvas-left-rail{width:48px;max-height:calc(100dvh - 172px);top:50%;left:20px}.mx-canvas .canvas-rail-group{background:#1c1c1cf2;border-color:#343434;border-radius:25px;flex-direction:column;align-items:center;gap:5px;padding:8px 5px;display:flex;box-shadow:0 8px 28px #0004}.mx-canvas .canvas-left-rail button{color:#aaa;border-radius:10px;flex-shrink:0;gap:0;width:35px;min-width:35px;height:35px;min-height:35px;padding:0}.mx-canvas .canvas-left-rail button svg{stroke-width:1.7px;width:18px;height:18px}.mx-canvas .canvas-left-rail button>span{display:none}.mx-canvas .canvas-left-rail button:hover,.mx-canvas .canvas-left-rail button[aria-pressed=true]{color:#f0f0f0;background:#3b3b3b}.mx-canvas .canvas-node-creation>button{color:#171717;background:#f1f1f1;border-radius:50%}.mx-canvas .canvas-node-creation>button svg{width:24px;height:24px}.mx-canvas .mx-canvas-rail-divider{background:#3a3a3a;width:20px;height:1px;margin:4px 0}.mx-canvas .canvas-empty-guide-v2{gap:20px;width:max-content;max-width:calc(100vw - 184px);padding:0;top:48%}.mx-canvas .canvas-empty-guide__tabs{gap:12px}.mx-canvas .canvas-empty-guide__tab{color:#c4c4c4;padding:0;font-size:17px}.mx-canvas .canvas-empty-guide__tab--active{background:#282828;border:1px solid #3a3a3a;border-radius:10px;padding:7px 12px;font-size:15px}.mx-canvas .canvas-empty-guide__tab--active svg{color:var(--sf-user-brand);fill:var(--sf-user-brand)}.mx-canvas .canvas-empty-guide__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mx-canvas .canvas-empty-guide__action-btn{min-height:44px;box-shadow:none;background:#11111170;border-color:#3b3b3b;border-radius:24px;padding:10px 17px;font-size:14px;font-weight:550;transition:background .18s,border-color .18s}.mx-canvas .canvas-empty-guide__action-btn:hover:not(:disabled){background:#282828;border-color:#6d6d6d;transform:none}.mx-canvas .canvas-empty-guide__action-btn:disabled{background:var(--sf-canvas-surface);opacity:.65;cursor:not-allowed}.mx-canvas .canvas-empty-guide__action-btn small{font-size:10px;font-weight:400}.mx-canvas .canvas-bottom-controls{background:#1b1b1bea;border-color:#303030;gap:5px;height:42px;padding:5px 7px;bottom:18px;left:20px;box-shadow:0 4px 16px #0002}.mx-canvas .canvas-bottom-controls button{color:#aaa;width:30px;min-width:30px;height:30px;padding:0}.mx-canvas .canvas-bottom-controls button:hover,.mx-canvas .canvas-bottom-controls button[aria-pressed=true]{color:#eee;background:#3a3a3a}.mx-canvas .canvas-bottom-controls input[type=range]{background:#555;width:66px;height:3px}.mx-canvas .canvas-bottom-controls input[type=range]::-webkit-slider-thumb{width:10px;height:10px;box-shadow:none;background:#ddd}.mx-canvas .canvas-bottom-controls input[type=range]::-moz-range-thumb{width:10px;height:10px;box-shadow:none;background:#ddd}.mx-canvas .mx-canvas-zoom-label{color:#aaa;text-align:center;font-variant-numeric:tabular-nums;min-width:31px;font-size:10px}.mx-canvas a:focus-visible,.mx-canvas button:focus-visible{outline:2px solid var(--sf-brand);outline-offset:3px}@media (max-width:920px){.mx-canvas .canvas-empty-guide-v2{max-width:calc(100vw - 32px)}.mx-canvas .canvas-empty-guide__tab{font-size:13px}.mx-canvas .canvas-bottom-controls{gap:2px;max-width:calc(100vw - 24px);left:12px}}@media (prefers-reduced-motion:reduce){.mx-canvas .canvas-empty-guide__action-btn{transition:none}}.mx-canvas .canvas-project-title-trigger{background:0 0;border-radius:7px}.mx-canvas .canvas-bottom-controls .sf-zoom-slider::-webkit-slider-thumb{box-shadow:none;background:#ddd}.mx-canvas .canvas-bottom-controls .sf-zoom-slider::-moz-range-thumb{box-shadow:none;background:#ddd}.mx-canvas .canvas-react-flow-stage .react-flow__background{opacity:1}.mx-canvas .sf-zoom-slider{--sf-brand:#ddd}.mx-canvas .canvas-agent-drawer{--sf-canvas-text-primary:#eee;--sf-canvas-text-secondary:#c4c4c4;--sf-canvas-text-muted:#aaa;--sf-canvas-surface-panel:#232323;--sf-canvas-surface-elevated:#292929;--sf-canvas-border-divider:#393939;background:#151515;border-left:1px solid #353535;width:min(440px,100vw);box-shadow:-10px 0 35px #0002}.mx-canvas .canvas-agent-drawer__header{background:0 0;border-bottom:1px solid #ffffff09;gap:12px;padding:0 20px}.mx-canvas .canvas-agent-drawer__identity{gap:10px;min-width:0}.mx-canvas .canvas-agent-drawer__identity h2{white-space:nowrap;font-size:16px;font-weight:700}.mx-canvas .canvas-agent-drawer__identity span{text-overflow:ellipsis;white-space:nowrap;color:#aaa;max-width:180px;font-size:12px;display:block;overflow:hidden}.mx-canvas .canvas-agent-drawer__avatar{object-fit:contain;flex-shrink:0;width:36px;height:36px}.mx-canvas .canvas-agent-drawer__actions{gap:4px}.mx-canvas .canvas-agent-drawer__actions button{color:#aaa;background:0 0;border:0;border-radius:7px;width:28px;height:34px}.mx-canvas .canvas-agent-drawer__actions button:hover{color:#fff;background:#303030}.mx-canvas .canvas-agent-drawer .canvas-agent-panel{gap:16px;padding:0 16px 18px}.mx-canvas .mx-agent-conversation-body{flex:1;min-height:0;display:grid}.mx-canvas .mx-agent-conversation-body[aria-hidden=true]{visibility:hidden}.mx-canvas .canvas-agent-history-drawer{background:inherit}.mx-canvas .canvas-agent-history-drawer__header{border-color:var(--sf-canvas-border-divider);background:0 0;padding:0 20px}.mx-canvas .canvas-agent-history-drawer__header h3{font-size:20px;font-weight:600}.mx-canvas .canvas-agent-history-drawer__header span{color:var(--sf-canvas-text-muted);font-size:12px;line-height:1.5}.mx-canvas .canvas-agent-history-list{scrollbar-width:thin;scrollbar-color:var(--sf-canvas-border-divider) transparent;gap:4px;padding:16px 20px}.mx-canvas .canvas-agent-history-list::-webkit-scrollbar{display:revert}.mx-canvas .canvas-agent-history-item{align-items:center;gap:8px;display:flex}.mx-canvas .canvas-agent-history-item__select{background:0 0;border:1px solid #0000;border-radius:12px;flex:1;grid-template-columns:minmax(0,1fr);padding:14px 10px;transition:background-color .16s,border-color .16s}.mx-canvas .canvas-agent-history-item__select:disabled{background:var(--sf-canvas-surface-panel);opacity:1;cursor:default}.mx-canvas .canvas-agent-history-item[data-deletable=true]:focus-within .canvas-agent-history-item__select,.mx-canvas .canvas-agent-history-item[data-deletable=true]:hover .canvas-agent-history-item__select{padding-right:10px}.mx-canvas .canvas-agent-history-item__select:active,.mx-canvas .canvas-agent-history-item__select:hover,.mx-canvas .canvas-agent-history-item__select[aria-current=true]{background:var(--sf-canvas-surface-panel);border-color:var(--sf-canvas-border-divider);transform:none}.mx-canvas .canvas-agent-history-item__select[aria-current=true] .canvas-agent-history-item__title{color:var(--sf-brand)}.mx-canvas .canvas-agent-history-item__title{font-size:14px;font-weight:600}.mx-canvas .canvas-agent-history-item__summary{font-size:13px;line-height:1.6}.mx-canvas .canvas-agent-history-item__time{font-size:11px}.mx-canvas .canvas-agent-history-item__select .canvas-agent-history-item__chevron,.mx-canvas .canvas-agent-history-item__select .canvas-agent-history-item__summary,.mx-canvas .canvas-agent-history-item__select .canvas-agent-history-item__time{color:var(--sf-canvas-text-muted)}.mx-canvas .canvas-agent-history-item__delete{opacity:1;pointer-events:auto;color:var(--sf-canvas-text-muted);background:0 0;border-color:#0000;flex-shrink:0;width:32px;height:32px;position:static;transform:none}.mx-canvas .canvas-agent-history-item__delete:hover{background:var(--sf-canvas-surface-panel);border-color:var(--sf-canvas-border-divider);color:var(--sf-canvas-notice-danger-text)}.mx-canvas .canvas-agent-history-item__chevron{display:none}.mx-canvas .canvas-agent-history-empty{color:var(--sf-canvas-text-muted);padding:28px 8px;font-size:13px}.mx-canvas .mx-agent-history-feedback{color:var(--sf-canvas-text-secondary);border:1px solid var(--sf-canvas-border-divider);border-radius:12px;padding:12px;font-size:13px;line-height:1.6}.mx-canvas .mx-agent-history-feedback>button{margin-top:10px;display:block}.mx-canvas .mx-agent-history-confirm{color:var(--sf-canvas-text-secondary);padding:0 10px 14px;font-size:13px}.mx-canvas .mx-agent-history-confirm p{margin:0 0 12px;line-height:1.6}.mx-canvas .mx-agent-history-confirm>div{justify-content:flex-end;gap:8px;display:flex}.mx-canvas .mx-agent-history-confirm button,.mx-canvas .mx-agent-history-feedback button{background:var(--sf-canvas-surface-panel);border:1px solid var(--sf-canvas-border-divider);color:var(--sf-canvas-text-primary);font:inherit;cursor:pointer;border-radius:8px;padding:7px 12px}.mx-canvas .mx-agent-history-confirm button:hover:not(:disabled),.mx-canvas .mx-agent-history-feedback button:hover:not(:disabled){border-color:var(--sf-canvas-text-muted)}.mx-canvas .mx-agent-history-confirm button:last-child{color:var(--sf-canvas-notice-danger-text)}.mx-canvas .canvas-agent-history-drawer button:disabled{cursor:wait}.mx-canvas .canvas-agent-welcome{gap:0;margin:auto 0;padding:14px 4px 28px}.mx-canvas .canvas-agent-hero{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.mx-canvas .canvas-agent-hero__avatar{object-fit:contain;width:68px;height:68px}.mx-canvas .canvas-agent-hero__copy{gap:9px}.mx-canvas .canvas-agent-hero p{color:#aaa;white-space:normal;font-size:16px;line-height:1.5}.mx-canvas .canvas-agent-hero h2{letter-spacing:-.6px;white-space:normal;margin:0 0 23px;font-size:25px;font-weight:650;line-height:1.4}.mx-canvas .canvas-agent-section-label{display:none}.mx-canvas .canvas-agent-skill-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mx-canvas .canvas-agent-skill-list .canvas-agent-skill-item{text-align:left;background:#1c1c1c;border:1px solid #343434;border-radius:17px;flex-direction:column;align-items:stretch;gap:16px;min-width:0;padding:15px;display:flex;position:relative}.mx-canvas .canvas-agent-skill-list .canvas-agent-skill-item:hover{background:#242424;border-color:#575757}.mx-canvas .canvas-agent-skill-list .canvas-agent-skill-item[aria-pressed=true]{border-color:var(--sf-user-brand);background:#22291b}.mx-canvas .canvas-agent-skill-icon{color:#aaa;background:0 0;border:0;align-items:center;gap:6px;width:auto;height:auto;display:flex}.mx-canvas .canvas-agent-skill-icon span{white-space:nowrap;font-size:12px}.mx-canvas .canvas-agent-skill-icon svg:last-child{margin-left:auto}.mx-canvas .canvas-agent-skill-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.mx-canvas .canvas-agent-skill-copy strong{white-space:normal;font-size:15px;font-weight:650;line-height:1.5}.mx-canvas .canvas-agent-skill-copy>span{color:#aaa;white-space:normal;font-size:13px;line-height:1.6;display:block;overflow:visible}.mx-canvas .mx-agent-refresh{color:#aaa;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:16px auto 0;padding:6px;font-size:12px;display:flex}.mx-canvas .canvas-agent-composer{box-shadow:none;background:#232323;border:1px solid #393939;border-radius:20px;padding:16px 14px 12px}.mx-canvas .canvas-agent-composer:focus-within{border-color:#777}.mx-canvas .canvas-agent-dialog .canvas-agent-panel textarea{box-shadow:none;color:#eee;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:15px;line-height:1.7}.mx-canvas .canvas-agent-dialog .canvas-agent-panel textarea::placeholder{color:#aaa}.mx-canvas .canvas-agent-mode-row{flex-wrap:wrap;gap:9px;margin-top:12px}.mx-canvas .canvas-agent-mode-auto{display:none}.mx-canvas .canvas-agent-mode-skill{max-width:170px}.mx-canvas .canvas-agent-dialog .canvas-agent-panel .canvas-agent-send-button{background:var(--sf-user-brand);width:34px;height:34px;color:var(--sf-user-brand-ink);box-shadow:none;border-radius:50%;margin-left:auto}.mx-canvas .canvas-agent-dialog .canvas-agent-panel .canvas-agent-send-button:disabled{color:#888;opacity:1;background:#393939}.mx-canvas .mx-agent-input-hint{color:#aaa;margin:10px 0 0;font-size:11px;line-height:1.5}.mx-canvas .canvas-agent-message--user p{color:#e4f3d5;background:#303b26;border:1px solid #46523b;border-radius:15px 15px 4px;padding:11px 13px;font-size:14px;line-height:1.7}.mx-canvas .canvas-agent-message--assistant{padding:0 2px}.mx-canvas .canvas-agent-markdown{color:#c4c4c4;font-size:14px;line-height:1.75}.mx-canvas .canvas-agent-orb{width:64px;height:64px;box-shadow:none;background:0 0;border:0;bottom:20px;right:24px}.mx-canvas .canvas-agent-orb:hover,.mx-canvas .canvas-agent-orb[aria-expanded=true]{box-shadow:none;border:0}.mx-canvas .canvas-agent-orb__glow{display:none}.mx-canvas .canvas-agent-orb__float{animation:none}.mx-canvas .canvas-agent-orb__avatar{object-fit:contain;width:64px;height:64px;box-shadow:none;display:block}@media (max-height:780px){.mx-canvas .canvas-agent-welcome{margin:0;padding-top:18px}.mx-canvas .canvas-agent-hero__avatar{width:54px;height:54px}.mx-canvas .canvas-agent-skill-list .canvas-agent-skill-item{padding:12px}}.mx-canvas .mx-node-focus-graph{display:contents}.mx-canvas .mx-node-focus-graph[data-focus-hidden=true] .react-flow__viewport{opacity:0}.mx-canvas .mx-node-focus-workspace{inset:var(--sf-canvas-topbar-height) 92px 74px;isolation:isolate;z-index:var(--sf-z-canvas-node-controls);scrollbar-width:thin;scrollbar-color:var(--sf-canvas-border-strong) transparent;justify-content:center;align-items:center;padding:20px 0;display:flex;position:absolute;overflow:auto}.mx-canvas .mx-node-focus-stack{flex-direction:column;align-items:center;gap:15px;width:min(900px,100%);min-width:0;margin:auto;display:flex}.mx-canvas .mx-node-focus-preview{width:250px;max-width:72%}.mx-canvas .mx-node-focus-return{color:var(--sf-text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px;font-size:12px;display:flex;position:absolute;top:0;left:0}.mx-canvas .mx-node-focus-title{height:27px;color:var(--sf-text-secondary);text-align:left;align-items:center;gap:7px;font-size:14px;display:flex}.mx-canvas .mx-node-focus-title strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mx-canvas .mx-node-focus-title svg{flex-shrink:0}.mx-canvas .mx-node-focus-surface{aspect-ratio:1.15;border:1px solid var(--sf-text-muted);background:var(--sf-canvas-surface);color:var(--sf-text-muted);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.mx-canvas .mx-node-focus-surface p{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;max-height:100%;padding:15px;font-size:13px;line-height:1.75;overflow:hidden}.mx-canvas .mx-node-focus-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.mx-canvas .mx-node-focus-status{text-align:right;color:var(--sf-text-muted);margin-top:5px;font-size:11px;display:block}.mx-canvas .mx-node-focus-neighbors{flex-direction:column;flex-shrink:0;gap:28px;width:160px;margin:0 0 auto 32px;display:flex}.mx-canvas .mx-node-focus-neighbors:empty{display:none}.mx-canvas .mx-node-focus-neighbors>button{text-align:left;cursor:pointer;opacity:.65;background:0 0;border:0;padding:0}.mx-canvas .mx-node-focus-neighbors>button:focus-visible,.mx-canvas .mx-node-focus-neighbors>button:hover{opacity:1}.mx-canvas .mx-node-focus-neighbors .mx-node-focus-surface{aspect-ratio:1;border-color:var(--sf-canvas-border-subtle)}.mx-canvas .mx-node-focus-neighbors .mx-node-focus-title{font-size:12px}.mx-canvas .mx-node-focus-neighbors .mx-node-focus-surface p{padding:12px;font-size:11px}@media (max-width:1250px){.mx-canvas .mx-node-focus-neighbors{width:140px;margin-left:20px}}@media (max-width:1050px){.mx-canvas .mx-node-focus-workspace{left:84px;right:24px}.mx-canvas .mx-node-focus-neighbors{display:none}}@media (max-width:920px){.mx-canvas .mx-node-focus-workspace{display:none}}@media (max-height:650px){.mx-canvas .mx-node-focus-workspace{align-items:flex-start;padding-top:28px}.mx-canvas .mx-node-focus-preview{width:140px}.mx-canvas .mx-node-focus-preview .mx-node-focus-surface{aspect-ratio:1.65}.mx-canvas .mx-node-focus-stack{gap:10px}.mx-canvas .mx-node-focus-stack .canvas-image-prompt-field,.mx-canvas .mx-node-focus-stack .canvas-text-prompt-field{min-height:0}.mx-canvas .mx-node-focus-stack .canvas-agent-prompt-editor textarea{min-height:48px;max-height:90px}}.mx-canvas .mx-node-focus-stack>.canvas-node-below-editor[data-node-type]{flex-shrink:0;width:100%;min-width:0;max-height:none;position:relative;inset:auto;overflow:visible;transform:none}.mx-canvas .canvas-node-below-editor[data-node-type]{background:#222323;border-color:#414141;border-radius:17px;width:min(900px,100vw - 184px);min-width:min(900px,100vw - 184px);max-height:min(580px,100dvh - 170px);box-shadow:0 12px 40px #0003}.mx-canvas .canvas-node-below-editor:before{display:none}.mx-canvas .canvas-inline-node-editor{gap:0}.mx-canvas .mx-node-editor-heading{color:#ddd;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 0;display:flex}.mx-canvas .mx-node-editor-heading>div{align-items:center;gap:10px;min-width:0;display:flex}.mx-canvas .mx-node-editor-heading>div:last-child{flex-shrink:0;gap:4px}.mx-canvas .mx-node-editor-heading strong{white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:14px;font-weight:600;overflow:hidden}.mx-canvas .mx-node-editor-heading span{color:#999;white-space:nowrap;border-left:1px solid #444;padding-left:10px;font-size:11px}.mx-canvas .mx-node-editor-heading svg{flex-shrink:0}.mx-canvas .mx-node-editor-heading button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:5px;display:grid}.mx-canvas .mx-node-editor-heading button:hover{color:#fff;background:#353535}.mx-canvas .canvas-node-below-editor .canvas-image-prompt-field,.mx-canvas .canvas-node-below-editor .canvas-text-prompt-field{border:0;gap:10px;min-height:124px;padding:12px 20px 0}.mx-canvas .canvas-agent-prompt-editor textarea{letter-spacing:.1px;color:#eee;scrollbar-color:#555 transparent;min-height:108px;max-height:180px;padding:6px 0;font-size:16px;font-weight:400;line-height:1.75}.mx-canvas .canvas-agent-prompt-editor textarea::placeholder{color:#939398;font-weight:400}.mx-canvas .canvas-agent-prompt-editor[data-reserve-expand=true] textarea{padding-right:0}.mx-canvas .canvas-image-input-actions{align-items:center;gap:9px}.mx-canvas .canvas-image-generation-panel .canvas-image-square-action{color:#aaa;background:0 0;border:1px solid #515151;border-radius:9px;flex:0 0 36px;width:36px;height:36px;min-height:36px}.mx-canvas .canvas-image-square-action svg{width:17px;height:17px}.mx-canvas .canvas-image-square-action b{display:none}.mx-canvas .canvas-image-reference-thumb{border-radius:9px}.mx-canvas .canvas-image-composer-row{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px 16px;display:flex}.mx-canvas .canvas-text-model-select{min-width:0;max-width:100%}.mx-canvas .canvas-text-model-select .sf-select-trigger{color:#c4c4c4;background:0 0;border:0;border-radius:8px;gap:7px;max-width:270px;height:36px;min-height:36px;padding:7px 9px;font-size:14px;font-weight:600}.mx-canvas .canvas-text-model-select .sf-select-trigger:hover:not(:disabled){color:#fff;background:#333}.mx-canvas .canvas-image-parameter-select .sf-select-trigger{max-width:100%;font-size:13px;font-weight:400}.mx-canvas .canvas-image-parameter-select .canvas-image-parameter-chevron{flex-basis:12px;width:12px;height:12px}.mx-canvas .canvas-image-output-count-select .sf-select-trigger{min-width:60px;font-size:13px;font-weight:400}.mx-canvas .canvas-text-advanced-toggle.sf-app-button{border-radius:8px}.mx-canvas .canvas-text-generate-button.sf-app-button,.mx-canvas .canvas-text-generate-button.sf-app-button:hover:not(:disabled){border:1px solid var(--mx-submit-border,var(--sf-user-brand-hover));background:var(--mx-submit-background,linear-gradient(135deg,var(--sf-user-brand-hover),var(--sf-user-brand)));width:auto;min-height:42px;color:var(--mx-submit-color,var(--sf-user-brand-ink));border-radius:12px;gap:10px;margin-left:auto;padding:7px 9px 7px 14px;font-size:13px;font-weight:700;box-shadow:inset 0 1px #ffffff90}.mx-canvas .canvas-text-generate-button.sf-app-button:hover{filter:brightness(1.06)}.mx-canvas .canvas-text-generate-button>svg:last-child{border:1px solid #79a94755;border-radius:7px;width:26px;height:26px;padding:4px}.mx-canvas .canvas-text-generate-button[data-generating=true]{--mx-submit-background:#343e2d;--mx-submit-border:#556348;--mx-submit-color:#d0e4b9}.mx-canvas .canvas-text-generate-button[data-cost-pending=true]{--mx-submit-background:#393939;--mx-submit-border:#555;--mx-submit-color:#bbb}.mx-canvas[data-readonly=true] .canvas-text-generate-button{--mx-submit-background:var(--sf-canvas-surface-control);--mx-submit-border:var(--sf-canvas-border-strong);--mx-submit-color:var(--sf-text-muted)}.mx-canvas .canvas-video-agent-toolbar{border:0;padding:10px 20px 0}.mx-canvas .canvas-agent-type-tabs{background:#2d2d2d;border:0;border-radius:18px;flex-wrap:nowrap;gap:2px;padding:3px;overflow-x:auto}.mx-canvas .canvas-agent-type-tabs__tab{color:#aaa;white-space:nowrap;border:0;border-radius:16px;min-height:28px;padding:4px 14px;font-size:12px}.mx-canvas .canvas-agent-type-tabs__tab[aria-selected=true]{color:#fff;background:#515151}.mx-canvas .canvas-node-card{--canvas-node-card-surface-background:#1b1b1b;--canvas-node-card-surface-radius:15px;--canvas-node-card-surface-shadow:0 5px 16px #0000000a}.mx-canvas .canvas-node-card:not([data-storyboard-asset=true]) .canvas-node-card-surface{border:1px solid #242424}.mx-canvas .canvas-node-card:not([data-storyboard-asset=true]):hover .canvas-node-card-surface{border-color:#484848}.mx-canvas .canvas-node-card-selected:not([data-storyboard-asset=true]) .canvas-node-card-surface{border-color:#bdbdbd;box-shadow:0 0 0 1px #bdbdbd}.mx-canvas .canvas-node-card-header[data-migrated-design=true]{color:#a2a2a2;font-size:14px;font-weight:600}.mx-canvas .canvas-node-card-selected .canvas-node-card-header[data-migrated-design=true]{color:#ededed}.mx-canvas .canvas-node-card-dot{display:none}.mx-canvas .canvas-flow-handle{color:#b5b5b5;background:#111;border-color:#717171}.mx-canvas .canvas-flow-node-resize-handle{color:#aaa;box-shadow:none;background:#222;border-color:#555}.mx-canvas.canvas-agent-expanded-dialog{background:var(--sf-canvas-surface-dialog);border-color:var(--sf-canvas-border-strong);color:#eee;--sf-brand:var(--sf-user-brand);--sf-canvas-brand-tint-ring:var(--sf-user-brand);box-shadow:0 18px 70px #0007}@supports (color:color-mix(in lab,red,red)){.mx-canvas.canvas-agent-expanded-dialog{--sf-canvas-brand-tint-ring:color-mix(in srgb,var(--sf-user-brand) 25%,transparent)}}.mx-canvas.canvas-agent-expanded-dialog .canvas-agent-prompt-editor textarea{min-height:200px;max-height:none}.mx-canvas.canvas-image-parameter-popover{color:#e9e9eb;scrollbar-color:#555 transparent;--sf-brand:var(--sf-user-brand);background:#1b1b1d;border:1px solid #38383b;border-radius:13px;padding:14px;box-shadow:0 16px 48px #0006}.mx-canvas .canvas-image-parameter-section h3{color:#d6d6d9;font-size:13px;font-weight:600}.mx-canvas .canvas-image-ratio-grid{background:#252528;border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:9px;display:grid}.mx-canvas .canvas-image-ratio-option{color:#aeb1b8;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:60px;font-size:11px;display:flex}.mx-canvas .canvas-image-ratio-option[aria-pressed=true],.mx-canvas .canvas-image-segmented-control button[aria-pressed=true]{color:#f1f1f3;background:#424245}.mx-canvas .mx-node-ratio-glyph{opacity:.85;border:1.5px solid;border-radius:2px;display:block}.mx-canvas .canvas-image-segmented-control{background:#252528;border-radius:8px;gap:3px;padding:3px}.mx-canvas .canvas-image-segmented-control button{color:#aeb1b8;background:0 0;border:0;border-radius:7px;font-size:12px}@media (max-width:1050px){.mx-canvas .canvas-node-below-editor[data-node-type]{width:min(820px,100vw - 108px);min-width:min(820px,100vw - 108px)}}@media (max-width:600px){.mx-canvas .canvas-node-below-editor[data-node-type]{width:calc(100vw - 86px);min-width:calc(100vw - 86px)}.mx-canvas .mx-node-editor-heading{padding:11px 12px 0}.mx-canvas .mx-node-editor-heading span{display:none}.mx-canvas .mx-node-editor-heading strong{max-width:160px;font-size:12px}.mx-canvas .canvas-node-below-editor .canvas-image-prompt-field,.mx-canvas .canvas-node-below-editor .canvas-text-prompt-field{padding:10px 12px 0}.mx-canvas .canvas-agent-prompt-editor textarea{min-height:68px;max-height:120px;font-size:14px}.mx-canvas .canvas-image-composer-row{gap:6px;padding:12px}.mx-canvas .canvas-text-model-select .sf-select-trigger{max-width:220px}}.mx-canvas-resource.app-dialog-content{--sf-brand:var(--sf-user-brand);--sf-brand-soft:#293222;--sf-canvas-text-primary:#eee;--sf-canvas-text-secondary:#c4c4c4;--sf-canvas-text-subtle:#aaa;--sf-canvas-text-muted:#aaa;--sf-canvas-surface-elevated:#242424;--sf-canvas-surface-panel:#242424;--sf-canvas-surface-control:#303030;--sf-canvas-border-subtle:#414141;--app-dialog-surface:#1b1b1b;--app-dialog-heading:var(--sf-canvas-text-primary);--app-dialog-text:var(--sf-canvas-text-primary);--app-dialog-muted:var(--sf-canvas-text-subtle);--app-dialog-border:#484848;--app-dialog-divider:#353535;--app-dialog-field-bg:var(--sf-canvas-surface-elevated);--app-dialog-control:var(--sf-canvas-surface-control);--app-dialog-primary:var(--sf-brand);--app-dialog-primary-text:#171717;--app-dialog-focus-ring:var(--sf-brand-soft);border:1px solid var(--app-dialog-border);color-scheme:dark}.mx-canvas-resource.app-dialog-content[data-size=wide]{border-radius:20px;width:min(1080px,100vw - 96px);max-width:1080px;height:min(720px,100dvh - 96px);max-height:calc(100dvh - 48px)}.mx-canvas-resource-overlay.app-dialog-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.mx-canvas-resource.mx-canvas-search{border-radius:20px;width:calc(100vw - 32px);max-width:620px;max-height:calc(100dvh - 48px)}.mx-canvas-search .app-dialog-body{min-height:0;padding:0 28px 28px;overflow:auto}.mx-canvas-search .mx-canvas-search-field{border:1px solid var(--app-dialog-border);background:var(--sf-canvas-surface-elevated);border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:0 13px;display:flex}.mx-canvas-search .mx-canvas-search-field>svg{color:var(--app-dialog-muted);flex-shrink:0}.mx-canvas-search .mx-canvas-search-field:focus-within{border-color:var(--sf-brand)}.mx-canvas-search .mx-canvas-search-field input{width:100%;min-width:0;height:46px;font:inherit;color:var(--app-dialog-text);box-shadow:none;background:0 0;border:0;outline:none;font-size:16px}.mx-canvas-search .mx-canvas-search-field input::placeholder{color:var(--app-dialog-muted)}.mx-canvas-search .mx-canvas-search-field input::-webkit-search-cancel-button{display:none}.mx-canvas-search .mx-canvas-search-field button{color:var(--app-dialog-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex}.mx-canvas-search .mx-canvas-search-results{max-height:min(340px,100dvh - 250px);margin-top:10px;overflow:auto}.mx-canvas-search .mx-canvas-search-results>button{text-align:left;width:100%;color:var(--app-dialog-text);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:13px 10px;display:flex}.mx-canvas-search .mx-canvas-search-results>button:hover{background:var(--sf-canvas-surface-control)}.mx-canvas-search .mx-canvas-search-results>button>svg{color:var(--app-dialog-muted);flex-shrink:0}.mx-canvas-search .mx-canvas-search-results>button>span{flex:1;min-width:0}.mx-canvas-search .mx-canvas-search-results strong{overflow-wrap:anywhere;font-size:15px;display:block}.mx-canvas-search .mx-canvas-search-results small{color:var(--app-dialog-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;line-height:1.5;display:block;overflow:hidden}.mx-canvas-search .mx-canvas-search-results>p{color:var(--app-dialog-muted);padding:22px 6px;font-size:14px;line-height:1.7}.mx-canvas-search button:focus-visible{outline:2px solid var(--sf-brand);outline-offset:-2px}.mx-canvas-resource .app-dialog-header{border:0;padding:26px 56px 20px 28px}.mx-canvas-resource .app-dialog-heading h2{font-size:22px;font-weight:700}.mx-canvas-resource .app-dialog-heading p{max-width:70ch;font-size:14px;line-height:1.7}.mx-canvas-resource .app-dialog-close{color:var(--app-dialog-muted);top:22px;right:22px}.mx-canvas-resource .app-dialog-body{scrollbar-color:var(--app-dialog-border) transparent}.mx-canvas-resource .canvas-panel-toolbar{flex-wrap:wrap;gap:16px;min-height:56px;padding:0 28px 16px}.mx-canvas-resource .canvas-panel-body{gap:20px;padding:20px 28px 28px;overflow:visible}.mx-canvas-resource .canvas-history-tabs,.mx-canvas-resource .canvas-workflow-sources{background:0 0;border:0;flex-wrap:wrap;gap:6px;padding:0}.mx-canvas-resource .canvas-asset-filters button,.mx-canvas-resource .canvas-history-tabs button,.mx-canvas-resource .canvas-workflow-categories button,.mx-canvas-resource .canvas-workflow-sources button{min-height:36px;color:var(--app-dialog-muted);border-radius:9px;padding:7px 12px;font-size:13px}.mx-canvas-resource .canvas-asset-filters button[aria-pressed=true],.mx-canvas-resource .canvas-workflow-categories button[aria-pressed=true],.mx-canvas-resource button[aria-pressed=true]{background:var(--app-dialog-control);border-color:var(--app-dialog-border);color:var(--app-dialog-heading);box-shadow:none}.mx-canvas-resource .canvas-history-search,.mx-canvas-resource-search{border:1px solid var(--app-dialog-border);background:var(--app-dialog-field-bg);width:min(280px,100%);min-height:40px;color:var(--app-dialog-muted);border-radius:10px;align-items:center;gap:10px;margin-left:auto;padding:0 12px;display:flex}.mx-canvas-resource-search svg{flex-shrink:0}.mx-canvas-resource .canvas-history-search input,.mx-canvas-resource-search input{width:100%;min-width:0;height:38px;color:var(--app-dialog-heading);background:0 0;border:0;outline:0;padding:0;font-size:14px}.mx-canvas-resource input::placeholder{color:var(--app-dialog-muted);opacity:1}.mx-canvas-resource .canvas-history-search:focus-within,.mx-canvas-resource button:focus-visible,.mx-canvas-resource-search:focus-within{outline:2px solid var(--app-dialog-primary);outline-offset:2px}.mx-canvas-resource .canvas-workflow-template-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}.mx-canvas-resource .canvas-workflow-template-card{border-radius:14px}.mx-canvas-resource .canvas-workflow-template-card__cover{display:none}.mx-canvas-resource .canvas-workflow-template-card__body{flex:1;gap:14px;padding:20px}.mx-canvas-resource .canvas-workflow-template-card h3{font-size:16px;line-height:1.5}.mx-canvas-resource .canvas-workflow-template-card p{font-size:13px;line-height:1.7;display:block;overflow:visible}.mx-canvas-resource .canvas-workflow-template-card footer{margin-top:auto;padding-top:14px}.mx-canvas-resource .canvas-workflow-template-card footer button:not(:disabled),.mx-canvas-resource .mx-canvas-resource-action{background:var(--app-dialog-primary);color:var(--app-dialog-primary-text);border:0;border-radius:9px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600}.mx-canvas-resource .canvas-workflow-template-card footer button:hover:not(:disabled),.mx-canvas-resource .mx-canvas-resource-action:hover{filter:brightness(1.08)}.mx-canvas-resource .canvas-panel-empty{min-height:180px;color:var(--app-dialog-muted);background:0 0;border:0;gap:12px}.mx-canvas-resource .canvas-panel-empty strong{color:var(--app-dialog-heading);font-size:16px}.mx-canvas-resource .canvas-panel-empty p{max-width:52ch;font-size:14px;line-height:1.7}.mx-canvas-resource .canvas-history-body{height:auto}.mx-canvas-resource .mx-canvas-history-text{color:var(--app-dialog-text);white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-start;width:100%;max-height:100%;margin:0;padding:18px;font-size:13px;line-height:1.7;overflow:hidden}.mx-canvas-resource .mx-canvas-history-title{color:var(--app-dialog-heading);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:14px;font-weight:500;overflow:hidden}.mx-canvas-resource .canvas-history-controls{flex-wrap:wrap;gap:8px;min-width:0}.mx-canvas-resource .canvas-asset-grid,.mx-canvas-resource .canvas-history-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:16px}@media (max-width:700px){.mx-canvas-resource.app-dialog-content[data-size=wide]{width:calc(100vw - 24px);height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}.mx-canvas-resource .app-dialog-header{padding:22px 48px 18px 20px}.mx-canvas-resource .canvas-panel-toolbar{padding:0 20px 16px}.mx-canvas-resource .canvas-panel-body{padding:18px 20px 24px}.mx-canvas-resource .canvas-panel-toolbar__actions,.mx-canvas-resource-search{width:100%;margin:0}.mx-canvas-resource .canvas-history-controls{justify-content:flex-start}}}