.base-button[data-v-5cfa846f]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:8px;font:inherit;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.base-button[data-v-5cfa846f]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.base-button[data-v-5cfa846f]:disabled{cursor:not-allowed;opacity:.55;transform:none}.base-button[data-v-5cfa846f]:not(:disabled):active{transform:translateY(1px)}.base-button--sm[data-v-5cfa846f]{min-height:32px;padding:0 12px;font-size:12px}.base-button--md[data-v-5cfa846f]{min-height:38px;padding:0 16px;font-size:13px}.base-button--icon[data-v-5cfa846f]{width:36px;height:36px;padding:0}.base-button--primary[data-v-5cfa846f]{border-color:var(--primary-strong);background:var(--primary);color:var(--bg-page)}.base-button--primary[data-v-5cfa846f]:not(:disabled):hover{background:var(--primary-strong)}.base-button--secondary[data-v-5cfa846f]{background:var(--surface-elevated);color:var(--ink)}.base-button--secondary[data-v-5cfa846f]:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--ink-strong)}.base-button--ghost[data-v-5cfa846f]{border-color:transparent;background:transparent;color:var(--ink)}.base-button--ghost[data-v-5cfa846f]:not(:disabled):hover{background:var(--surface-hover);color:var(--ink-strong)}.base-button--danger[data-v-5cfa846f]{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:var(--danger-soft);color:var(--danger)}.base-button--danger[data-v-5cfa846f]:not(:disabled):hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 72%,var(--danger))}.base-field[data-v-0f56cae8]{display:grid;gap:7px;color:var(--ink)}.base-field__label[data-v-0f56cae8]{color:var(--ink-strong);font-size:12px;font-weight:800;line-height:1.35}.base-field__control[data-v-0f56cae8]{min-width:0}.base-field__message[data-v-0f56cae8]{color:var(--muted);font-size:12px;line-height:1.45}.base-field__message--error[data-v-0f56cae8],.base-field--invalid .base-field__label[data-v-0f56cae8]{color:var(--danger)}.base-icon-button[data-v-e2b759f5]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border);border-radius:8px;font:inherit;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.base-icon-button[data-v-e2b759f5] svg{width:16px;height:16px;stroke-width:2}.base-icon-button[data-v-e2b759f5]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.base-icon-button[data-v-e2b759f5]:disabled{cursor:not-allowed;opacity:.55;transform:none}.base-icon-button[data-v-e2b759f5]:not(:disabled):active{transform:translateY(1px)}.base-icon-button--sm[data-v-e2b759f5]{width:32px;height:32px}.base-icon-button--md[data-v-e2b759f5]{width:36px;height:36px}.base-icon-button--primary[data-v-e2b759f5]{border-color:var(--primary-strong);background:var(--primary);color:var(--bg-page)}.base-icon-button--primary[data-v-e2b759f5]:not(:disabled):hover{background:var(--primary-strong)}.base-icon-button--secondary[data-v-e2b759f5]{background:var(--surface-elevated);color:var(--ink)}.base-icon-button--secondary[data-v-e2b759f5]:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--ink-strong)}.base-icon-button--ghost[data-v-e2b759f5]{border-color:transparent;background:transparent;color:var(--ink)}.base-icon-button--ghost[data-v-e2b759f5]:not(:disabled):hover{background:var(--surface-hover);color:var(--ink-strong)}.base-icon-button--danger[data-v-e2b759f5]{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:var(--danger-soft);color:var(--danger)}.base-icon-button--danger[data-v-e2b759f5]:not(:disabled):hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 72%,var(--danger))}.base-menu[data-v-e98a57fe]{min-width:180px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);box-shadow:var(--shadow-menu)}.base-menu[data-v-e98a57fe] button,.base-menu[data-v-e98a57fe] a{width:100%}.base-modal[data-v-6c630e88]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px}.base-modal__backdrop[data-v-6c630e88]{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--overlay-strong);cursor:default}.base-modal__dialog[data-v-6c630e88]{position:relative;z-index:1;display:flex;flex-direction:column;width:min(560px,100%);max-height:min(720px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);box-shadow:var(--shadow-menu)}.base-modal__dialog--danger[data-v-6c630e88]{border-color:color-mix(in srgb,var(--danger) 42%,var(--border))}.base-modal__header[data-v-6c630e88],.base-modal__footer[data-v-6c630e88]{flex:0 0 auto;padding:16px 18px}.base-modal__header[data-v-6c630e88]{border-bottom:1px solid var(--border)}.base-modal__title[data-v-6c630e88]{margin:0;color:var(--ink-strong);font-size:16px;font-weight:800;line-height:1.35}.base-modal__body[data-v-6c630e88]{flex:1 1 auto;min-height:0;overflow:auto;padding:18px}.base-modal__footer[data-v-6c630e88]{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);background:var(--surface-soft)}.base-panel[data-v-66d35cdf]{border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);box-shadow:var(--shadow-soft)}.base-panel__header[data-v-66d35cdf]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--border)}.base-panel__heading[data-v-66d35cdf]{min-width:0}.base-panel__title[data-v-66d35cdf]{margin:0;color:var(--ink-strong);font-size:14px;font-weight:800;line-height:1.35}.base-panel__description[data-v-66d35cdf]{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.base-panel__actions[data-v-66d35cdf]{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px}.base-panel__body[data-v-66d35cdf]{padding:16px}.workflow-theme-scope,.workflow-workspace{--workflow-bg: #f6f8fb;--workflow-canvas-bg: #f6f7f8;--workflow-canvas-dot: rgb(17 24 39 / 7%);--workflow-floating-surface: rgb(255 255 255 / 92%);--workflow-node-surface: #ffffff;--workflow-node-border: rgb(17 24 39 / 10%);--workflow-node-selected: #2563eb;--workflow-connection: rgb(71 85 105 / 58%);--workflow-connection-active: rgb(37 99 235 / 84%);--workflow-text-primary: #111827;--workflow-text-secondary: #475467;--workflow-credit-color: #f59e0b;--workflow-surface: #ffffff;--workflow-surface-muted: #f8fafc;--workflow-surface-hover: #f2f4f7;--workflow-text: #111827;--workflow-text-muted: #667085;--workflow-text-subtle: #98a2b3;--workflow-border: #e4e7ec;--workflow-border-strong: #d0d5dd;--workflow-brand: #2563eb;--workflow-brand-strong: #1d4ed8;--workflow-brand-soft: #eff6ff;--workflow-success: #16a34a;--workflow-success-soft: #dcfce7;--workflow-warning: #b45309;--workflow-warning-soft: #fef3c7;--workflow-danger: #dc2626;--workflow-danger-soft: #fee2e2;--workflow-running: #2f80ed;--workflow-running-soft: #dbeafe;--workflow-shadow-menu: 0 16px 38px rgb(15 23 42 / 13%);--workflow-shadow-panel: 0 10px 24px rgb(15 23 42 / 8%);--workflow-radius-control: 8px;--workflow-radius-surface: 12px;--workflow-font-control: 13px;--workflow-z-popover: 120}.workflow-theme-scope[data-workflow-theme=dark],.workflow-theme--dark,:root[data-theme=dark] .workflow-workspace{--workflow-bg: #101318;--workflow-canvas-bg: #08090b;--workflow-canvas-dot: rgb(255 255 255 / 7%);--workflow-floating-surface: rgb(28 28 31 / 88%);--workflow-node-surface: #1c1c1f;--workflow-node-border: rgb(255 255 255 / 11%);--workflow-node-selected: #94a3b8;--workflow-connection: rgb(148 163 184 / 42%);--workflow-connection-active: rgb(226 232 240 / 76%);--workflow-text-primary: #f8fafc;--workflow-text-secondary: #d4d4d8;--workflow-text-muted: #a1a1aa;--workflow-credit-color: #fbbf24;--workflow-surface: #181c23;--workflow-surface-muted: #202631;--workflow-surface-hover: #252d38;--workflow-text: #f8fafc;--workflow-text-muted: #a6adbb;--workflow-text-subtle: #778194;--workflow-border: #303846;--workflow-border-strong: #445064;--workflow-brand: #60a5fa;--workflow-brand-strong: #93c5fd;--workflow-brand-soft: rgb(96 165 250 / 16%);--workflow-success: #4ade80;--workflow-success-soft: rgb(74 222 128 / 16%);--workflow-warning: #fbbf24;--workflow-warning-soft: rgb(251 191 36 / 16%);--workflow-danger: #f87171;--workflow-danger-soft: rgb(248 113 113 / 16%);--workflow-running: #7dd3fc;--workflow-running-soft: rgb(125 211 252 / 16%);--workflow-shadow-menu: 0 18px 42px rgb(0 0 0 / 34%);--workflow-shadow-panel: 0 14px 30px rgb(0 0 0 / 26%)}.workflow-ui-button,.workflow-ui-icon-button,.workflow-ui-menu-item{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--workflow-radius-control);font:inherit;font-size:var(--workflow-font-control);font-weight:550;line-height:1;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.workflow-ui-button,.workflow-ui-menu-item{gap:6px}.workflow-ui-button{min-height:32px;padding:0 12px}.workflow-ui-button--sm{min-height:28px;padding:0 9px;font-size:12px}.workflow-ui-button--primary{border-color:var(--workflow-brand);background:var(--workflow-brand);color:#fff}.workflow-ui-button--secondary,.workflow-ui-button--ghost,.workflow-ui-icon-button{border-color:var(--workflow-border);background:var(--workflow-surface);color:var(--workflow-text)}.workflow-ui-button--ghost{border-color:transparent;background:transparent}.workflow-ui-button--danger{border-color:var(--workflow-danger-soft);background:var(--workflow-danger-soft);color:var(--workflow-danger)}.workflow-ui-button:hover:not(:disabled),.workflow-ui-icon-button:hover:not(:disabled),.workflow-ui-menu-item:hover:not(:disabled),.workflow-ui-button.is-active,.workflow-ui-icon-button.is-active{border-color:var(--workflow-brand);background:var(--workflow-brand-soft);color:var(--workflow-brand-strong)}.workflow-ui-button--primary:hover:not(:disabled){border-color:var(--workflow-brand-strong);background:var(--workflow-brand-strong);color:#fff}.workflow-ui-button--danger:hover:not(:disabled),.workflow-ui-menu-item--danger:hover:not(:disabled){border-color:var(--workflow-danger);background:var(--workflow-danger-soft);color:var(--workflow-danger)}.workflow-ui-button:disabled,.workflow-ui-icon-button:disabled,.workflow-ui-menu-item:disabled{cursor:not-allowed;opacity:.5}.workflow-ui-icon-button{width:30px;height:30px;min-width:30px;min-height:30px;padding:0}.workflow-ui-icon-button--sm{width:28px;height:28px;min-width:28px;min-height:28px}.workflow-ui-icon-button--lg{width:34px;height:34px;min-width:34px;min-height:34px}.workflow-ui-button__icon,.workflow-ui-icon-button__icon,.workflow-ui-menu-item__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.workflow-ui-button__label,.workflow-ui-menu-item__label,.workflow-ui-status-badge__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-ui-surface{min-width:0;border:1px solid var(--workflow-border);border-radius:var(--workflow-radius-surface);background:var(--workflow-surface);color:var(--workflow-text)}.workflow-ui-surface--menu,.workflow-ui-surface--popover{z-index:var(--workflow-z-popover);box-shadow:var(--workflow-shadow-menu)}.workflow-ui-surface--panel,.workflow-ui-surface--toolbar{box-shadow:var(--workflow-shadow-panel)}.workflow-ui-surface--menu{display:grid;gap:4px;min-width:148px;padding:6px}.workflow-ui-surface--popover,.workflow-ui-surface--panel,.workflow-ui-surface--toolbar{padding:10px}.workflow-ui-menu-item{justify-content:flex-start;width:100%;min-height:32px;padding:0 8px;border-color:transparent;background:transparent;color:var(--workflow-text);font-weight:400;text-align:left}.workflow-ui-menu-item--danger{color:var(--workflow-danger)}.workflow-ui-menu-item__shortcut{margin-left:auto;color:var(--workflow-text-subtle);font-size:11px}.workflow-ui-status-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:22px;padding:2px 7px;border:1px solid var(--workflow-border);border-radius:999px;background:var(--workflow-surface-muted);color:var(--workflow-text-muted);font-size:11px;font-weight:600;line-height:1}.workflow-ui-status-badge--brand,.workflow-ui-status-badge--running{border-color:var(--workflow-running-soft);background:var(--workflow-running-soft);color:var(--workflow-running)}.workflow-ui-status-badge--success{border-color:var(--workflow-success-soft);background:var(--workflow-success-soft);color:var(--workflow-success)}.workflow-ui-status-badge--warning{border-color:var(--workflow-warning-soft);background:var(--workflow-warning-soft);color:var(--workflow-warning)}.workflow-ui-status-badge--danger{border-color:var(--workflow-danger-soft);background:var(--workflow-danger-soft);color:var(--workflow-danger)}.workflow-ui-node-card,.workflow-ui-material-card,.workflow-ui-history-item,.workflow-ui-template-card{min-width:0;border:1px solid var(--workflow-node-border);border-radius:var(--workflow-radius-surface);background:var(--workflow-node-surface);color:var(--workflow-text)}.workflow-ui-node-card{display:grid;gap:10px;padding:12px;box-shadow:var(--workflow-shadow-panel)}.workflow-ui-node-card--compact{gap:8px;padding:10px}.workflow-ui-node-card.is-selected,.workflow-ui-material-card.is-selected,.workflow-ui-history-item.is-selected,.workflow-ui-template-card.is-selected{border-color:var(--workflow-node-selected);box-shadow:0 0 0 2px color-mix(in srgb,var(--workflow-node-selected) 16%,transparent)}.workflow-ui-node-card.is-muted,.workflow-ui-material-card.is-disabled,.workflow-ui-history-item.is-disabled{opacity:.62}.workflow-ui-node-card__header,.workflow-ui-template-card__footer,.workflow-ui-preview-dialog__header,.workflow-ui-dialog__footer{display:flex;align-items:center}.workflow-ui-node-card__header{gap:8px}.workflow-ui-node-card__icon,.workflow-ui-material-card__placeholder{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--workflow-brand)}.workflow-ui-node-card__heading,.workflow-ui-material-card__content,.workflow-ui-history-item__content,.workflow-ui-template-card__content,.workflow-ui-template-card__meta{display:grid;min-width:0}.workflow-ui-node-card__heading{flex:1 1 auto}.workflow-ui-node-card__title,.workflow-ui-material-card__title,.workflow-ui-history-item__title,.workflow-ui-template-card__title{overflow:hidden;color:var(--workflow-text);font-size:13px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.workflow-ui-node-card__subtitle,.workflow-ui-material-card__subtitle,.workflow-ui-history-item__subtitle,.workflow-ui-history-item__time,.workflow-ui-template-card__description,.workflow-ui-template-card__meta{overflow:hidden;color:var(--workflow-text-muted);font-size:12px;line-height:1.35;text-overflow:ellipsis}.workflow-ui-node-card__subtitle,.workflow-ui-material-card__subtitle,.workflow-ui-history-item__subtitle,.workflow-ui-history-item__time,.workflow-ui-template-card__meta{white-space:nowrap}.workflow-ui-node-card__status{flex:0 1 auto}.workflow-ui-node-card__ports{display:grid;gap:6px}.workflow-ui-node-card__body,.workflow-ui-node-card__footer{min-width:0}.workflow-ui-port{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:28px;padding:0 8px;border:1px solid var(--workflow-border);border-radius:var(--workflow-radius-control);background:var(--workflow-surface-muted);color:var(--workflow-text);font:inherit;font-size:12px;text-align:left}.workflow-ui-port--output{grid-template-columns:auto minmax(0,1fr) auto}.workflow-ui-port__dot{width:8px;height:8px;border:1px solid var(--workflow-connection);border-radius:999px;background:var(--workflow-surface)}.workflow-ui-port--connected .workflow-ui-port__dot,.workflow-ui-port--active .workflow-ui-port__dot{border-color:var(--workflow-connection-active);background:var(--workflow-connection-active)}.workflow-ui-port--invalid .workflow-ui-port__dot{border-color:var(--workflow-danger);background:var(--workflow-danger)}.workflow-ui-port__label,.workflow-ui-port__type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-ui-port__type{color:var(--workflow-text-subtle);font-size:11px}.workflow-ui-port:hover:not(:disabled){border-color:var(--workflow-brand);background:var(--workflow-brand-soft)}.workflow-ui-port:disabled{cursor:not-allowed;opacity:.52}.workflow-ui-form-field{display:grid;gap:6px;min-width:0;color:var(--workflow-text);font-size:12px}.workflow-ui-form-field--compact{gap:4px}.workflow-ui-form-field__label{color:var(--workflow-text-muted);font-weight:600}.workflow-ui-form-field__required,.workflow-ui-form-field.has-error .workflow-ui-form-field__label{color:var(--workflow-danger)}.workflow-ui-form-field__control{min-width:0}.workflow-ui-form-field__message{color:var(--workflow-text-subtle);font-size:11px;line-height:1.35}.workflow-ui-form-field__message--error{color:var(--workflow-danger)}.workflow-ui-material-card,.workflow-ui-history-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px;font:inherit;text-align:left}.workflow-ui-material-card{cursor:pointer}.workflow-ui-material-card__media,.workflow-ui-history-item__media,.workflow-ui-template-card__cover{overflow:hidden;border-radius:var(--workflow-radius-control);background:var(--workflow-surface-muted)}.workflow-ui-material-card__media,.workflow-ui-history-item__media{width:44px;height:44px}.workflow-ui-material-card__media img,.workflow-ui-history-item__media img,.workflow-ui-template-card__cover img,.workflow-ui-preview-dialog__media img,.workflow-ui-preview-dialog__media video{display:block;width:100%;height:100%;object-fit:cover}.workflow-ui-material-card__placeholder{width:100%;height:100%}.workflow-ui-material-card__kind{max-width:72px;overflow:hidden;color:var(--workflow-text-subtle);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workflow-ui-material-card:hover:not(:disabled),.workflow-ui-history-item:hover:not(:disabled),.workflow-ui-template-card:hover{border-color:var(--workflow-brand);background:var(--workflow-surface-hover)}.workflow-ui-history-item{cursor:pointer}.workflow-ui-template-card{display:grid;overflow:hidden}.workflow-ui-template-card__open{display:grid;gap:9px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.workflow-ui-template-card__cover{aspect-ratio:16 / 9}.workflow-ui-template-card__content{gap:4px;padding:0 10px}.workflow-ui-template-card__description{display:-webkit-box;min-height:32px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.workflow-ui-template-card__footer{justify-content:space-between;gap:8px;padding:10px}.workflow-ui-template-card__meta{gap:2px}.workflow-ui-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--workflow-z-popover) + 20);display:grid;place-items:center;padding:20px;background:#0f172a6b}.workflow-ui-dialog,.workflow-ui-preview-dialog{width:min(100%,420px);padding:16px}.workflow-ui-dialog__header,.workflow-ui-preview-dialog__header{min-width:0}.workflow-ui-dialog__title,.workflow-ui-preview-dialog__title{min-width:0;margin:0;overflow:hidden;color:var(--workflow-text);font-size:15px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.workflow-ui-dialog__message,.workflow-ui-dialog__body{margin:10px 0 0;color:var(--workflow-text-muted);font-size:13px;line-height:1.5}.workflow-ui-dialog__footer{justify-content:flex-end;gap:8px;margin-top:14px}.workflow-ui-preview-backdrop{background:#0206179e}.workflow-ui-preview-dialog{width:min(100%,760px)}.workflow-ui-preview-dialog__header{justify-content:space-between;gap:12px;margin-bottom:12px}.workflow-ui-preview-dialog__media{display:grid;place-items:center;overflow:hidden;min-height:220px;max-height:min(70vh,620px);border:1px solid var(--workflow-border);border-radius:var(--workflow-radius-control);background:var(--workflow-surface-muted)}.workflow-ui-preview-dialog__media img,.workflow-ui-preview-dialog__media video{max-height:min(70vh,620px);object-fit:contain}.workflow-ui-preview-dialog__footer{margin-top:12px}.message-confirm-card[data-v-2b1eb7ad]{margin-top:10px;padding:10px;border:1px solid rgba(102,82,54,.16);border-radius:14px;background:#fffcf6d1}.message-confirm-card header[data-v-2b1eb7ad]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px}.message-confirm-card header span[data-v-2b1eb7ad]{color:var(--muted)}.confirm-image-grid[data-v-2b1eb7ad]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.confirm-image-grid figure[data-v-2b1eb7ad]{min-width:0;margin:0}.confirm-image-grid img[data-v-2b1eb7ad]{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#1917140f}.confirm-image-grid figcaption[data-v-2b1eb7ad]{margin-top:4px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.message-confirm-card footer[data-v-2b1eb7ad]{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.message-confirm-card footer button[data-v-2b1eb7ad]{height:30px;padding:0 10px;border-radius:999px;font-size:12px}.message-confirm-card footer .secondary[data-v-2b1eb7ad]{border:1px solid rgba(102,82,54,.18);color:var(--muted)}.message-confirm-card footer .primary[data-v-2b1eb7ad]{background:#191714;color:#fffaf2}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background:#fff;font-synthesis:none;text-rendering:geometricPrecision}:root{--surface: #ffffff;--surface-soft: #f6f7fa;--border: #e4e7ec;--border-strong: #d8dde6;--ink: #15171c;--muted: #667085;--blue: #2f80ed;--shadow-soft: 0 14px 34px rgb(16 24 40 / 10%)}:root{--bg-app: #f7f8fb;--bg-page: #ffffff;--text-primary: #111827;--text-secondary: #344054;--text-muted: #667085;--text-subtle: #98a2b3;--text-on-strong: #ffffff;--surface: #ffffff;--surface-panel: #ffffff;--surface-card: #ffffff;--surface-menu: rgb(255 255 255 / 98%);--surface-modal: rgb(255 255 255 / 97%);--surface-glass: rgb(255 255 255 / 86%);--surface-glass-strong: rgb(255 255 255 / 94%);--surface-elevated: #ffffff;--surface-soft: #f6f7fa;--surface-subtle: #eef4ff;--surface-hover: #f2f4f7;--surface-inset: #fbfcfe;--ink: #15171c;--ink-strong: #111827;--muted: #667085;--muted-weak: #98a2b3;--border: #e4e7ec;--border-subtle: #edf1f6;--border-strong: #d8dde6;--border-inverse-alpha: rgb(255 255 255 / 76%);--primary: #175cd3;--primary-strong: #174ea6;--primary-soft: #eef4ff;--primary-tint: #f3f7ff;--primary-ring: rgb(23 92 211 / 14%);--danger: #dc2626;--danger-strong: #b42318;--danger-soft: #fef2f2;--success: #16a34a;--success-soft: #e9f8ef;--warning: #f59e0b;--warning-soft: #fff5df;--info: #2f80ed;--info-soft: #eaf3ff;--accent-teal: #14b8a6;--overlay-backdrop: rgb(17 24 39 / 28%);--overlay-strong: rgb(15 23 42 / 42%);--shadow-soft: 0 14px 34px rgb(16 24 40 / 10%);--shadow-card: 0 16px 38px rgb(15 23 42 / 13%);--shadow-popover: 0 18px 45px rgb(15 23 42 / 18%);--shadow-menu: 0 18px 48px rgb(15 23 42 / 16%);--shadow-modal: 0 30px 70px rgb(15 23 42 / 22%);--field-bg: #ffffff;--canvas-shell-bg: radial-gradient(circle at 25% 16%, rgb(47 128 237 / 8%), transparent 30%), linear-gradient(135deg, #f7f8fb, #f2f5fb)}:root[data-theme=dark]{--bg-app: #0f1117;--bg-page: #11141b;--text-primary: #ffffff;--text-secondary: #d9e2ef;--text-muted: #a5adba;--text-subtle: #7d8796;--text-on-strong: #07111f;--surface: #171a22;--surface-panel: #171a22;--surface-card: #1d212b;--surface-menu: rgb(29 33 43 / 98%);--surface-modal: rgb(29 33 43 / 97%);--surface-glass: rgb(29 33 43 / 86%);--surface-glass-strong: rgb(29 33 43 / 94%);--surface-elevated: #1d212b;--surface-soft: #222733;--surface-subtle: #1b2a42;--surface-hover: #283142;--surface-inset: #121720;--ink: #f4f7fb;--ink-strong: #ffffff;--muted: #a5adba;--muted-weak: #7d8796;--border: #303746;--border-subtle: #252d3a;--border-strong: #414b5f;--border-inverse-alpha: rgb(255 255 255 / 14%);--primary: #6aa6ff;--primary-strong: #9bc3ff;--primary-soft: #18304f;--primary-tint: #172844;--primary-ring: rgb(106 166 255 / 22%);--danger: #ff6b6b;--danger-strong: #ff8b8b;--danger-soft: #3b1d24;--success: #5bd48b;--success-soft: #153523;--warning: #f7bf4f;--warning-soft: #392b12;--info: #7db7ff;--info-soft: #162b45;--accent-teal: #54d7c8;--overlay-backdrop: rgb(0 0 0 / 44%);--overlay-strong: rgb(0 0 0 / 58%);--shadow-soft: 0 18px 42px rgb(0 0 0 / 34%);--shadow-card: 0 18px 46px rgb(0 0 0 / 34%);--shadow-popover: 0 18px 54px rgb(0 0 0 / 40%);--shadow-menu: 0 20px 60px rgb(0 0 0 / 42%);--shadow-modal: 0 32px 90px rgb(0 0 0 / 48%);--field-bg: #121720;--canvas-shell-bg: radial-gradient(circle at 26% 18%, rgb(106 166 255 / 14%), transparent 32%), linear-gradient(135deg, #10131a, #171b25)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button,textarea{font:inherit}button{border:0;background:transparent;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden-input{display:none}.context-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;border:0;background:transparent}.context-menu{position:fixed;z-index:999;min-width:190px;max-height:calc(100vh - 24px);overflow:visible;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface-menu);box-shadow:var(--shadow-popover)}.context-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;border:0;border-radius:8px;background:transparent;color:var(--ink-strong);padding:9px 10px;font-size:13px;font-weight:400;text-align:left;cursor:pointer}.context-menu hr{height:1px;border:0;margin:6px 4px;background:var(--border-subtle)}.context-menu kbd{color:var(--muted-weak);font-family:inherit;font-size:12px;font-weight:500}.context-menu .danger{color:var(--danger-strong)}.context-menu button:hover:not(:disabled){background:var(--surface-hover)}.context-menu button:disabled{color:var(--muted-weak);cursor:not-allowed}.context-submenu{position:relative}.context-submenu-panel{position:absolute;top:auto;bottom:0;left:calc(100% + 8px);display:none;min-width:112px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface-menu);box-shadow:var(--shadow-popover)}.context-submenu:hover .context-submenu-panel,.context-submenu:focus-within .context-submenu-panel{display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:grid;place-items:center;background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-modal{position:relative;width:min(420px,calc(100vw - 32px));border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated);box-shadow:var(--shadow-modal);padding:26px}.modal-close{position:absolute;top:14px;right:14px;display:inline-grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated)}.login-modal p{margin:18px 0;color:var(--text-secondary);line-height:1.7}.login-modal label{display:grid;gap:8px;color:var(--text-secondary);font-size:13px}.login-modal input{height:42px;border:1px solid var(--border-strong);border-radius:10px;padding:0 12px;outline:none}.login-modal input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.app-dialog-backdrop{z-index:320;align-items:start;padding-top:min(13vh,88px);background:radial-gradient(circle at 50% 0%,var(--primary-ring),transparent 34%),var(--overlay-strong)}.app-dialog{position:relative;width:min(448px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--border-inverse-alpha);border-radius:18px;background:var(--surface-modal);box-shadow:var(--shadow-modal);color:var(--ink-strong)}.app-dialog:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent-teal),var(--warning))}.app-dialog header{display:flex;align-items:center;gap:13px;padding:24px 54px 12px 24px}.app-dialog-mark{display:inline-grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.app-dialog-mark.danger{background:var(--danger-soft);color:var(--danger)}.app-dialog header strong{display:block;font-size:17px;line-height:1.3}.app-dialog header small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.app-dialog p{margin:2px 24px 18px;color:var(--text-secondary);line-height:1.7}.app-dialog-field{display:grid;gap:8px;margin:8px 24px 20px;color:var(--text-secondary);font-size:13px}.app-dialog-field input{width:100%;height:44px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-elevated);padding:0 13px;color:var(--ink-strong);outline:none}.app-dialog-field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.app-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 24px}.app-dialog-secondary,.app-dialog-primary{display:inline-flex;min-width:82px;height:40px;align-items:center;justify-content:center;border-radius:11px;padding:0 16px;font-weight:700}.app-dialog-secondary{border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--text-secondary)}.app-dialog-primary{border:1px solid var(--ink-strong);background:var(--ink-strong);color:var(--text-on-strong)}.app-dialog-primary.danger{border-color:var(--danger);background:var(--danger)}.login-submit{display:inline-flex;width:100%;height:42px;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:0;border-radius:11px;background:var(--ink-strong);color:var(--text-on-strong);font-weight:700}.login-submit:disabled,.login-secondary:disabled{opacity:.55;cursor:not-allowed}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.login-tabs button,.login-secondary{height:36px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary);font-weight:700}.login-tabs button.active,.login-secondary{border-color:var(--border-strong);background:var(--surface-elevated);color:var(--ink-strong);box-shadow:var(--shadow-soft)}.qr-login-box,.phone-login-box{display:grid;gap:12px}.qr-loading-mask{display:grid;width:min(220px,64vw);aspect-ratio:1;place-items:center;align-content:center;gap:12px;margin:4px auto;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 88%,transparent);color:var(--muted)}.qr-loading-spinner{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--primary) 18%,transparent);border-top-color:var(--primary);border-radius:999px;animation:qr-loading-spin .8s linear infinite}.qr-login-retry{display:grid;gap:12px}.qr-login-retry .login-submit{margin-top:0}.qr-login-box img,.payment-qr{display:block;width:min(220px,64vw);aspect-ratio:1;object-fit:contain;margin:4px auto;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);padding:10px}.qr-login-box small,.recharge-modal small{display:block;color:var(--muted);text-align:center}@keyframes qr-loading-spin{to{transform:rotate(360deg)}}.login-row-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.login-row-actions .login-submit,.login-row-actions .login-secondary{flex:1;margin-top:0}.export-modal{position:relative;width:min(380px,calc(100vw - 32px));border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated);box-shadow:var(--shadow-modal);padding:24px}.export-modal header{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--ink-strong)}.export-modal label{display:grid;gap:8px;margin:12px 0;color:var(--text-secondary);font-size:13px}.export-modal select{height:40px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-elevated);padding:0 10px;outline:none}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented button{height:36px;border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);background:var(--surface-soft)}.segmented button.active{border-color:var(--ink-strong);background:var(--ink-strong);color:var(--text-on-strong)}.toolbar-popover-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:220;display:grid;gap:4px;width:150px;padding:7px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-popover)}.toolbar-popover-menu button{display:flex;justify-content:flex-start;width:100%;height:30px;gap:8px;padding:0 8px;border-radius:8px}.selection-download-menu{position:absolute;top:46px;right:0;z-index:95;display:grid;gap:2px;width:204px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--shadow-menu)}.selection-download-menu.image-download-menu{top:40px;right:6px}.selection-download-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:0 8px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:400;text-align:left}.selection-download-menu button:hover{background:var(--surface-hover)}.selection-download-menu small{color:var(--muted-weak);font-size:12px;font-weight:500}.selection-download-menu i{width:4px;height:4px;border-radius:50%;background:var(--danger)}.topbar-more{position:relative;display:inline-flex}.topbar-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:220;display:grid;gap:4px;width:168px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.topbar-menu button{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:34px;padding:0 10px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:400;text-align:left}.topbar-menu button:hover:not(:disabled){background:var(--surface-hover)}.topbar-menu button.danger{color:var(--danger)}.project-menu-trigger{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:var(--ink)}.project-menu-trigger:hover{background:var(--surface-hover)}.project-menu{position:absolute;top:calc(100% + 8px);left:-2px;z-index:280;display:grid;gap:2px;width:214px;max-height:calc(100vh - 70px);overflow:auto;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-menu);box-shadow:0 18px 48px var(--shadow-menu)}.project-menu button{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;padding:0 10px;color:var(--ink-strong);font-size:13px;text-align:left}.project-menu button:hover:not(:disabled){background:var(--surface-hover)}.project-menu button:disabled{color:var(--muted-weak);cursor:not-allowed}.project-menu button.danger{color:var(--danger-strong)}.project-menu kbd{color:var(--muted-weak);font-family:inherit;font-size:12px}.project-menu hr{width:100%;height:1px;border:0;margin:6px 0;background:var(--border-subtle)}.home-brand,.login-brand{display:inline-flex;align-items:center;gap:10px}.brand-symbol{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--ink-strong);color:var(--text-on-strong);font-weight:800;box-shadow:var(--shadow-card)}.home-brand strong,.login-brand strong{display:block;color:var(--ink-strong);font-size:15px}.home-brand small,.login-brand small{display:block;color:var(--muted);font-size:12px}.project-domain{color:var(--muted);font-size:12px;font-weight:500}.brand-mark,.brand-dot{font-family:inherit;font-weight:800}.agent-references{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 8px}.agent-input .reference-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid var(--border);background:var(--primary-soft);color:var(--primary);border-radius:9px;padding:6px 9px;font-size:12px}.reference-thumb{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:6px;background:var(--surface-elevated)}.frame-fullscreen-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:520;display:grid;place-items:center;padding:24px;background:var(--overlay-strong)}.frame-fullscreen-viewer img{display:block;max-width:100%;max-height:100%;object-fit:contain;background:var(--surface-elevated);box-shadow:var(--shadow-modal)}.frame-fullscreen-viewer button{position:fixed;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:var(--surface-glass-strong);color:var(--ink-strong)}.recharge-modal{width:min(860px,calc(100vw - 32px));padding:0;overflow:hidden}.membership-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--border);background:var(--surface-elevated)}.membership-modal-head div{display:grid;gap:4px}.membership-modal-head strong{color:var(--ink-strong);font-size:18px}.membership-modal-head small,.membership-modal-head span{color:var(--muted);font-size:13px}.membership-modal-head b{color:var(--warning)}.membership-modal-body{display:grid;gap:14px;padding:14px 20px 6px}.recharge-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.recharge-package-grid button{position:relative;display:grid;gap:8px;min-height:126px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);padding:14px;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.recharge-package-grid button.active{border-color:var(--primary);background:var(--primary-tint);box-shadow:0 0 0 3px var(--primary-ring)}.membership-check{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--primary);color:var(--text-on-strong);font-size:12px}.recharge-package-grid strong{color:var(--ink-strong);font-size:14px}.recharge-package-grid em{display:flex;align-items:baseline;gap:8px;color:var(--danger);font-style:normal}.recharge-package-grid em b{font-size:24px}.recharge-package-grid em s{color:var(--muted-weak);font-size:12px}.recharge-package-grid small{color:var(--muted);font-size:12px}.membership-payment-panel{display:grid;grid-template-columns:160px minmax(0,1fr) 168px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated)}.membership-qr-section,.membership-order-info,.membership-price-panel{padding:16px}.membership-qr-section{display:grid;justify-items:center;gap:8px;border-right:1px solid var(--border-subtle)}.membership-qr-box{display:grid;place-items:center;width:122px;height:122px;padding:6px;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated);color:var(--muted-weak);font-size:12px}.membership-qr-box img{width:100%;height:100%;object-fit:contain}.membership-qr-section small{color:var(--muted);font-size:12px}.membership-order-info{display:grid;align-content:center;gap:10px;border-right:1px solid var(--border-subtle)}.membership-order-info strong{color:var(--text-secondary);font-size:13px}.membership-order-info p{display:flex;justify-content:space-between;gap:12px;margin:0;color:var(--muted);font-size:13px}.membership-order-info b{color:var(--ink-strong);font-weight:500}.membership-price-panel{display:grid;align-content:center;justify-items:center;gap:5px;background:var(--primary-tint);text-align:center}.membership-price-panel span,.membership-price-panel small{color:var(--muted);font-size:12px}.membership-price-panel strong{color:var(--primary);font-size:36px;line-height:1}.membership-price-panel em{padding:4px 10px;border:1px solid var(--success-soft);border-radius:999px;background:var(--success-soft);color:var(--success);font-size:11px;font-style:normal}.membership-payment-status{display:block;padding:4px 20px;color:var(--muted);text-align:center}.membership-modal-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:8px 20px 16px;color:var(--muted);font-size:12px}.membership-modal-foot a{color:var(--primary);text-decoration:none}.membership-modal-foot a:hover{text-decoration:underline}.agent-panel{min-width:0;overflow:hidden;background:var(--surface-elevated)}.agent-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;z-index:60;overflow:visible;border-left:1px solid var(--border);pointer-events:auto}.agent-header{position:relative;justify-content:space-between;gap:12px;min-height:52px;padding:0 12px 0 16px;border-bottom:1px solid var(--border)}.agent-title{flex:1 1 0;min-width:0;max-width:calc(100% - 128px)}.agent-header strong{font-size:15px}.agent-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-header-actions{flex:0 0 auto;gap:6px}.agent-history-wrap{position:relative;display:inline-flex}.agent-history-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:270;display:grid;gap:8px;width:min(280px,calc(100vw - 32px));padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);box-shadow:0 18px 44px var(--shadow-menu)}.agent-history-popover strong{color:var(--ink-strong);font-size:14px}.agent-history-popover label{display:grid;gap:6px;color:var(--muted);font-size:12px}.agent-history-popover input{width:100%;height:34px;border:1px solid var(--border);border-radius:8px;padding:0 10px;outline:none}.agent-history-popover input:focus{border-color:var(--info);box-shadow:0 0 0 3px var(--primary-ring)}.agent-history-item,.agent-history-link{justify-content:flex-start!important;min-height:34px!important;border-radius:8px;padding:0 10px;color:var(--ink)!important;font-size:13px!important;text-align:left}.agent-history-item:hover:not(:disabled),.agent-history-link:hover{background:var(--surface-hover)}.agent-history-item.muted{color:var(--muted-weak)!important;cursor:default}.agent-history-link{border-top:1px solid var(--border-subtle)!important;border-radius:0;color:var(--primary)!important;font-weight:700}.agent-thread{overflow:auto;padding:22px 18px 18px;scrollbar-gutter:stable;color:var(--ink);font-size:14px;line-height:1.65}.agent-thread p{margin:0 0 16px}.agent-feedback{display:flex;gap:10px}.agent-feedback button{color:var(--muted-weak);font-size:16px}.agent-input{position:relative;display:grid;gap:8px;margin:10px 14px 14px;padding:10px 12px 12px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-elevated);box-shadow:none}.agent-input textarea{width:100%;min-height:54px;max-height:142px;border:0;outline:0;resize:none;color:var(--ink);font-size:14px;line-height:1.45}.agent-input-status{margin:-2px 2px 0;color:var(--muted);font-size:12px;line-height:1.35}.agent-input-status.error{color:var(--danger)}.agent-input-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;overflow:visible}.agent-title{display:grid;gap:2px;min-width:0}.agent-title span{overflow:hidden;color:var(--muted-weak);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.agent-empty-state{display:grid;gap:7px;padding:0 2px}.agent-empty-state strong{color:var(--surface-soft);font-size:14px;line-height:1.3}.agent-empty-state p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.agent-starter-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.agent-starter-list button{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-elevated);color:var(--text-secondary);text-align:left}.agent-starter-list button:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border-subtle));background:var(--primary-soft);color:var(--primary)}.agent-starter-list span{color:currentColor;font-size:12px;font-weight:700}.agent-starter-list small{display:none}.agent-upload-start{display:inline-flex!important;justify-self:start;align-items:center;gap:5px;height:26px!important;min-width:auto!important;margin-top:2px;padding:0 8px;border:1px dashed var(--border-subtle);border-radius:999px;background:transparent;color:var(--text-secondary)!important;font-size:12px!important;font-weight:700}.agent-upload-start:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border-subtle));background:var(--primary-soft);color:var(--primary)!important}.agent-action-left,.agent-action-right{display:flex;align-items:center;gap:8px;min-width:0}.agent-action-left{flex:1 1 auto;flex-wrap:wrap}.agent-action-right{flex:0 0 auto;margin-left:auto}.agent-icon-button{width:30px;min-width:30px!important;height:30px!important;border-radius:9px;background:var(--surface-hover);color:var(--text-secondary)!important}.agent-mode-wrap{position:relative;display:inline-flex}.agent-mode-trigger{display:inline-flex!important;align-items:center;gap:6px;min-width:auto!important;padding:0 10px;border-radius:999px;background:var(--surface-hover);color:var(--surface-soft);font-size:13px!important}.agent-send-button{display:inline-flex!important;align-items:center;gap:6px;width:auto;min-width:72px!important;height:32px!important;padding:0 12px;border-radius:999px;background:var(--ink-strong);color:var(--text-on-strong)!important;font-size:13px!important;font-weight:760}.agent-send-button:disabled{background:var(--surface-soft);color:var(--muted-weak)!important;cursor:not-allowed}.agent-mode-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:190;display:grid;gap:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:0 22px 54px var(--shadow-menu)}.agent-mode-menu{right:calc(100% + 60px);width:200px;padding:8px}.agent-mode-menu button{display:grid!important;justify-items:start;width:100%;height:auto!important;min-height:44px;padding:7px 10px;border-radius:10px;color:var(--surface-soft);font-size:13px!important}.agent-mode-menu button.active,.agent-mode-menu button:hover{background:var(--primary-tint);color:var(--primary)}.agent-mode-menu small{color:var(--muted);font-size:11px}@media (max-width: 860px){.agent-panel{position:fixed;right:16px;top:72px;bottom:16px;z-index:140;width:min(360px,calc(100vw - 112px));border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px var(--shadow-menu);pointer-events:auto}}.agent-context-chips{display:flex;flex-wrap:wrap;gap:6px}.agent-chat-restore{width:auto;max-width:none;min-width:68px;padding-inline:10px;border-color:transparent;border-radius:14px;background:var(--surface-soft);color:var(--ink-strong);font-weight:720}.agent-chat-restore span{overflow:visible;text-overflow:clip}.agent-chat-restore:hover:not(:disabled){border-color:transparent;background:var(--border-subtle);color:var(--ink-strong)}.workflow-workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;height:100vh;overflow:hidden;background:#f6f8fb;color:#111827}.workflow-topbar,.workflow-layout,.workflow-plaza-section,.workflow-alert{min-width:0}.workflow-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 18px;border-bottom:1px solid #e5e7eb;background:#fff}.workflow-title-group,.workflow-topbar-actions,.workflow-plaza-section header,.workflow-plaza-card footer,.workflow-canvas-toolbar,.workflow-panel-header,.workflow-confirm-card,.workflow-run-card{display:flex;align-items:center;gap:10px}.workflow-title-group>div,.workflow-plaza-section header>div{display:grid;gap:3px;min-width:0}.workflow-title-group strong,.workflow-plaza-section header strong,.workflow-inspector-section h2,.workflow-panel-section h2{color:#111827;font-size:15px;font-weight:650}.workflow-title-group small,.workflow-plaza-section header small,.workflow-save-state,.workflow-hint,.workflow-empty-card,.workflow-node-create small,.workflow-material-card small,.workflow-plaza-mini-card small,.workflow-history-card small,.workflow-history-card span,.workflow-run-card small,.workflow-run-card span,.workflow-confirm-card small,.workflow-confirm-card span{color:#667085;font-size:12px;line-height:1.45}.workflow-primary-button,.workflow-ghost-button,.workflow-tabs button,.workflow-node-create,.workflow-plaza-mini-card button,.workflow-canvas-toolbar button,.workflow-segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border-radius:8px;font-size:13px;font-weight:550}.workflow-primary-button{border:1px solid #2563eb;background:#2563eb;color:#fff}.workflow-primary-button:hover:not(:disabled){background:#1d4ed8}.workflow-file-input{display:none}.workflow-upload-button{width:100%;margin-top:8px}.spinning{animation:workflow-spin .9s linear infinite}@keyframes workflow-spin{to{transform:rotate(360deg)}}.workflow-ghost-button,.workflow-canvas-toolbar button,.workflow-segmented button,.workflow-icon-button{border:1px solid #e4e7ec;background:#fff;color:#344054}.workflow-ghost-button:hover:not(:disabled),.workflow-canvas-toolbar button:hover:not(:disabled),.workflow-segmented button:hover,.workflow-segmented button.active,.workflow-icon-button:hover:not(:disabled){border-color:#b7c7e6;background:#eff6ff;color:#1d4ed8}.workflow-ghost-button:disabled,.workflow-canvas-toolbar button:disabled,.workflow-icon-button:disabled{cursor:not-allowed;opacity:.48}.workflow-alert{grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 18px 0;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7;color:#b42318;font-size:13px}.workflow-alert.success{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.workflow-alert button{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;color:currentColor}.workflow-layout{grid-row:3;display:grid;grid-template-columns:268px minmax(0,1fr);min-height:0;overflow:hidden}.workflow-left-panel,.workflow-right-panel{min-width:0;overflow:hidden;border-color:#e5e7eb;background:#fff}.workflow-left-panel{border-right:1px solid #e5e7eb}.workflow-right-panel{border-left:1px solid #e5e7eb;display:none}.workflow-tabs{display:flex;gap:6px;padding:12px 12px 8px}.workflow-tabs.compact{padding-bottom:12px}.workflow-tabs button{flex:1 1 0;border:1px solid transparent;background:transparent;color:#667085}.workflow-tabs button.active{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}.workflow-panel-section,.workflow-inspector-section{display:grid;align-content:start;gap:10px;height:calc(100% - 52px);overflow:auto;padding:10px 14px 18px}.workflow-node-create{display:grid;grid-template-columns:auto 1fr;justify-items:start;gap:4px 8px;width:100%;padding:10px;border:1px solid #e4e7ec;background:#fff;color:#111827;cursor:grab;text-align:left}.workflow-node-create:active{cursor:grabbing}.workflow-node-create small{grid-column:2}.workflow-node-create:hover{border-color:#93c5fd;background:#eff6ff}.workflow-segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}.workflow-panel-section input,.workflow-panel-section select,.workflow-inspector-section input,.workflow-inspector-section textarea{width:100%;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#111827;font:inherit;font-size:13px}.workflow-panel-section input,.workflow-panel-section select,.workflow-inspector-section input{height:34px;padding:0 10px}.workflow-panel-header{justify-content:space-between}.workflow-icon-button{display:grid;width:30px;height:30px;min-height:30px;place-items:center;border-radius:8px}.workflow-history-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,.72fr);gap:8px}.workflow-inspector-section textarea{min-height:88px;padding:9px 10px;resize:vertical}.workflow-material-card,.workflow-history-card,.workflow-plaza-mini-card,.workflow-empty-card,.workflow-confirm-card,.workflow-run-card{min-width:0;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.workflow-material-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px}.workflow-material-thumb{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:700}.workflow-material-card div,.workflow-plaza-mini-card,.workflow-history-card{display:grid;gap:4px;min-width:0}.workflow-plaza-mini-card,.workflow-history-card,.workflow-empty-card{padding:11px}.workflow-plaza-mini-card button{justify-self:start;min-height:28px;padding:0 9px;border:1px solid #e4e7ec;background:#fff;color:#344054}.workflow-canvas-panel{position:relative;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:contain;background:linear-gradient(180deg,#ffffffc2,#f6f8fb00 92px),radial-gradient(circle,rgba(148,163,184,.24) 1px,transparent 1px) 0 0 / 22px 22px,#f6f8fb}.workflow-canvas-toolbar{position:absolute;top:12px;left:16px;z-index:20;width:max-content;max-width:calc(100% - 32px);margin:0;padding:7px 8px;border:1px solid #e4e7ec;border-radius:12px;background:#fffffff0;box-shadow:0 10px 24px #0f172a14}.workflow-canvas-toolbar span{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:12px}.workflow-canvas-toolbar em{min-width:38px;color:#344054;font-size:12px;font-style:normal;font-weight:700;text-align:center}.workflow-connection-panel{position:sticky;top:58px;left:16px;z-index:19;display:grid;gap:8px;width:min(620px,calc(100% - 32px));margin:0 16px 12px;padding:10px;border:1px solid #dbeafe;border-radius:12px;background:#fffffff5;box-shadow:0 10px 24px #0f172a14}.workflow-port-list,.workflow-target-list header{display:flex;align-items:center;gap:8px;min-width:0}.workflow-connection-node-select{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:8px}.workflow-connection-node-select span{color:#475467;font-size:12px}.workflow-connection-node-select select{height:30px;min-width:0;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#111827;font-size:12px;padding:0 8px}.workflow-port-list small,.workflow-target-list header span,.workflow-port-list span{color:#475467;font-size:12px}.workflow-port-list button,.workflow-target-list button{min-height:28px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:12px}.workflow-port-list button.active,.workflow-port-list button:hover,.workflow-target-list button:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.workflow-target-list{display:grid;gap:8px}.workflow-target-list header{justify-content:space-between}.workflow-target-list>div{display:flex;flex-wrap:wrap;gap:8px}.workflow-target-list>div>button{display:grid;justify-items:start;gap:2px;min-height:42px;padding:6px 9px}.workflow-target-list strong{font-size:12px}.workflow-target-list span{font-size:11px}.workflow-canvas{position:relative;min-width:100%;min-height:100%}.workflow-vue-flow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.workflow-vue-flow .vue-flow__viewport{cursor:grab}.workflow-vue-flow .vue-flow__pane.dragging,.workflow-vue-flow .vue-flow__viewport.dragging{cursor:grabbing}.workflow-vue-flow .vue-flow__node{border:0;background:transparent;pointer-events:auto;visibility:visible!important}.workflow-vue-flow .vue-flow__node.selected{box-shadow:none}.workflow-vue-flow .vue-flow__node.is-collapsed-group .workflow-node-card{border-style:dashed;background:#1e293bf0}.workflow-vue-flow .vue-flow__node.is-group:not(.is-collapsed-group){z-index:0!important;pointer-events:none!important}.workflow-vue-flow .vue-flow__node.is-group:not(.is-collapsed-group) .workflow-node-card{border-style:dashed;background:#0f172a2e;box-shadow:inset 0 0 0 1px #60a5fa2e;pointer-events:none!important}.workflow-vue-flow .vue-flow__node.is-group:not(.is-collapsed-group) .workflow-group-summary,.workflow-vue-flow .vue-flow__node.is-group:not(.is-collapsed-group) .workflow-node-input-card,.workflow-vue-flow .vue-flow__node.is-group:not(.is-collapsed-group) footer{display:none}.workflow-vue-flow .vue-flow__node.is-group:not(.is-collapsed-group) header{pointer-events:auto}.workflow-vue-flow .vue-flow__node.is-group:not(.is-collapsed-group) .workflow-group-toggle{pointer-events:auto}.workflow-vue-flow .workflow-node-card{position:relative}.workflow-vue-flow .vue-flow__edge-path{stroke:#64748bb8;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;cursor:pointer}.workflow-vue-flow .vue-flow__edge,.workflow-vue-flow .vue-flow__edge-interaction{cursor:pointer;pointer-events:stroke}.workflow-vue-flow .vue-flow__edge.selected .vue-flow__edge-path,.workflow-vue-flow .vue-flow__edge:hover .vue-flow__edge-path{stroke:#2563ebdb;stroke-width:2.2}.workflow-vue-flow .vue-flow__connection-path{stroke:#2563ebbd;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.workflow-edge-delete{position:absolute;z-index:16;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid rgba(148,163,184,.42);border-radius:999px;background:#ffffffeb;color:#64748b;cursor:pointer;opacity:.72;pointer-events:all;transition:opacity .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.workflow-edge-delete:hover,.workflow-edge-delete:focus-visible{border-color:#dc262680;color:#dc2626;opacity:1;outline:none}.workflow-vue-flow .vue-flow__controls{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#1f1f23e0;box-shadow:0 20px 48px #00000052;overflow:hidden}.workflow-vue-flow .vue-flow__controls-button{border-bottom-color:#ffffff14;background:#ffffff0f;color:#f8fafc}.workflow-vue-flow .vue-flow__minimap{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#1c1c1fe6}.workflow-canvas{margin-left:92px;min-width:calc(100% + 92px)}.workflow-layout.is-resource-panel-open .workflow-canvas{margin-left:384px;min-width:calc(100% + 384px)}.workflow-context-menu{position:fixed;z-index:120;display:grid;gap:4px;min-width:148px;padding:6px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;box-shadow:0 16px 40px #0f172a29}.workflow-context-menu button{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:32px;border:0;border-radius:7px;background:transparent;color:#344054;font-size:13px;text-align:left}.workflow-context-menu button:hover{background:#eff6ff;color:#1d4ed8}.workflow-minimap{position:sticky;right:18px;bottom:16px;z-index:18;float:right;margin:0 18px 16px auto;border:1px solid #d0d5dd;border-radius:10px;background:#ffffffeb;box-shadow:0 10px 24px #0f172a1f}.workflow-minimap span{position:absolute;border-radius:3px;background:#94a3b8}.workflow-minimap span.selected{background:#2563eb}.workflow-edges{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.workflow-edges path{fill:none;stroke:#94a3b8;stroke-width:2}.workflow-edges .workflow-edge-preview{stroke:#2563eb;stroke-dasharray:5 5;stroke-width:2.5}.workflow-node-card{position:absolute;display:grid;grid-template-rows:auto minmax(72px,auto) auto auto;gap:10px;padding:12px;border:1px solid rgba(208,213,221,.92);border-radius:12px;background:linear-gradient(180deg,#fffffff5,#f8fafce0),#fff;color:#111827;text-align:left;box-shadow:0 12px 28px #0f172a17;cursor:default}.workflow-node-card.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26,0 12px 30px #0f172a1f}.workflow-node-card.is-running{border-color:#2563eb61}.workflow-node-card.is-failed{border-color:#f8717185}.workflow-node-card header,.workflow-node-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.workflow-node-card header span{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:650}.workflow-node-card header .workflow-ui-status-badge{flex:0 0 auto;font-size:11px}.workflow-node-card header .workflow-ui-status-badge__label{font-size:inherit;font-weight:inherit}.workflow-node-io{position:relative;display:grid;align-items:center}.workflow-node-result{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:70px;border:1px solid rgba(208,213,221,.92);border-radius:10px;background:linear-gradient(135deg,#eff6ffb8,#f8fafcf0),#f8fafc;color:#475467;font-size:12px;line-height:1.45;text-align:left;padding:10px 12px;box-shadow:inset 0 1px #ffffffd1}.workflow-node-result.is-text{align-items:start;border-style:solid;background:#fff;color:#111827;white-space:pre-line}.workflow-node-result.is-image,.workflow-node-result.is-video,.workflow-node-result.is-agent{min-height:86px}.workflow-node-result.is-video{border-color:#7d5cff3d;background:linear-gradient(135deg,#f5f3ffc2,#f8fafcf0),#f8fafc}.workflow-node-result.is-agent{border-color:#14b8a647;background:linear-gradient(135deg,#f0fdfac7,#f8fafcf0),#f8fafc}.workflow-node-result strong{min-width:0;font-weight:650}.workflow-result-thumb{display:grid;width:48px;height:48px;place-items:center;border:1px dashed #cbd5e1;border-radius:10px;background:#f1f5f9;color:#64748b}.workflow-vue-flow .vue-flow__handle.workflow-port,.workflow-port{position:absolute;z-index:14;display:inline-flex;align-items:center;justify-content:center;width:14px;min-width:14px;height:14px;place-items:center;border:2px solid #ffffff;border-radius:999px;background:#2563eb;color:transparent;font-size:11px;font-weight:650;line-height:1;padding:0;box-shadow:0 0 0 2px #2563eb24,0 4px 12px #0f172a2e;cursor:crosshair;-webkit-user-select:none;user-select:none}.workflow-port-in{left:-7px;transform:translateY(-50%)}.workflow-port-out{right:-7px;transform:translateY(-50%)}.workflow-port span{position:absolute;top:50%;width:max-content;max-width:120px;overflow:hidden;padding:4px 7px;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:#0f172adb;color:#fff;font-size:11px;line-height:1;opacity:0;pointer-events:none;text-overflow:ellipsis;transform:translateY(-50%);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.workflow-port-in span{right:calc(100% + 8px)}.workflow-port-out span{left:calc(100% + 8px)}.workflow-port:hover span,.workflow-port:focus-visible span,.workflow-port.active span,.workflow-port.armed span{opacity:1}.workflow-port:hover,.workflow-port:focus-visible,.workflow-port.active,.workflow-port.armed{border-color:#2563eb;background:#fff;color:transparent;outline:none}.workflow-port.active{box-shadow:0 0 0 3px #2563eb29,0 4px 12px #0f172a24}.workflow-node-input-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:88px;border:1px solid #e4e7ec;border-radius:12px;background:linear-gradient(115deg,#11182709,#fffffff0 46%),#fff;padding:12px}.workflow-node-prompt,.workflow-node-prompt-card,.workflow-agent-prompt{display:grid;gap:6px;min-height:80px;padding:12px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;color:#111827;font-size:13px;line-height:1.45}.workflow-node-prompt small,.workflow-node-prompt-card small,.workflow-agent-prompt small,.workflow-node-hint,.workflow-agent-hint,.workflow-result-hint{color:#667085;font-size:12px;line-height:1.45}.workflow-node-input-media{display:grid;width:46px;height:46px;place-items:center;border:1px dashed #cbd5e1;border-radius:9px;background:#f8fafc;color:#667085}.workflow-node-input-card p{min-width:0;margin:0;align-self:center;color:#111827;font-size:13px;line-height:1.45}.workflow-node-expand{align-self:start;min-height:24px;padding:0 7px;border:0;background:transparent;color:#475467;font-size:11px}.workflow-node-runbar{grid-column:1 / -1;display:flex;align-items:center;gap:9px;min-width:0;padding-top:6px;color:#475467;font-size:12px}.workflow-node-runbar span,.workflow-node-runbar b,.workflow-node-runbar em,.workflow-node-runbar strong{display:inline-flex;align-items:center;gap:4px;min-width:0;font-style:normal;white-space:nowrap}.workflow-node-runbar span,.workflow-node-runbar strong,.workflow-node-runbar button{flex:0 0 auto}.workflow-node-runbar b{overflow:hidden;color:#111827;font-weight:700;text-overflow:ellipsis}.workflow-node-runbar em{color:#475467}.workflow-node-runbar strong{margin-left:auto;color:#111827;font-weight:700}.workflow-node-submit{display:grid;flex:0 0 auto;width:34px;height:34px;min-height:34px;place-items:center;border:0;border-radius:999px;background:#2563eb;color:#fff}.workflow-node-card footer span,.workflow-node-card footer b{color:#667085;font-size:11px;font-weight:600}.workflow-inspector-section label{display:grid;gap:6px;color:#475467;font-size:12px;font-weight:600}.workflow-inspector-section dl{display:grid;gap:8px;margin:0}.workflow-inspector-section dl>div{display:grid;gap:3px;padding:9px 10px;border:1px solid #e4e7ec;border-radius:8px;background:#f8fafc}.workflow-inspector-section dt,.workflow-inspector-section dd{margin:0;font-size:12px}.workflow-inspector-section dt{color:#667085}.workflow-inspector-section dd{color:#111827}.workflow-confirm-card,.workflow-run-card{align-items:flex-start;flex-direction:column;padding:12px}.workflow-run-card footer{display:flex;gap:8px;width:100%}.workflow-search-box{display:inline-flex;align-items:center;gap:6px;min-width:220px;height:34px;padding:0 9px;border:1px solid #e4e7ec;border-radius:8px;color:#667085}.workflow-search-box input{min-width:0;border:0;outline:0;color:#111827;font:inherit}.workflow-confirm-card.warning{border-color:#facc15;background:#fffbeb}.workflow-plaza-section{display:grid;gap:12px;max-height:260px;overflow:auto;padding:14px 18px 18px;border-top:1px solid #e5e7eb;background:#fff}.workflow-plaza-section header{justify-content:space-between}.workflow-plaza-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.workflow-plaza-card{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #e4e7ec;border-radius:12px;background:#fff}.workflow-template-cover{display:grid;height:74px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#f8fafc);color:#2563eb}.workflow-plaza-card strong,.workflow-plaza-mini-card strong,.workflow-history-card strong,.workflow-material-card strong{overflow:hidden;color:#111827;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.workflow-plaza-card p{min-height:38px;margin:0;color:#475467;font-size:12px;line-height:1.55}.workflow-plaza-card small{color:#667085;font-size:12px}.workflow-plaza-card footer{justify-content:space-between}.workflow-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:grid;place-items:center;padding:20px;background:#0f172a5c}.workflow-template-modal{position:relative;display:grid;gap:18px;width:min(760px,calc(100vw - 32px));padding:22px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;box-shadow:0 22px 60px #0f172a33}.workflow-modal-close{position:absolute;top:14px;right:14px;display:grid;width:30px;height:30px;place-items:center;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#475467}.workflow-template-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:32px}.workflow-template-modal header div{display:grid;gap:6px}.workflow-template-modal header strong{font-size:20px}.workflow-template-modal p{margin:0;color:#475467;font-size:13px;line-height:1.6}.workflow-template-modal-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px}.workflow-template-modal-body h3{margin:12px 0 6px;color:#111827;font-size:13px}.workflow-template-preview{display:flex;align-items:center;justify-content:center;gap:8px;min-height:180px;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc}.workflow-template-preview div{padding:12px;border:1px solid #dbeafe;border-radius:10px;background:#fff;color:#1d4ed8;font-size:12px;font-weight:650}.workflow-material-preview-modal{width:min(820px,calc(100vw - 32px))}.workflow-material-preview-body{display:grid;min-height:260px;max-height:min(66vh,620px);place-items:center;overflow:auto;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc}.workflow-material-preview-body img,.workflow-material-preview-body video{display:block;max-width:100%;max-height:min(62vh,560px);object-fit:contain}.workflow-material-preview-body pre{width:100%;min-height:260px;margin:0;padding:16px;overflow:auto;color:#111827;font:inherit;font-size:13px;line-height:1.6;white-space:pre-wrap}@media (max-width: 1100px){.workflow-layout{grid-template-columns:232px minmax(0,1fr)}.workflow-right-panel{display:none}.workflow-plaza-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media (max-width: 760px){.workflow-topbar{align-items:flex-start;flex-direction:column}.workflow-layout{grid-template-columns:1fr}.workflow-left-panel,.workflow-right-panel{display:none}.workflow-plaza-grid,.workflow-template-modal-body{grid-template-columns:1fr}}.workflow-workspace{grid-template-rows:auto auto minmax(0,1fr);background:#050507;color:#f8fafc}.workflow-topbar{min-height:62px;border-bottom:1px solid rgba(255,255,255,.06);background:#050507f0;color:#f8fafc}.workflow-title-group strong,.workflow-topbar .workflow-save-state{color:#f8fafc}.workflow-title-group small{color:#9ca3af}.workflow-layout{position:relative;grid-template-columns:minmax(0,1fr);background:#050507}.workflow-left-panel{position:absolute;top:18px;left:18px;z-index:35;display:flex;align-items:flex-start;gap:10px;pointer-events:none}.workflow-tabs{display:grid;gap:8px;width:54px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#161619e6;box-shadow:0 24px 60px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.workflow-tabs button{display:grid;width:38px;height:38px;min-height:38px;place-items:center;padding:0;border-radius:999px;color:#a1a1aa}.workflow-tabs button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.workflow-tabs button.active{border-color:#ffffff29;background:#ffffff1f;color:#fff}.workflow-panel-section{width:292px;max-height:min(620px,calc(100vh - 126px));padding:14px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#161619e6;box-shadow:0 24px 60px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.workflow-panel-header,.workflow-panel-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.workflow-panel-section h2,.workflow-material-card strong,.workflow-history-card strong,.workflow-plaza-mini-card strong{color:#f8fafc}.workflow-panel-section input,.workflow-panel-section select{border-color:#ffffff1a;background:#ffffff0f;color:#f8fafc}.workflow-node-create,.workflow-material-card,.workflow-history-card,.workflow-plaza-mini-card,.workflow-empty-card{border-color:#ffffff14;background:#ffffff0e;color:#f8fafc}.workflow-node-create:hover,.workflow-plaza-mini-card button:hover{border-color:#60a5fa73;background:#3b82f629}.workflow-hint,.workflow-node-create small,.workflow-material-card small,.workflow-history-card small,.workflow-history-card span,.workflow-plaza-mini-card small{color:#a1a1aa}.workflow-canvas-panel{background:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.2px) 0 0 / 16px 16px,radial-gradient(circle at 72% 20%,rgba(37,99,235,.14),transparent 34%),#050507}.workflow-canvas-toolbar{left:92px;border-color:#ffffff1a;border-radius:999px;background:#1f1f23e0;color:#f8fafc;box-shadow:0 20px 48px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workflow-layout.is-resource-panel-open .workflow-canvas-toolbar{left:384px}.workflow-canvas-toolbar span,.workflow-canvas-toolbar em{color:#d4d4d8}.workflow-connection-panel{position:fixed;top:128px;left:300px;right:24px;z-index:60;width:min(680px,calc(100vw - 324px));margin:0;border-color:#60a5fa47;background:#18181bf0;box-shadow:0 22px 56px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workflow-connection-node-select span,.workflow-port-list small,.workflow-target-list header span,.workflow-port-list span{color:#d4d4d8}.workflow-connection-node-select select,.workflow-port-list button,.workflow-target-list button{border-color:#ffffff1f;background:#ffffff0f;color:#f8fafc}.workflow-canvas-toolbar button,.workflow-ghost-button,.workflow-icon-button,.workflow-segmented button{border-color:#ffffff1a;background:#ffffff0f;color:#e5e7eb}.workflow-canvas-toolbar button:hover:not(:disabled),.workflow-ghost-button:hover:not(:disabled),.workflow-icon-button:hover:not(:disabled),.workflow-segmented button:hover,.workflow-segmented button.active{border-color:#60a5fa80;background:#3b82f633;color:#fff}.workflow-node-card{gap:10px;border-color:#ffffff24;border-radius:14px;background:#1c1c1ff5;color:#f8fafc;box-shadow:0 22px 54px #00000059;cursor:grab}.workflow-node-card:active{cursor:grabbing}.workflow-node-card .nodrag,.workflow-node-card button,.workflow-node-card textarea,.workflow-node-card input,.workflow-node-card select,.workflow-node-card .workflow-node-floating-toolbar{cursor:default}.workflow-node-card .workflow-port{cursor:crosshair}.workflow-node-card.selected{border-color:#94a3b8cc;z-index:85;box-shadow:0 0 0 2px #94a3b83d,0 24px 60px #0000006b}.workflow-group-summary{display:grid;gap:6px;padding:10px;border:1px dashed rgba(148,163,184,.34);border-radius:10px;background:#0f172a6b}.workflow-group-summary strong{color:#fff;font-size:13px}.workflow-group-summary span{color:#cbd5e1;font-size:12px;line-height:1.45}.workflow-group-summary button{justify-self:start;min-height:28px;padding:0 10px;border:1px solid rgba(96,165,250,.36);border-radius:8px;background:#3b82f62e;color:#eff6ff;font-size:12px}.workflow-group-toggle{min-height:24px;padding:0 8px;border:1px solid rgba(96,165,250,.34);border-radius:999px;background:#3b82f629;color:#eff6ff;font-size:12px;pointer-events:auto}.workflow-node-card header span,.workflow-node-runbar b,.workflow-node-runbar strong,.workflow-node-input-card textarea{color:#fff}.workflow-node-card header .workflow-ui-status-badge{--workflow-surface-muted: rgba(255, 255, 255, .08);--workflow-border: rgba(255, 255, 255, .12);--workflow-text-muted: #d4d4d8;--workflow-running-soft: rgba(96, 165, 250, .16);--workflow-success-soft: rgba(74, 222, 128, .16);--workflow-warning-soft: rgba(251, 191, 36, .16);--workflow-danger-soft: rgba(248, 113, 113, .16)}.workflow-node-floating-toolbar{position:absolute;top:-68px;left:50%;z-index:95;display:inline-flex;align-items:center;gap:4px;min-width:max-content;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#222226f5;box-shadow:0 18px 42px #0000006b;transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workflow-node-floating-toolbar button{display:grid;width:32px;height:32px;min-height:32px;place-items:center;border:0;border-radius:999px;background:transparent;color:#c7c7ce;font-size:12px;font-weight:700}.workflow-node-floating-toolbar button:hover{background:#ffffff1a;color:#fff}.workflow-toolbar-swatch{background:#fff!important;box-shadow:inset 0 0 0 1px #fff3}.workflow-toolbar-separator{width:1px;height:24px;margin:0 4px;background:#ffffff1a}.workflow-node-result{border-color:#ffffff1a;background:#202023;color:#d4d4d8}.workflow-node-result.is-text{background:#151518;color:#f8fafc}.workflow-result-thumb,.workflow-node-input-media{border-color:#ffffff24;background:#ffffff0e;color:#a1a1aa}.workflow-node-input-card{border-color:#ffffff1a;background:#202023}.workflow-node-card.selected .workflow-node-input-card.is-agent{position:absolute;top:calc(100% + 16px);left:50%;z-index:88;width:min(640px,max(100%,560px));min-height:128px;padding:14px;border-radius:14px;background:#1f1f22fa;box-shadow:0 22px 54px #0000006b;transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workflow-node-input-card textarea{min-width:0;width:100%;min-height:48px;padding:0;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:13px;line-height:1.45}.workflow-node-card.selected .workflow-node-input-card.is-agent textarea{min-height:54px;font-size:15px}.workflow-node-input-card textarea::placeholder{color:#71717a}.workflow-node-expand,.workflow-node-runbar{color:#a1a1aa}.workflow-node-runbar em,.workflow-node-card footer span,.workflow-node-card footer b{color:#a1a1aa}.workflow-port{border-color:#fffffff0;background:#60a5fa;color:transparent}.workflow-port:hover,.workflow-port:focus-visible,.workflow-port.active,.workflow-port.armed{border-color:#60a5fad9;background:#fff;color:transparent}.workflow-edges path{stroke:#94a3b861}.workflow-node-confirm-popover,.workflow-run-dock,.workflow-run-log-popover{position:sticky;z-index:40;margin-right:18px;margin-left:auto;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#1c1c1ff0;color:#f8fafc;box-shadow:0 22px 56px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workflow-node-confirm-popover{bottom:96px;display:grid;gap:6px;width:min(420px,calc(100% - 330px));padding:12px}.workflow-node-confirm-popover span,.workflow-node-confirm-popover small{color:#d4d4d8;font-size:12px}.workflow-node-confirm-popover.warning{border-color:#facc1557}.workflow-run-dock{bottom:18px;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 330px);padding:10px}.workflow-run-dock>span{color:#f8fafc;font-size:13px;font-weight:650}.workflow-run-log-popover{bottom:76px;display:grid;gap:8px;width:min(430px,calc(100% - 330px));max-height:360px;overflow:auto;padding:12px}.workflow-run-log-popover header{display:flex;align-items:center;justify-content:space-between}.workflow-run-log-popover header button{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:999px;background:#ffffff14;color:#f8fafc}.workflow-minimap{border-color:#ffffff1a;background:#1c1c1fe6}.workflow-plaza-section{display:none}:root:not([data-theme=dark]) .workflow-workspace,:root[data-theme=light] .workflow-workspace{background:var(--bg-app);color:var(--text-primary)}:root:not([data-theme=dark]) .workflow-topbar,:root[data-theme=light] .workflow-topbar{border-bottom-color:var(--border);background:var(--surface-panel);color:var(--text-primary)}:root:not([data-theme=dark]) .workflow-title-group strong,:root:not([data-theme=dark]) .workflow-topbar .workflow-save-state,:root[data-theme=light] .workflow-title-group strong,:root[data-theme=light] .workflow-topbar .workflow-save-state{color:var(--text-primary)}:root:not([data-theme=dark]) .workflow-title-group small,:root[data-theme=light] .workflow-title-group small{color:var(--text-muted)}:root:not([data-theme=dark]) .workflow-layout,:root[data-theme=light] .workflow-layout{background:var(--bg-app)}:root:not([data-theme=dark]) .workflow-tabs,:root:not([data-theme=dark]) .workflow-panel-section,:root:not([data-theme=dark]) .workflow-canvas-toolbar,:root:not([data-theme=dark]) .workflow-node-confirm-popover,:root:not([data-theme=dark]) .workflow-run-dock,:root:not([data-theme=dark]) .workflow-run-log-popover,:root[data-theme=light] .workflow-tabs,:root[data-theme=light] .workflow-panel-section,:root[data-theme=light] .workflow-canvas-toolbar,:root[data-theme=light] .workflow-node-confirm-popover,:root[data-theme=light] .workflow-run-dock,:root[data-theme=light] .workflow-run-log-popover{border-color:var(--border);background:var(--surface-panel);color:var(--text-primary);box-shadow:var(--shadow-popover)}:root:not([data-theme=dark]) .workflow-tabs button,:root[data-theme=light] .workflow-tabs button{color:var(--text-muted)}:root:not([data-theme=dark]) .workflow-tabs button.active,:root[data-theme=light] .workflow-tabs button.active{border-color:var(--primary-soft);background:var(--primary-soft);color:var(--primary)}:root:not([data-theme=dark]) .workflow-node-create,:root:not([data-theme=dark]) .workflow-material-card,:root:not([data-theme=dark]) .workflow-history-card,:root:not([data-theme=dark]) .workflow-plaza-mini-card,:root:not([data-theme=dark]) .workflow-empty-card,:root[data-theme=light] .workflow-node-create,:root[data-theme=light] .workflow-material-card,:root[data-theme=light] .workflow-history-card,:root[data-theme=light] .workflow-plaza-mini-card,:root[data-theme=light] .workflow-empty-card{border-color:var(--border);background:var(--surface-card);color:var(--text-primary)}:root:not([data-theme=dark]) .workflow-hint,:root:not([data-theme=dark]) .workflow-node-create small,:root:not([data-theme=dark]) .workflow-material-card small,:root:not([data-theme=dark]) .workflow-history-card small,:root:not([data-theme=dark]) .workflow-history-card span,:root:not([data-theme=dark]) .workflow-plaza-mini-card small,:root[data-theme=light] .workflow-hint,:root[data-theme=light] .workflow-node-create small,:root[data-theme=light] .workflow-material-card small,:root[data-theme=light] .workflow-history-card small,:root[data-theme=light] .workflow-history-card span,:root[data-theme=light] .workflow-plaza-mini-card small{color:var(--text-muted)}:root:not([data-theme=dark]) .workflow-canvas-panel,:root[data-theme=light] .workflow-canvas-panel{background:linear-gradient(180deg,#ffffffb8,#f7f8fb00 92px),radial-gradient(circle,rgb(148 163 184 / 26%) 1px,transparent 1px) 0 0 / 18px 18px,var(--bg-app)}:root:not([data-theme=dark]) .workflow-canvas-toolbar span,:root:not([data-theme=dark]) .workflow-canvas-toolbar em,:root[data-theme=light] .workflow-canvas-toolbar span,:root[data-theme=light] .workflow-canvas-toolbar em{color:var(--text-secondary)}:root:not([data-theme=dark]) .workflow-node-card,:root[data-theme=light] .workflow-node-card{border-color:var(--border);background:linear-gradient(180deg,#fffffff5,#f8fafce5),var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-card)}:root:not([data-theme=dark]) .workflow-node-card.selected,:root[data-theme=light] .workflow-node-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #2f80ed29,var(--shadow-popover)}:root:not([data-theme=dark]) .workflow-node-card header span,:root:not([data-theme=dark]) .workflow-node-runbar b,:root:not([data-theme=dark]) .workflow-node-runbar strong,:root:not([data-theme=dark]) .workflow-node-input-card textarea,:root[data-theme=light] .workflow-node-card header span,:root[data-theme=light] .workflow-node-runbar b,:root[data-theme=light] .workflow-node-runbar strong,:root[data-theme=light] .workflow-node-input-card textarea{color:var(--text-primary)}:root:not([data-theme=dark]) .workflow-node-result,:root:not([data-theme=dark]) .workflow-node-input-card,:root:not([data-theme=dark]) .workflow-node-runbar,:root[data-theme=light] .workflow-node-result,:root[data-theme=light] .workflow-node-input-card,:root[data-theme=light] .workflow-node-runbar{border-color:var(--border);background:var(--surface-inset);color:var(--text-secondary)}:root:not([data-theme=dark]) .workflow-node-card.selected .workflow-node-input-card.is-agent,:root[data-theme=light] .workflow-node-card.selected .workflow-node-input-card.is-agent{border-color:var(--border);background:linear-gradient(180deg,#fffffff5,#f8fafcf0),var(--surface-card);box-shadow:var(--shadow-popover)}:root:not([data-theme=dark]) .workflow-node-input-media,:root:not([data-theme=dark]) .workflow-result-thumb,:root[data-theme=light] .workflow-node-input-media,:root[data-theme=light] .workflow-result-thumb{border-color:var(--border);background:var(--surface-card);color:var(--text-muted)}:root:not([data-theme=dark]) .workflow-node-input-card textarea::placeholder,:root[data-theme=light] .workflow-node-input-card textarea::placeholder{color:var(--text-muted)}:root:not([data-theme=dark]) .workflow-node-submit,:root[data-theme=light] .workflow-node-submit{background:var(--primary);color:#fff}:root:not([data-theme=dark]) .workflow-node-floating-toolbar,:root[data-theme=light] .workflow-node-floating-toolbar{border-color:var(--border);background:var(--surface-elevated);box-shadow:var(--shadow-popover)}:root:not([data-theme=dark]) .workflow-node-floating-toolbar button,:root[data-theme=light] .workflow-node-floating-toolbar button{color:var(--text-secondary)}:root:not([data-theme=dark]) .workflow-port,:root[data-theme=light] .workflow-port{border-color:#fff;background:var(--primary);color:transparent;box-shadow:0 0 0 2px #2f80ed24,var(--shadow-card)}:root:not([data-theme=dark]) .workflow-port:hover,:root:not([data-theme=dark]) .workflow-port:focus-visible,:root:not([data-theme=dark]) .workflow-port.active,:root:not([data-theme=dark]) .workflow-port.armed,:root[data-theme=light] .workflow-port:hover,:root[data-theme=light] .workflow-port:focus-visible,:root[data-theme=light] .workflow-port.active,:root[data-theme=light] .workflow-port.armed{border-color:var(--primary);background:#fff;color:transparent}:root:not([data-theme=dark]) .workflow-vue-flow .vue-flow__edge-path,:root[data-theme=light] .workflow-vue-flow .vue-flow__edge-path{stroke:#475569ad}:root:not([data-theme=dark]) .workflow-vue-flow .vue-flow__controls,:root:not([data-theme=dark]) .workflow-vue-flow .vue-flow__minimap,:root[data-theme=light] .workflow-vue-flow .vue-flow__controls,:root[data-theme=light] .workflow-vue-flow .vue-flow__minimap{border-color:var(--border);background:var(--surface-panel);box-shadow:var(--shadow-popover)}:root:not([data-theme=dark]) .workflow-vue-flow .vue-flow__controls-button,:root[data-theme=light] .workflow-vue-flow .vue-flow__controls-button{border-bottom-color:var(--border-subtle);background:var(--surface-card);color:var(--text-secondary)}@media (max-width: 900px){.workflow-left-panel{right:16px;width:auto;max-height:46vh}.workflow-canvas-toolbar{margin-left:16px}.workflow-connection-panel{top:118px;left:16px;right:16px;width:auto}.workflow-canvas{margin-left:0;min-width:100%}.workflow-node-confirm-popover,.workflow-run-dock,.workflow-run-log-popover{width:auto;max-width:calc(100% - 32px);margin-left:16px}}.workflow-workspace{grid-template-rows:minmax(0,1fr);background:var(--workflow-canvas-bg);color:var(--workflow-text-primary)}.workflow-topbar{position:fixed;top:10px;left:10px;right:10px;z-index:70;min-height:0;padding:0;border:0;background:transparent;pointer-events:none}.workflow-project-pill,.workflow-topbar-actions{pointer-events:auto}.workflow-project-pill,.workflow-credit-pill,.workflow-save-state,.workflow-topbar-actions .workflow-ghost-button,.workflow-topbar-actions .workflow-primary-button{border:1px solid var(--workflow-node-border);background:var(--workflow-floating-surface);color:var(--workflow-text-primary);box-shadow:var(--workflow-shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workflow-project-pill{display:inline-flex;max-width:min(520px,calc(100vw - 360px));min-height:40px;padding:4px 12px 4px 5px;border-radius:999px}.workflow-back-button{display:grid;width:32px;height:32px;min-height:32px;place-items:center;border:0;border-radius:999px;background:#00000014;color:var(--workflow-text-primary)}:root[data-theme=dark] .workflow-back-button{background:#00000052}.workflow-title-group>div{min-width:0}.workflow-title-group strong{display:block;overflow:hidden;color:var(--workflow-text-primary);font-size:14px;font-weight:650;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.workflow-title-group small,.workflow-save-state{color:var(--workflow-text-muted);font-size:11px}.workflow-topbar-actions{gap:8px}.workflow-credit-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border-radius:999px;color:var(--workflow-text-primary);font-size:13px;font-weight:650}.workflow-credit-pill svg{color:var(--workflow-credit-color);fill:color-mix(in srgb,var(--workflow-credit-color) 24%,transparent)}.workflow-save-state{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:999px}.workflow-layout{grid-row:1;background:var(--workflow-canvas-bg)}.workflow-left-panel{top:78px;left:8px;gap:10px;overflow:visible;border:0;background:transparent}.workflow-tabs{width:50px;padding:7px;border-color:var(--workflow-node-border);background:var(--workflow-floating-surface);box-shadow:var(--workflow-shadow-panel)}.workflow-tabs button{width:34px;height:34px;min-height:34px;border-color:transparent;background:transparent;color:var(--workflow-text-muted)}.workflow-tabs button.active,.workflow-tabs button:hover{border-color:var(--workflow-node-border);background:color-mix(in srgb,var(--workflow-text-primary) 9%,transparent);color:var(--workflow-text-primary)}.workflow-panel-section,.workflow-connection-panel,.workflow-node-confirm-popover,.workflow-run-dock,.workflow-run-log-popover{border-color:var(--workflow-node-border);background:var(--workflow-floating-surface);color:var(--workflow-text-primary)}.workflow-alert{position:fixed;top:58px;left:50%;z-index:80;width:min(720px,calc(100vw - 32px));margin:0;border-color:color-mix(in srgb,var(--workflow-danger) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--workflow-danger-soft) 78%,var(--workflow-floating-surface));color:var(--workflow-danger);box-shadow:var(--workflow-shadow-menu);transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workflow-alert.success{border-color:color-mix(in srgb,var(--workflow-success) 32%,transparent);background:color-mix(in srgb,var(--workflow-success-soft) 78%,var(--workflow-floating-surface));color:var(--workflow-success)}.workflow-canvas-panel{background:radial-gradient(circle,var(--workflow-canvas-dot) 1px,transparent 1.2px) 0 0 / 18px 18px,var(--workflow-canvas-bg)}.workflow-canvas-toolbar.workflow-bottom-control-bar{position:fixed;top:auto;bottom:22px;left:50%;z-index:72;width:max-content;max-width:min(760px,calc(100vw - 32px));padding:8px 10px;border-color:var(--workflow-node-border);border-radius:999px;background:var(--workflow-floating-surface);color:var(--workflow-text-primary);box-shadow:var(--workflow-shadow-panel);transform:translate(-50%)}.workflow-layout.is-resource-panel-open .workflow-canvas-toolbar.workflow-bottom-control-bar{left:50%}.workflow-canvas-toolbar.workflow-bottom-control-bar span,.workflow-canvas-toolbar.workflow-bottom-control-bar em{color:var(--workflow-text-secondary)}.workflow-canvas-toolbar.workflow-bottom-control-bar em{min-width:46px;padding:0 5px;font-weight:650}.workflow-vue-flow .vue-flow__controls{display:none}.workflow-vue-flow .vue-flow__minimap{left:10px;bottom:18px;width:200px;height:136px;border-color:var(--workflow-node-border);border-radius:8px;background:var(--workflow-floating-surface);box-shadow:var(--workflow-shadow-panel)}.workflow-vue-flow .vue-flow__edge-path{stroke:var(--workflow-connection);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;cursor:pointer}.workflow-vue-flow .vue-flow__edge.selected .vue-flow__edge-path,.workflow-vue-flow .vue-flow__edge:hover .vue-flow__edge-path,.workflow-vue-flow .vue-flow__connection-path{stroke:var(--workflow-connection-active)}.workflow-node-card{border-color:var(--workflow-node-border);border-radius:8px;background:var(--workflow-node-surface);color:var(--workflow-text-primary);box-shadow:0 14px 34px #0f172a1c;grid-template-rows:auto minmax(96px,1fr);gap:8px;min-height:136px;overflow:visible}:root[data-theme=dark] .workflow-node-card{box-shadow:0 22px 54px #00000057}.workflow-node-card.selected{border-color:var(--workflow-node-selected);box-shadow:0 0 0 2px color-mix(in srgb,var(--workflow-node-selected) 24%,transparent),var(--workflow-shadow-panel)}.workflow-node-result,.workflow-node-input-card{border-color:var(--workflow-node-border);background:color-mix(in srgb,var(--workflow-node-surface) 86%,var(--workflow-canvas-bg));color:var(--workflow-text-secondary)}.workflow-node-card.is-image,.workflow-node-card.is-video{min-height:176px}.workflow-node-card.is-text{min-height:166px}.workflow-node-card.is-upload,.workflow-node-card.is-output,.workflow-node-card.is-group{min-height:128px}.workflow-node-card footer{display:none}.workflow-node-card:not(.selected) .workflow-node-floating-toolbar{display:none}.workflow-node-card .workflow-node-input-card.is-agent{position:absolute;top:calc(100% + 16px);left:50%;z-index:96;display:grid;visibility:visible;width:min(540px,max(100%,480px));min-height:178px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--workflow-floating-surface) 96%,var(--workflow-canvas-bg));box-shadow:var(--workflow-shadow-menu);transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workflow-node-card.is-image .workflow-node-input-card.is-agent{width:min(560px,max(100%,520px));min-height:198px}.workflow-node-card.is-video .workflow-node-input-card.is-agent{width:min(580px,max(100%,540px))}.workflow-node-card .workflow-node-input-card.is-agent .workflow-node-input-media{width:48px;height:48px;border-radius:10px}.workflow-node-card .workflow-node-input-card.is-agent textarea{min-height:82px;font-size:14px}.workflow-node-card .workflow-node-input-card.is-agent .workflow-node-runbar{align-self:end;padding-top:10px}.workflow-node-card .workflow-node-result{min-height:98px}.workflow-node-card.is-image .workflow-node-result,.workflow-node-card.is-video .workflow-node-result{min-height:132px}.workflow-node-card.is-text .workflow-node-result{min-height:126px}.workflow-node-card header span,.workflow-node-runbar b,.workflow-node-runbar strong,.workflow-node-input-card textarea{color:var(--workflow-text-primary)}.workflow-node-runbar,.workflow-node-runbar em,.workflow-node-card footer span,.workflow-node-card footer b,.workflow-node-input-card textarea::placeholder{color:var(--workflow-text-muted)}.workflow-node-runbar strong{color:var(--workflow-credit-color)}.workflow-material-card,.workflow-history-card,.workflow-plaza-mini-card,.workflow-empty-card,.workflow-node-create{border-color:var(--workflow-node-border);background:color-mix(in srgb,var(--workflow-floating-surface) 88%,transparent);color:var(--workflow-text-primary)}.workflow-material-card strong,.workflow-history-card strong,.workflow-plaza-mini-card strong,.workflow-panel-section h2{color:var(--workflow-text-primary)}.workflow-hint,.workflow-node-create small,.workflow-material-card small,.workflow-history-card small,.workflow-history-card span,.workflow-plaza-mini-card small{color:var(--workflow-text-muted)}@media (max-width: 760px){.workflow-topbar{align-items:stretch;flex-direction:row}.workflow-project-pill{max-width:calc(100vw - 176px)}.workflow-save-state,.workflow-topbar-actions .workflow-ghost-button{display:none}.workflow-left-panel{top:62px;right:10px;left:10px}.workflow-tabs{display:flex;width:auto;border-radius:999px}.workflow-panel-section{position:fixed;top:118px;right:10px;left:10px;width:auto;max-height:48vh}.workflow-vue-flow .vue-flow__minimap{display:none}.workflow-canvas-toolbar.workflow-bottom-control-bar{bottom:12px;overflow-x:auto}}.drop-overlay{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:64;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed var(--primary);border-radius:18px;background:var(--primary-soft);color:var(--primary);pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drop-overlay strong{font-size:15px}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);width:100%;height:100vh;background:var(--surface-elevated)}.brand-mark,.brand-dot,.round-action{display:grid;place-items:center;border-radius:50%;background:var(--ink-strong);color:var(--text-on-strong);font-weight:800}.brand-dot{width:24px;height:24px;font-size:12px}.home-view{display:grid;grid-template-rows:auto auto auto;align-content:start;gap:0;overflow-y:auto;overflow-x:hidden;padding:0;background:var(--bg-app);min-height:100%}.home-topbar,.account-actions,.prompt-footer,.prompt-left-actions,.prompt-right-actions,.project-topbar,.project-title,.project-actions,.agent-header,.agent-header-actions,.drawer-header,.drawer-switch{display:flex;align-items:center}.home-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(220px,1fr);align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:10px clamp(24px,4vw,42px);border-bottom:1px solid var(--border);background:var(--surface-elevated)}.home-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.home-brand-glyph{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--ink-strong);color:var(--text-on-strong);font-size:13px;font-weight:800}.home-brand>span:last-child{display:inline-flex;align-items:baseline;gap:8px;min-width:0}.home-brand strong{color:var(--ink-strong);font-size:16px;font-weight:800;white-space:nowrap}.home-brand small{color:var(--muted);font-size:12px;white-space:nowrap}.home-main-nav{display:inline-flex;align-items:center;justify-self:center;gap:8px;min-width:0}.home-main-nav button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border-radius:8px;color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap}.home-main-nav button:hover,.home-main-nav button.active{background:var(--primary-soft);color:var(--primary)}.home-slogan{min-width:0;margin:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.home-status{width:min(730px,100%);margin:8px auto 0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--muted);font-size:13px;font-weight:700}.home-status.error{border-color:var(--danger-soft);color:var(--danger)}.home-status.offline{border-color:var(--border);background:var(--surface-elevated);color:var(--muted)}.home-view button:disabled{cursor:not-allowed;opacity:.58}.account-actions,.project-actions{gap:10px}.account-actions{justify-content:flex-end;min-width:0}.account-menu-wrap{position:relative;display:inline-flex}.account-actions .login-button,.login-inline-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap}.account-actions .login-button:hover,.login-inline-button:hover{border-color:var(--border-strong);background:var(--surface-hover)}.account-menu{width:196px}.account-menu header{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px 8px;color:var(--ink)}.account-menu header>span{display:grid;min-width:0;gap:2px}.account-menu header strong,.account-menu header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu header strong{font-size:13px;font-weight:800}.account-menu header small{color:var(--muted);font-size:12px}.account-menu-chevron{flex:0 0 auto}.credit-button,.upgrade-button{min-height:30px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);font-size:12px;font-weight:700}.credit-button.danger{border-color:var(--danger-soft);color:var(--danger)}.round-action{width:30px;height:30px;background:var(--info);font-size:11px}.home-hero{display:grid;justify-items:center;gap:12px;padding:48px clamp(24px,5vw,72px) 22px}.home-hero-title{margin:0;max-width:min(520px,100%);font-size:clamp(24px,2.5vw,28px);font-weight:700;color:var(--ink-strong);letter-spacing:0;text-align:center;line-height:1.25}.home-hero-sub{margin:0;max-width:min(420px,100%);color:var(--muted);font-size:14px;line-height:1.55;text-align:center}.home-hero p{margin:0}.prompt-box{display:grid;width:100%;min-height:238px;padding:16px 18px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.prompt-workspace{display:grid;gap:16px;width:min(755px,100%);min-width:0;margin-top:16px}.prompt-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.prompt-label-row span{color:var(--ink-strong);font-size:15px;font-weight:600}.prompt-label-row small,.prompt-hint{color:var(--muted);font-size:12px;white-space:nowrap}.prompt-box:focus-within{border-color:var(--border-strong);outline:none}.prompt-box textarea{width:100%;min-height:104px;border:0;outline:0;resize:none;color:var(--ink);font-size:15px;line-height:1.6;background:transparent}.prompt-box textarea:focus{border-color:transparent;box-shadow:none;outline:none}.prompt-box textarea::placeholder{color:var(--muted-weak)}.prompt-footer{justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--border-subtle)}.prompt-left-actions,.prompt-right-actions{gap:12px}.prompt-footer button,.agent-input button,.agent-header button{display:grid;place-items:center;min-width:26px;height:26px;color:var(--ink);font-size:17px}.prompt-footer .prompt-tool-button,.model-pill{height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text-secondary);font-size:13px;font-weight:500}.prompt-footer .prompt-tool-button:hover,.model-pill:hover{border-color:var(--border-strong);background:var(--surface-hover)}.prompt-footer .icon-tool-button{width:34px;padding:0}.prompt-footer .text-tool-button{display:inline-flex;align-items:center;gap:7px;padding:0 12px}.model-pill{display:inline-flex!important;align-items:center;gap:6px;padding:0 12px;color:var(--text-secondary)!important;font-size:13px!important;font-weight:500}.prompt-footer .generate-button{display:flex!important;align-items:center;gap:6px;height:34px!important;padding:0 18px;border-radius:8px;background:var(--primary);font-size:14px;font-weight:600;letter-spacing:0;color:var(--text-on-strong)!important}.prompt-footer .generate-button:hover{background:var(--primary-strong)}.prompt-footer .generate-button.loading{opacity:.75;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.generate-button .spin{animation:spin .8s linear infinite}.send-button{border-radius:50%;background:var(--surface-soft);color:var(--muted-weak)!important}.model-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px}.model-chips button{min-height:32px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-elevated);color:var(--ink);font-size:13px}.model-chips button.selected{border-color:var(--primary);color:var(--primary)}.creation-intents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(755px,100%)}.creation-intents button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--ink);font-size:13px;font-weight:650}.creation-intents button:hover{border-color:var(--border-strong);background:var(--surface-hover)}.recent-section{display:grid;gap:16px;width:min(880px,calc(100% - 48px));justify-self:center;padding:26px 0 60px}.recent-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.recent-header>div:first-child{display:grid;gap:4px;min-width:0}.recent-header p{margin:0;color:var(--muted);font-size:13px}.recent-header-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.view-all-link{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:13px;font-weight:500}.view-all-link:hover{color:var(--ink)}.recent-section h2{margin:0;font-size:18px;font-weight:700}.workflow-home-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 14px;border-radius:8px;background:var(--ink-strong);color:var(--text-on-strong);font-size:13px;font-weight:700;white-space:nowrap}.workflow-home-primary:hover{background:var(--primary)}.workflow-template-card small{color:var(--muted);font-size:12px;line-height:1.45}.workflow-template-card{min-width:0;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-inset);color:var(--ink);text-align:left}.workflow-template-card:hover{border-color:var(--border-strong);background:var(--surface-hover)}.workflow-template-card strong{overflow:hidden;color:var(--ink-strong);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.workflow-template-card{display:grid;gap:5px;padding:11px 12px}.workflow-template-card span{justify-self:start;padding:2px 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:700}.content-page{grid-template-rows:auto auto auto}.content-page-hero,.content-section,.template-category-tabs,.template-card-grid,.asset-card-grid,.workflow-dashboard-grid{width:min(1080px,calc(100% - 48px));justify-self:center}.content-page-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:42px 0 18px}.content-page-hero h1{margin:0;color:var(--ink-strong);font-size:30px;line-height:1.2}.content-page-hero p,.content-auth-card p,.content-section-header p,.template-card-body p,.workflow-dashboard-card p,.content-empty-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.content-page-hero>div,.content-section-header>div{display:grid;gap:6px;min-width:0}.content-auth-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1080px,calc(100% - 48px));justify-self:center;margin-bottom:18px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated)}.content-auth-card strong,.content-empty-card strong{color:var(--ink-strong);font-size:14px}.content-section{display:grid;gap:16px;padding:10px 0 56px}.content-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.content-section-header h2{margin:0;color:var(--ink-strong);font-size:18px}.template-category-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 18px}.template-category-tabs button{min-height:32px;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface-elevated);color:var(--muted);font-size:13px;font-weight:700}.template-category-tabs button.active,.template-category-tabs button:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.template-card-grid,.asset-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding-bottom:60px}.template-card,.asset-card,.workflow-dashboard-card,.content-empty-card{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated)}.template-card-preview{display:grid;min-height:150px;place-items:center;color:#fff;font-size:28px;font-weight:800}.tone-blue{background:linear-gradient(135deg,#1d4ed8,#7dd3fc)}.tone-green{background:linear-gradient(135deg,#047857,#86efac)}.tone-purple{background:linear-gradient(135deg,#6d28d9,#c4b5fd)}.tone-rose{background:linear-gradient(135deg,#be123c,#fda4af)}.tone-amber{background:linear-gradient(135deg,#b45309,#fbbf24)}.template-card-body,.asset-card-body{display:grid;gap:9px;padding:14px}.template-card-body strong,.asset-card-body strong,.workflow-dashboard-card strong{color:var(--ink-strong);font-size:15px}.template-card-body dl{display:grid;gap:7px;margin:0}.template-card-body dl>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px}.template-card-body dt,.template-card-body dd{margin:0;color:var(--muted);font-size:12px}.template-card-body dt{font-weight:800}.template-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.asset-preview{display:grid;min-height:160px;place-items:center;background-color:var(--surface-soft);background-position:center;background-size:cover;color:var(--muted);font-size:14px;font-weight:800}.asset-card-body small,.asset-card-body span{color:var(--muted);font-size:12px}.content-empty-card{display:grid;gap:10px;grid-column:1 / -1;justify-items:start;padding:22px}.workflow-dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;padding:0 0 20px}.workflow-dashboard-card{display:grid;align-content:start;gap:10px;min-height:190px;padding:18px}.workflow-dashboard-card.primary{border-color:color-mix(in srgb,var(--primary) 46%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 75%,transparent),var(--surface-elevated))}.workflow-dashboard-card>span{justify-self:start;padding:3px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}.workflow-template-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-template-center .template-category-tabs,.workflow-template-center .template-card-grid{width:100%;justify-self:stretch}.workflow-template-center .template-category-tabs{padding:0}.workflow-template-center .template-card-grid{padding-bottom:0}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;align-items:stretch}.project-grid.is-empty{grid-template-columns:210px minmax(0,1fr)}.new-project-card,.project-card{min-width:0;border-radius:12px;color:var(--ink-strong);text-align:left}.new-project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:178px;border:1.5px dashed var(--border-strong);background:var(--surface-inset);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.new-project-card:hover{border-color:var(--primary);background:var(--primary-soft)}.new-project-icon{color:var(--muted-weak);font-size:28px;line-height:1}.new-project-card strong{color:var(--ink-strong);font-size:14px;font-weight:600}.project-card{position:relative;display:flex;flex-direction:column;gap:0;cursor:pointer;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--surface-elevated);transition:box-shadow .18s ease,transform .18s ease}.project-card:hover{box-shadow:0 6px 24px var(--shadow-soft);transform:translateY(-2px)}.project-cover{width:100%;aspect-ratio:4 / 3;background-color:var(--surface-soft);background-position:center;background-size:cover;background-repeat:no-repeat;flex-shrink:0;position:relative}.project-cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:600}.project-cover-placeholder svg{color:var(--border-strong)}.project-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.project-title-text{font-size:14px;font-weight:600;color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-delete{position:absolute;top:8px;right:8px;z-index:2;display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--muted);opacity:0;box-shadow:var(--shadow-soft);transition:opacity .16s ease,background .16s ease,color .16s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover .project-card-delete,.project-card:focus-within .project-card-delete{opacity:1}.project-card-delete:hover{background:var(--danger-soft);color:var(--danger)}.project-preview{display:block;width:100%;aspect-ratio:4 / 3;background-position:center;background-size:cover;background-color:var(--surface-soft)}.project-card strong{padding:0;font-size:14px}.project-card small{padding:0;color:var(--muted);font-size:12px}.project-card-skeleton{width:100%;aspect-ratio:4 / 3;border-radius:8px;background:linear-gradient(90deg,var(--surface-soft) 25%,var(--surface-elevated) 50%,var(--surface-soft) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-projects-error{display:flex;align-items:center;gap:12px;padding:16px;color:var(--muted);font-size:14px}.home-projects-error button{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated);color:var(--ink);font-size:13px;cursor:pointer}.scene-chips{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;max-width:100%}.scene-chips button{min-height:30px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-elevated);color:var(--ink);font-size:13px;transition:border-color .15s,background .15s}.scene-chips button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}.projects-empty{display:grid;justify-items:center;gap:8px;min-height:168px;padding:28px 20px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--muted);font-size:14px;text-align:center}.projects-empty svg{color:var(--primary)}.projects-empty strong{color:var(--ink-strong);font-size:14px;font-weight:700}.projects-empty p{margin:0;max-width:420px;line-height:1.6}.projects-error{display:flex;align-items:center;gap:12px;padding:16px;color:var(--muted);font-size:14px}.retry-button{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated);color:var(--ink);font-size:13px;cursor:pointer}.project-view{display:grid;grid-template-columns:268px minmax(0,1fr) 400px;height:100vh;min-width:0}.left-drawer{min-width:0;overflow:hidden;background:var(--surface-elevated)}.left-drawer{display:grid;grid-template-rows:auto auto minmax(0,1fr);border-right:1px solid var(--border)}.drawer-header{justify-content:space-between;padding:18px 16px 12px}.drawer-header h2{margin:0;font-size:17px}.drawer-header button{color:var(--muted);font-size:20px}.drawer-switch{gap:6px;padding:0 16px 12px}.drawer-switch button{min-height:30px;padding:0 12px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700}.drawer-switch button.active{background:var(--surface-hover);color:var(--ink-strong)}.drawer-section,.generated-list{min-height:0;padding:12px 16px 18px}.drawer-section{display:flex;flex-direction:column;gap:8px;overflow:hidden}.drawer-section h3{margin:4px 0 14px;font-size:14px}.empty-history{display:grid;justify-items:center;gap:12px;padding:34px 0 28px;color:var(--muted-weak);font-size:13px}.layer-empty-state small{display:inline-flex;gap:8px}.layer-empty-state small button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid var(--border, var(--border));border-radius:9px;background:var(--surface-elevated);color:var(--text-secondary);font-size:12px;font-weight:700}.empty-history div{width:64px;height:46px;background:linear-gradient(135deg,var(--border) 48%,transparent 49%),var(--surface-soft);clip-path:polygon(0 100%,34% 35%,50% 62%,72% 18%,100% 100%)}.layer-list,.generated-list{display:grid;gap:8px}.generated-list{overflow:auto;overflow-x:hidden}.layer-list{flex:1 1 auto;align-content:start;min-height:220px;overflow:auto;padding-right:2px}.layer-row,.generated-file-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;color:var(--ink);text-align:left}.layer-row.is-group{border-color:var(--border);background:var(--surface-elevated)}.layer-row.is-group .layer-thumb-fallback{border-color:var(--primary-ring);background:var(--primary-soft);color:var(--primary)}.layer-row.is-group-child{margin-left:18px;width:calc(100% - 18px);background:var(--surface-soft)}.layer-row.is-group-child:before{content:"";position:absolute;left:-10px;top:-8px;bottom:50%;width:10px;border-bottom:1px solid var(--border-strong);border-left:1px solid var(--border-strong);border-bottom-left-radius:6px;pointer-events:none}.layer-row .layer-thumb-fallback,.smart-thumb{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:11px;font-weight:800}.smart-thumb{overflow:hidden;background:var(--surface-soft)}.smart-thumb img{width:100%;height:100%;object-fit:cover}.smart-thumb span{display:grid;place-items:center;width:100%;height:100%}.layer-thumb{width:34px;height:34px}.layer-main{display:grid;min-width:0;gap:3px}.layer-main em{overflow:hidden;color:var(--muted-weak);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.layer-row strong,.generated-list strong,.generated-file-row strong{overflow:hidden;font-size:14px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.generated-file-main{display:grid;min-width:0;gap:3px}.generated-file-main em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.file-thumb{width:48px;height:48px;border-radius:8px}.generated-list small{display:flex;gap:4px;color:var(--muted);font-size:15px}.generated-list small button{min-width:24px;min-height:24px;border-radius:6px;background:var(--border-subtle);color:var(--muted);font-size:11px}.canvas-area{display:grid;grid-template-rows:52px minmax(0,1fr);position:relative;z-index:1;min-width:0;background:var(--surface-soft)}.project-topbar{justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--border);background:var(--surface-elevated)}.project-title{gap:10px;min-width:0;flex:0 1 auto}.project-title strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.cloud-sync-wrap{position:relative;display:inline-flex;flex:0 0 auto}.cloud-sync-trigger{display:inline-flex;height:26px;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.cloud-sync-trigger:hover{transform:translateY(-1px)}.cloud-sync-trigger.is-synced{border-color:#22c55e52;color:#15803d}.cloud-sync-trigger.is-syncing{border-color:#2563eb57;color:#2563eb}.cloud-sync-trigger.is-failed,.cloud-sync-trigger.is-conflict{border-color:#dc262652;color:var(--danger)}.cloud-sync-trigger.is-login,.cloud-sync-trigger.is-local{border-color:#f59e0b61;color:#b45309}.cloud-sync-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:420;width:236px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface-elevated);box-shadow:var(--shadow-strong)}.cloud-sync-popover:before{position:absolute;top:-6px;left:22px;width:10px;height:10px;border-top:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface-elevated);content:"";transform:rotate(45deg)}.cloud-sync-popover header{display:flex;align-items:center;gap:8px;color:var(--text)}.cloud-sync-popover p{margin:8px 0;color:var(--muted);font-size:12px;line-height:1.55}.cloud-sync-popover small{display:block;margin-bottom:10px;color:var(--danger);font-size:12px}.cloud-sync-popover button{width:100%;height:30px;border:0;border-radius:10px;background:var(--text);color:var(--surface-elevated);font-weight:800;cursor:pointer}.plain-icon{width:22px;height:22px;color:var(--muted);font-size:14px}.canvas-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 44%,var(--surface-glass),transparent 36%),var(--surface-inset)}.leafer-host{width:100%;height:100%;position:relative;overflow:hidden}.canvas-wheel-guide{position:absolute;top:14px;left:50%;z-index:20;max-width:min(360px,calc(100% - 32px));padding:7px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-glass-strong);color:var(--text-secondary);font-size:12px;font-weight:760;line-height:1.2;text-align:center;box-shadow:var(--shadow-soft);opacity:.78;pointer-events:none;transform:translate(-50%);transition:border-color .16s ease,color .16s ease,opacity .16s ease}.canvas-wheel-guide.active{border-color:var(--primary-ring);color:var(--primary-strong);opacity:1}.canvas-drawing-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;width:100%;height:100%;overflow:visible;pointer-events:none}.canvas-drawing-preview rect{fill-opacity:.34}.canvas-text-inline-editor{position:absolute;z-index:12;box-sizing:border-box;padding:0;border:0;outline:0;background:transparent;box-shadow:none;font-family:Arial,Microsoft YaHei,sans-serif;font-weight:600;line-height:1.2;overflow:hidden;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;caret-color:var(--primary);pointer-events:auto}.canvas-text-inline-editor:focus{box-shadow:none}.pending-image-preview{position:absolute;z-index:68;display:grid;place-items:center;align-content:center;gap:8px;min-width:120px;min-height:90px;overflow:hidden;border:1px solid var(--primary);border-radius:8px;background:linear-gradient(135deg,var(--surface-glass),var(--primary-soft)),repeating-linear-gradient(45deg,var(--primary-ring) 0 10px,var(--primary-ring) 10px 20px);color:var(--primary);text-align:center;box-shadow:0 16px 40px var(--shadow-menu);pointer-events:none}.pending-image-preview:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(90deg,transparent,var(--surface-glass),transparent);animation:pending-image-sweep 1.35s linear infinite}.pending-image-preview span{position:relative;width:34px;height:34px;border:3px solid var(--primary-ring);border-top-color:var(--info);border-radius:50%;animation:pending-image-spin .9s linear infinite}.pending-image-preview strong,.pending-image-preview small{position:relative;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-image-preview strong{font-size:13px;font-weight:800}.pending-image-preview small{color:var(--text-secondary);font-size:12px}@keyframes pending-image-spin{to{transform:rotate(360deg)}}@keyframes pending-image-sweep{0%{transform:translate(-55%) rotate(12deg)}to{transform:translate(55%) rotate(12deg)}}.canvas-empty-guide{position:absolute;right:0;left:0;top:47%;z-index:8;display:grid;justify-items:center;gap:10px;width:min(380px,calc(100% - 64px));margin:0 auto;padding:20px 22px 18px;border:none;border-radius:0;background:none;box-shadow:none;transform:translateY(-50%);color:var(--ink);text-align:center;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}.empty-canvas-frame{display:none}.canvas-empty-guide:before{content:"";width:34px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--primary) 62%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-soft) 74%,transparent)}.canvas-empty-guide strong{color:var(--ink-strong);font-size:15px;font-weight:720;letter-spacing:0}.canvas-empty-guide p{max-width:300px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.canvas-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.canvas-empty-guide button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);color:var(--ink);font-size:12px;font-weight:620;box-shadow:none;pointer-events:auto}.canvas-empty-guide button:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--primary-tint);color:var(--primary)}.canvas-empty-guide button:focus{outline:none}.canvas-empty-guide button:focus-visible{border-color:color-mix(in srgb,var(--primary) 46%,var(--border));box-shadow:0 0 0 3px var(--primary-ring)}@media (min-width: 1181px){.canvas-empty-guide{right:400px}}.floating-toolbar{position:absolute;z-index:240;left:50%;bottom:20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;min-height:48px;max-width:calc(100% - 28px);overflow:visible;padding:6px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:0 10px 28px var(--shadow-card);transform:translate(-50%)}.floating-toolbar::-webkit-scrollbar{display:none}.floating-toolbar button{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--ink);font-size:14px;font-weight:740}.floating-toolbar button:hover,.floating-toolbar button.active{background:var(--ink-strong);color:var(--text-on-strong)}.toolbar-more-details,.drawing-options{position:relative}.drawing-options>button{position:relative}.drawing-color-dot{position:absolute;right:5px;bottom:5px;width:8px;height:8px;border:1px solid var(--border-inverse-alpha);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-popover);pointer-events:none}.drawing-options-popover{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:260;display:grid;gap:10px;width:248px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-popover);transform:translate(-50%)}.drawing-options-popover>label{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;font-weight:760}.drawing-options-popover input[type=range]{width:100%}.drawing-options-popover em{min-width:18px;color:var(--muted);font-size:12px;font-style:normal;text-align:right}.drawing-swatch-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.drawing-swatch-row button{width:24px;height:24px;border:1px solid var(--border-strong);border-radius:50%}.drawing-swatch-row button.active{outline:2px solid var(--primary);outline-offset:2px}.toolbar-more-summary{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--ink-strong);cursor:pointer;list-style:none}.toolbar-more-summary.active,.toolbar-more-summary:hover{background:var(--ink-strong);color:var(--text-on-strong)}.project-menu-wrap{position:relative;display:inline-flex}.voice-button{border-radius:50%;background:var(--ink-strong);color:var(--text-on-strong)!important}.selected-image-meta{position:absolute;z-index:284;display:inline-flex;gap:18px;align-items:center;color:var(--info);font-size:12px;font-weight:700;pointer-events:none}.selected-image-meta em{font-style:normal;font-weight:600}.selected-image-follow-toolbar{position:absolute;z-index:285;display:flex;flex-wrap:nowrap;align-items:center;gap:2px;max-width:min(620px,calc(100% - 24px));min-height:40px;padding:4px 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface-modal);box-shadow:var(--shadow-card);transform:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.selected-image-follow-toolbar>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:3px;height:30px;padding:0 8px;border-radius:8px;color:var(--ink-strong);font-size:13px;font-weight:500;white-space:nowrap}.selected-image-follow-toolbar>button svg{flex:0 0 auto}.selected-image-follow-toolbar>button:disabled{color:var(--muted-weak);cursor:not-allowed;opacity:.48}.selected-image-follow-toolbar>button:hover,.toolbar-more-button{background:var(--surface-hover)}.selected-image-follow-toolbar small{color:var(--muted-weak);font-size:10px;font-weight:500}.selection-action-toolbar{position:absolute;z-index:286;display:inline-flex;flex-wrap:nowrap;align-items:center;gap:2px;min-height:40px;max-width:min(680px,calc(100% - 24px));padding:4px 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface-modal);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.selection-action-toolbar>button,.selected-image-follow-toolbar>button.download-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;height:30px;padding:0 9px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:500;line-height:1;white-space:nowrap}.selection-action-toolbar>button:hover,.selected-image-follow-toolbar>button.download-trigger:hover{background:var(--surface-hover)}.selection-action-toolbar>button:disabled{color:var(--muted-weak);cursor:not-allowed;opacity:.52}.selection-action-toolbar .icon-only{width:32px;padding:0}.selection-toolbar-divider{width:1px;height:32px;margin:0 4px;background:var(--border-subtle)}.selection-action-toolbar .download-trigger,.selected-image-follow-toolbar>button.download-trigger{gap:2px;min-width:44px;padding:0 7px}.selected-object-follow-toolbar{position:absolute;z-index:285;display:inline-flex;align-items:center;gap:4px;max-width:min(460px,calc(100% - 24px));min-height:40px;padding:4px 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface-modal);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.selected-object-follow-toolbar .color-picker-control{flex:0 0 auto}.selected-object-follow-toolbar .color-picker-icon-trigger{width:32px;height:32px;border-radius:8px;box-shadow:none}.text-toolbar-divider{width:1px;height:32px;margin:0 4px;background:var(--border-subtle)}.text-toolbar-select,.text-toolbar-number{position:relative;display:inline-flex;height:32px;align-items:center;gap:8px;padding:0 8px 0 12px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:500;white-space:nowrap}.text-toolbar-select:hover,.text-toolbar-number:hover{background:var(--surface-hover)}.text-toolbar-select select,.text-toolbar-number input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.text-toolbar-select span{display:block;max-width:126px;overflow:hidden;text-overflow:ellipsis}.text-toolbar-select.is-weight span{max-width:72px}.text-toolbar-number{min-width:62px}.text-toolbar-number input{cursor:text}.text-toolbar-number input+svg{margin-left:auto}.selected-object-follow-toolbar strong{display:inline-flex;max-width:148px;height:30px;align-items:center;gap:6px;overflow:hidden;padding:0 9px 0 6px;color:var(--text-secondary);font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.selected-object-follow-toolbar button{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:var(--ink);font-size:13px;font-weight:500}.selected-object-follow-toolbar.is-text{max-width:min(560px,calc(100% - 24px))}.selected-object-follow-toolbar button.text-primary{display:inline-flex;width:auto;min-width:82px;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:var(--ink-strong)}.selected-object-follow-toolbar button:hover{background:var(--surface-hover)}.selected-object-follow-toolbar button.danger{color:var(--danger)}.image-quick-edit-box{position:absolute;top:42px;left:0;z-index:92;display:grid;grid-template-columns:minmax(180px,1fr) minmax(148px,auto) auto;align-items:center;gap:6px;width:min(520px,calc(100vw - 48px));padding:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);box-shadow:0 22px 54px var(--shadow-popover)}.image-quick-edit-box input{min-width:0;height:32px;border:1px solid var(--border);border-radius:8px;padding:0 10px;font-size:13px}.image-quick-edit-box select{height:32px;max-width:176px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text-secondary);font-size:12px;font-weight:600}.image-quick-edit-box button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:8px;background:var(--ink-strong);color:var(--text-on-strong);font-size:12px;font-weight:700}.image-quick-edit-box button:disabled{background:var(--border);color:var(--muted-weak);cursor:not-allowed}.image-bounds-box{position:absolute;z-index:286;min-width:18px;min-height:18px;border:2px solid var(--info);background:var(--primary-ring);box-shadow:0 0 0 9999px var(--shadow-popover)}.image-bounds-box.is-expand{border-style:dashed;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--info) 12%,transparent) 0 8px,transparent 8px 16px),var(--surface-glass);box-shadow:0 16px 42px var(--shadow-menu)}.image-bounds-source{position:absolute;border:1px solid color-mix(in srgb,var(--info) 58%,transparent);background:color-mix(in srgb,var(--surface-elevated) 28%,transparent);box-shadow:0 0 0 1px var(--border-inverse-alpha);pointer-events:none}.image-bounds-move{position:absolute;top:14px;right:14px;bottom:14px;left:14px;cursor:move;background:transparent}.image-bounds-handle{position:absolute;z-index:2;width:14px;height:14px;border:2px solid var(--border-inverse-alpha);border-radius:50%;background:var(--info);box-shadow:var(--shadow-modal)}.image-bounds-box.is-expand .image-bounds-handle{border-color:var(--surface-elevated);background:var(--info)}.image-bounds-box.is-expand .image-bounds-handle.is-n,.image-bounds-box.is-expand .image-bounds-handle.is-s{width:min(72px,36%);height:10px;border-radius:999px}.image-bounds-box.is-expand .image-bounds-handle.is-e,.image-bounds-box.is-expand .image-bounds-handle.is-w{width:10px;height:min(72px,36%);border-radius:999px}.image-bounds-box.is-expand .image-bounds-handle.is-nw,.image-bounds-box.is-expand .image-bounds-handle.is-ne,.image-bounds-box.is-expand .image-bounds-handle.is-sw,.image-bounds-box.is-expand .image-bounds-handle.is-se{width:16px;height:16px;border-radius:5px}.image-bounds-handle.is-n,.image-bounds-handle.is-s{left:50%;transform:translate(-50%);cursor:ns-resize}.image-bounds-handle.is-e,.image-bounds-handle.is-w{top:50%;transform:translateY(-50%);cursor:ew-resize}.image-bounds-handle.is-n{top:-8px}.image-bounds-handle.is-s{bottom:-8px}.image-bounds-handle.is-e{right:-8px}.image-bounds-handle.is-w{left:-8px}.image-bounds-handle.is-nw,.image-bounds-handle.is-ne,.image-bounds-handle.is-sw,.image-bounds-handle.is-se{width:16px;height:16px}.image-bounds-handle.is-nw{top:-9px;left:-9px;cursor:nwse-resize}.image-bounds-handle.is-ne{top:-9px;right:-9px;cursor:nesw-resize}.image-bounds-handle.is-sw{bottom:-9px;left:-9px;cursor:nesw-resize}.image-bounds-handle.is-se{right:-9px;bottom:-9px;cursor:nwse-resize}.image-bounds-panel{position:absolute;z-index:287;display:flex;align-items:center;gap:6px;max-width:min(680px,calc(100% - 24px));min-height:40px;padding:6px;border:1px solid var(--border);border-radius:9px;background:var(--surface-menu);box-shadow:var(--shadow-popover)}.image-bounds-panel strong{padding:0 6px;color:var(--ink-strong);font-size:13px;white-space:nowrap}.image-bounds-panel input,.image-bounds-panel select{height:30px;min-width:0;border:1px solid var(--border);border-radius:7px;background:var(--surface-elevated);color:var(--text-secondary);font-size:12px}.image-bounds-panel input{width:238px;padding:0 9px}.image-bounds-panel select{max-width:172px}.image-bounds-panel button{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}.image-bounds-panel button.primary{background:var(--ink-strong);color:var(--text-on-strong)}.image-bounds-panel button:disabled{color:var(--muted-weak);cursor:not-allowed}.image-bounds-panel.is-expand{display:grid;grid-template-columns:auto minmax(190px,1fr) minmax(132px,auto) auto auto;width:min(540px,calc(100% - 24px));min-height:44px;padding:7px;border-radius:10px;background:var(--surface-elevated);box-shadow:0 22px 54px var(--shadow-popover)}.image-bounds-panel.is-expand input{width:auto;height:32px;padding:0 10px;font-size:13px}.image-bounds-panel.is-expand select{height:32px;max-width:160px}.image-bounds-panel.is-expand button{height:32px}.image-bounds-panel.is-expand button.primary{gap:4px}.image-toolbar-menu{position:absolute;top:40px;right:16px;z-index:85;display:grid;gap:3px;width:154px;padding:7px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.image-toolbar-menu button{display:flex;align-items:center;gap:9px;min-height:32px;padding:0 8px;border-radius:7px;color:var(--ink-strong);font-size:13px;font-weight:400;text-align:left}.image-toolbar-menu button:hover{background:var(--surface-hover)}.image-toolbar-menu i{height:1px;margin:4px 2px;background:var(--border)}.toolbar-customizer{position:absolute;top:52px;right:0;z-index:90;width:min(700px,calc(100vw - 48px));padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated);box-shadow:0 28px 72px var(--shadow-modal)}.toolbar-customizer header,.toolbar-customizer footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.toolbar-customizer header strong{font-size:18px}.toolbar-customizer header p{margin:4px 0 0;color:var(--muted);font-size:13px}.toolbar-customizer-preview{display:flex;gap:8px;overflow:hidden;margin:18px 0 16px;padding:20px;border-radius:12px;background:linear-gradient(135deg,var(--info-soft),var(--primary-soft))}.toolbar-customizer-preview span{display:inline-flex;height:34px;align-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-glass-strong);padding:0 10px;white-space:nowrap;font-size:13px}.toolbar-customizer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toolbar-customizer-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 9px;border:1px solid var(--border);border-radius:8px;font-size:13px}.toolbar-customizer-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-customizer-item small{display:flex;gap:2px}.toolbar-customizer-item button,.toolbar-customizer footer button{min-width:24px;height:24px;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated)}.toolbar-customizer-item button.pinned{border-color:var(--primary-ring);background:var(--primary-soft);color:var(--primary)}.toolbar-customizer footer{margin-top:16px}.toolbar-customizer footer label{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.toolbar-customizer footer button{height:34px;padding:0 14px}.toolbar-customizer footer button.primary{border-color:var(--ink-strong);background:var(--ink-strong);color:var(--text-on-strong)}.model-pref-trigger{width:30px;min-width:30px!important;height:30px!important;border-radius:9px;background:var(--surface-hover);color:var(--text-secondary)!important}.model-pref-wrap{position:relative;display:inline-flex}.model-pref-trigger{display:inline-flex!important;align-items:center;gap:6px;min-width:auto!important;padding:0 10px;border-radius:999px;background:var(--surface-hover);color:var(--surface-soft);font-size:13px!important}.model-pref-trigger{width:30px;min-width:30px!important;padding:0}.model-pref-popover{position:absolute;right:0;bottom:calc(100% + 10px);z-index:190;display:grid;gap:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:0 22px 54px var(--shadow-menu)}.model-pref-popover{position:fixed;right:22px;bottom:92px;width:340px;max-width:calc(100vw - 112px);max-height:min(430px,calc(100vh - 170px));overflow:auto;padding:14px}.model-pref-popover header{display:flex;align-items:center;justify-content:space-between}.model-pref-popover header label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.model-pref-popover header label button{position:relative;width:42px;height:24px;border-radius:999px;background:var(--border)}.model-pref-popover header label button span{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:var(--surface-elevated);transition:left .16s ease}.model-pref-popover header label button.active{background:var(--ink-strong)}.model-pref-popover header label button.active span{left:22px}.model-pref-popover nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:12px 0;padding:4px;border-radius:11px;background:var(--surface-hover)}.model-pref-popover nav button{height:32px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700}.model-pref-popover nav button.active{background:var(--surface-elevated);color:var(--ink-strong);box-shadow:var(--shadow-soft)}.model-pref-option{display:flex!important;justify-content:space-between;align-items:flex-start;width:100%;height:auto!important;min-height:70px;padding:10px;border-radius:12px;text-align:left}.model-pref-option:hover,.model-pref-option.selected{background:var(--primary-soft)}.model-pref-option span{display:grid;gap:3px}.model-pref-option strong{font-size:13px}.model-pref-option small{color:var(--muted);font-size:12px}.model-pref-option em{width:max-content;border-radius:5px;background:var(--surface-hover);color:var(--muted);padding:2px 6px;font-size:11px;font-style:normal}.model-pref-option:not(.selected) b{visibility:hidden}.video-ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.video-ratio-grid button{height:34px;border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);font-size:12px}.video-ratio-grid button.active{border-color:var(--primary-ring);background:var(--primary-soft);color:var(--primary)}.generated-list-lovart{align-content:start;gap:8px;padding-right:10px}.lovart-file-row{grid-template-columns:48px minmax(0,1fr) auto;min-height:62px;border-radius:10px;align-items:center}.lovart-file-row .file-thumb{width:48px;height:48px}.lovart-file-row small{grid-column:auto;align-items:center;justify-content:flex-end;margin-top:0}.lovart-file-row small button{width:26px;height:26px;min-width:26px;min-height:26px}@media (max-width: 1500px){.project-topbar{min-width:0}.project-actions{min-width:0;overflow:hidden}.status-pill{max-width:128px}}@media (max-width: 860px){.project-view{grid-template-columns:240px minmax(0,1fr)}.project-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 760px){body{overflow:hidden}.app-shell{grid-template-columns:minmax(0,1fr);min-height:100vh;height:100vh}.home-view{padding:0}.home-hero{padding:28px 18px 24px}.home-hero-title,.home-hero-sub{max-width:none;text-align:center}.prompt-label-row{align-items:flex-start;flex-direction:column;gap:4px}.prompt-footer{align-items:flex-start;flex-direction:column}.prompt-left-actions,.prompt-right-actions{width:100%}.prompt-right-actions{justify-content:space-between}.recent-section{width:calc(100% - 36px);padding:18px 0 40px}.creation-intents{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-home-primary{width:100%}.content-page-hero,.content-section,.template-category-tabs,.template-card-grid,.asset-card-grid,.workflow-dashboard-grid,.content-auth-card{width:calc(100% - 36px)}.content-page-hero,.content-auth-card,.content-section-header{align-items:flex-start;flex-direction:column}.workflow-dashboard-grid,.workflow-template-list{grid-template-columns:minmax(0,1fr)}.recent-header{align-items:flex-start;flex-direction:column}.recent-header-actions{width:100%;justify-content:space-between}.home-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:12px 18px}.home-main-nav{grid-column:1 / -1;order:3;justify-self:stretch;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.home-main-nav::-webkit-scrollbar{display:none}.home-brand{min-width:72px}.home-brand small{display:none}.account-actions{justify-content:end;gap:6px}.home-topbar .credit-button,.home-topbar .upgrade-button{width:34px;min-width:34px;padding:0;overflow:hidden;font-size:0}.home-topbar .credit-button svg,.home-topbar .upgrade-button svg{flex:0 0 auto}.prompt-box{border-radius:12px}.project-grid{grid-template-columns:repeat(2,1fr)}.project-grid.is-empty{grid-template-columns:1fr}.project-view{grid-template-columns:232px minmax(0,1fr);height:100vh}.left-drawer{display:grid}.drawer-header,.drawer-section,.generated-list,.history-list,.drawer-switch{padding-inline:12px}.drawer-switch button{padding-inline:4px}.floating-toolbar{bottom:12px;max-width:calc(100vw - 96px);overflow-x:auto}}.new-project-card strong{color:var(--ink-strong);font-size:14px}.status-pill{max-width:360px;overflow:hidden;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-pill.error{border-color:var(--danger-soft);color:var(--danger)}.drawer-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.drawer-actions button{min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:var(--ink);font-size:12px;font-weight:700}.drawer-search{display:grid;gap:4px;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:700}.drawer-search input{height:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface-inset);color:var(--ink-strong);padding:0 10px;outline:none}.drawer-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.inspector-panel{flex:0 1 36vh;display:grid;gap:10px;max-height:36vh;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated)}.inspector-panel header{display:flex;align-items:center;justify-content:space-between}.inspector-panel header strong{color:var(--ink-strong);font-size:13px}.inspector-panel header small{color:var(--muted);font-size:11px}.field-grid,.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field-grid label,.style-grid label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.field-grid input,.style-grid input,.style-grid select{width:100%;min-width:0;height:32px;border:1px solid var(--border);border-radius:7px;background:var(--surface-inset);color:var(--ink-strong);padding:0 8px;outline:none}.style-grid input[type=color]{padding:3px}.color-picker-control{position:relative;min-width:0}.color-picker-field{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.drawing-options-popover .color-picker-field{grid-template-columns:42px minmax(0,1fr) 78px;align-items:center;gap:8px;font-size:12px;font-weight:760}.color-picker-trigger{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px;width:100%;min-width:0;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface-inset);color:var(--text-secondary)}.color-picker-trigger b,.color-picker-icon-trigger span{width:14px;height:14px;border:1px solid var(--surface-glass-strong);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-popover)}.color-picker-trigger em{overflow:hidden;color:var(--ink-strong);font-size:11px;font-style:normal;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.color-picker-inline-input{width:100%;min-width:0;height:32px;border:1px solid var(--border);border-radius:7px;background:var(--surface-inset);color:var(--ink-strong);padding:0 8px;font:inherit;outline:none}.style-grid .color-picker-control{min-width:0}.history-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto;padding:12px 16px 18px}.history-list>button{display:grid;gap:4px;width:100%;min-height:44px;padding:10px;border-radius:8px;background:var(--surface-soft);color:var(--ink);text-align:left}.history-list small{color:var(--muted-weak);font-size:12px}.layer-row.selected{background:var(--primary-soft)}.layer-row small{display:flex;gap:4px}.layer-row small button{min-width:24px;min-height:24px;border-radius:6px;background:var(--border-subtle);color:var(--muted);font-size:11px}.file-thumb{background:linear-gradient(135deg,var(--primary-soft),var(--danger-soft)),var(--border-subtle)}.message{max-width:92%;min-width:0;margin-bottom:12px}.message p{max-width:100%;margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-soft);overflow-wrap:anywhere;white-space:pre-wrap}.message.user{max-width:calc(100% - 28px);margin-left:auto;margin-right:4px}.message.user p{background:var(--ink-strong);color:var(--text-on-strong)}.message.system p{color:var(--muted);font-size:13px}body,.app-shell{background:var(--bg-app)}.credit-button,.upgrade-button,.topbar-command{display:inline-flex;align-items:center;justify-content:center;gap:6px}.project-view{grid-template-columns:292px minmax(0,1fr) 400px}.project-view.drawer-collapsed{grid-template-columns:minmax(0,1fr) 400px}.project-view.agent-collapsed{grid-template-columns:292px minmax(0,1fr)}.project-view.drawer-collapsed.agent-collapsed{grid-template-columns:minmax(0,1fr)}.drawer-restore{position:fixed;z-index:170;left:60px;top:64px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);color:var(--ink);box-shadow:var(--shadow-soft)}.left-drawer{border-right-color:var(--border);box-shadow:1px 0 0 var(--border-subtle)}.drawer-header h2{color:var(--ink);font-size:17px;font-weight:780}.drawer-header button,.plain-icon{width:30px;height:30px;border-radius:9px}.drawer-header button:hover,.plain-icon:hover{background:var(--surface-soft);color:var(--ink-strong)}.drawer-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.drawer-switch button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:30px;padding-inline:6px;border-radius:9px;font-size:12px;line-height:1;white-space:nowrap}.drawer-switch button svg{width:13px;height:13px;flex:0 0 auto}.drawer-switch button.active{background:var(--ink-strong);color:var(--text-on-strong)}.layer-createbar,.layer-quickbar{display:flex;flex-wrap:wrap;gap:6px}.layer-createbar{padding-bottom:2px}.layer-quickbar{position:sticky;top:0;z-index:4;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:2px;padding:4px;border:1px solid var(--border);border-radius:9px;background:var(--surface-glass-strong);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin}.layer-order-tools{display:inline-flex;gap:1px;padding:1px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft)}.drawer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-color:var(--border);border-radius:9px;background:var(--surface-elevated);transition:background .16s ease,border-color .16s ease,transform .16s ease}.drawer-actions button:hover:not(:disabled){border-color:var(--primary-ring);background:var(--primary-tint);transform:translateY(-1px)}.layer-quickbar button{flex:0 0 auto;width:22px;min-width:22px;min-height:24px;padding:0;font-size:12px}.layer-quickbar .danger{color:var(--danger)}.layer-row,.generated-file-row{min-height:48px;padding:6px;border:1px solid transparent;border-radius:10px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.layer-row:hover,.generated-file-row:hover{border-color:var(--border);background:var(--surface-inset)}.layer-row .layer-thumb-fallback{border-color:var(--border);border-radius:8px;background:var(--surface-soft)}.layer-row.selected{border-color:var(--primary-ring);background:var(--primary-soft)}.layer-row small button,.generated-list small button{display:grid;place-items:center}.inspector-group{display:grid;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.inspector-group summary{cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:780;list-style-position:outside}.project-topbar{padding:0 16px;border-bottom-color:var(--border);background:var(--surface-modal);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.project-actions{flex:0 1 auto;min-width:0;gap:6px;overflow:visible}.topbar-command{min-height:32px;max-width:74px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);color:var(--ink);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease}.topbar-command.icon-only{width:32px;padding:0}.theme-toggle-button{flex:0 0 auto}.topbar-command.theme-toggle-button,.credit-button.theme-toggle-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:10px}.theme-toggle-button svg{flex:0 0 auto}.points-command{max-width:88px}.points-command svg{color:var(--primary)}.membership-command{max-width:104px;min-width:78px;border-color:var(--primary);background:var(--primary);color:var(--text-on-strong)}.topbar-command.membership-command:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:var(--text-on-strong)}.project-account-wrap{position:relative;display:inline-flex}.account-command{max-width:78px}.topbar-command:hover:not(:disabled){border-color:var(--primary-ring);background:var(--primary-tint);transform:translateY(-1px)}.topbar-menu{z-index:360;width:190px}.topbar-menu.account-menu{width:196px}.topbar-menu hr{width:100%;height:1px;margin:4px 0;border:0}.topbar-menu button svg,.project-actions>.status-pill svg{flex:0 0 auto}.generated-file-row{grid-template-columns:48px minmax(0,1fr) 58px;align-items:center;min-height:64px}.generated-file-row small{grid-column:3;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(2,26px);gap:6px;align-self:center;justify-content:end;margin-top:0}.generated-file-row .generated-file-main{min-width:0;align-self:center}.row-meta{display:block;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.row-meta.error-text{color:var(--danger)}.mention-wrap{position:relative}.mention-popover,.skill-book-panel,.brand-kit-panel{position:absolute;right:0;bottom:52px;z-index:50;display:grid;width:min(360px,calc(100vw - 32px));max-height:420px;overflow:auto;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-elevated);box-shadow:0 18px 48px var(--shadow-popover)}.mention-popover button,.skill-book-panel button,.brand-kit-panel button{justify-content:flex-start;width:100%;min-height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated);color:var(--ink);text-align:left}.mention-popover button,.skill-book-panel button{display:grid;gap:2px}.mention-popover small,.skill-book-panel small,.skill-book-panel span,.brand-kit-panel small{color:var(--muted);font-size:11px}.skill-book-panel,.brand-kit-panel{left:12px;right:12px;width:auto}.skill-book-panel header,.brand-kit-panel header{display:flex;align-items:center;justify-content:space-between}.brand-kit-panel label{display:grid;gap:4px;color:var(--muted);font-size:12px}.brand-kit-panel input,.brand-kit-panel textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--ink)}.brand-kit-panel textarea{min-height:72px;resize:vertical}.asset-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.asset-panel-head div{display:grid;min-width:0;gap:3px}.asset-panel-head strong{color:var(--ink);font-size:13px;font-weight:760}.asset-panel-head span,.asset-panel-hint{color:var(--muted);font-size:12px}.asset-panel-head button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated);color:var(--ink);font-size:12px;font-weight:760}.asset-panel-head button:hover{border-color:var(--primary-ring);background:var(--primary-tint)}.asset-panel-hint{margin:0 0 12px;line-height:1.55}.topbar-command.danger{border-color:var(--danger-soft);color:var(--danger)}.canvas-shell{background:radial-gradient(circle at 50% 44%,var(--surface-glass),transparent 34%),linear-gradient(var(--surface-soft) 1px,transparent 1px),linear-gradient(90deg,var(--surface-soft) 1px,transparent 1px),var(--surface-inset);background-size:auto,28px 28px,28px 28px,auto}.floating-toolbar{gap:6px;border-color:var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.floating-toolbar button{border-radius:11px;transition:background .16s ease,color .16s ease,transform .16s ease}.floating-toolbar button:hover,.floating-toolbar button.active{transform:translateY(-1px)}.status-pill{border-color:var(--border);background:var(--surface-elevated)}.history-list{gap:7px}.history-list>button{position:relative;min-height:54px;padding:11px 12px 11px 34px;border:1px solid transparent;border-radius:12px;background:var(--surface-soft);transition:background .16s ease,border-color .16s ease,transform .16s ease}.history-list>button:before{position:absolute;top:14px;left:12px;width:10px;height:10px;border:3px solid var(--border);border-radius:50%;background:var(--info);content:""}.history-list>button:hover{border-color:var(--border);background:var(--primary-tint);transform:translateY(-1px)}.history-list strong{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:13px;font-weight:720;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (max-width: 860px){.project-view{grid-template-columns:292px minmax(0,1fr)}.project-actions{min-width:0}}@media (max-width: 760px){.project-view{grid-template-columns:250px minmax(0,1fr)}.project-topbar{gap:8px;padding:0 10px}.project-title{min-width:0;gap:6px}.project-title strong{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-actions{gap:5px;overflow:hidden}.topbar-command{width:32px;min-width:32px;padding:0;font-size:0}.topbar-command svg{flex:0 0 auto}.status-pill{max-width:112px;padding-inline:8px}}@media (max-width: 520px){.project-topbar{gap:6px;padding:0 8px}.project-title{flex:1 1 0;min-width:0}.project-title strong{max-width:clamp(72px,24vw,118px)}.project-actions{flex:0 0 auto;max-width:58vw;overflow-x:auto;scrollbar-width:none}.project-actions::-webkit-scrollbar{display:none}.project-menu,.topbar-menu{max-width:calc(100vw - 24px);max-height:min(70vh,520px);overflow:auto}.project-menu{left:0;right:auto}}@media (max-width: 1500px){.project-actions{min-width:0;gap:6px;overflow:visible}.status-pill{max-width:120px}}.project-actions{min-width:0;overflow:visible}@media (max-width: 1280px){.project-mode .project-view.drawer-collapsed:not(.agent-collapsed) .project-actions{left:288px;right:416px;width:auto;min-width:0}.project-mode .project-view:not(.drawer-collapsed):not(.agent-collapsed) .project-actions{left:552px;right:416px;width:auto;min-width:0}.project-mode .project-view:not(.drawer-collapsed):not(.agent-collapsed) .status-pill{display:none}.project-mode .selected-image-follow-toolbar>button{width:28px;padding:0}.project-mode .selected-image-follow-toolbar>button span,.project-mode .selected-image-follow-toolbar small{display:none}}.history-list>.history-row{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:54px;padding-left:10px}.history-list>.history-row:before{display:none}.history-dot{width:10px;height:10px;border:3px solid var(--border);border-radius:50%;background:var(--info)}.history-thumb{width:32px;height:32px}.history-main{display:grid;gap:3px;min-width:0}.history-row .history-main strong{display:block;overflow:hidden;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:unset}.history-row .history-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 860px){.project-view.drawer-collapsed,.project-view.drawer-collapsed.agent-collapsed{grid-template-columns:minmax(0,1fr)}.project-view.agent-collapsed:not(.drawer-collapsed){grid-template-columns:240px minmax(0,1fr)}.floating-toolbar{position:fixed;left:64px;bottom:16px;width:128px;max-width:calc(100vw - 88px);transform:none}}@media (max-width: 760px){.project-view.drawer-collapsed,.project-view.drawer-collapsed.agent-collapsed{grid-template-columns:minmax(0,1fr)}.project-view.agent-collapsed:not(.drawer-collapsed){grid-template-columns:232px minmax(0,1fr)}}.app-shell.project-mode{grid-template-columns:minmax(0,1fr)}.project-mode .project-view,.project-mode .project-view.drawer-collapsed,.project-mode .project-view.agent-collapsed,.project-mode .project-view.drawer-collapsed.agent-collapsed{display:block;position:relative;width:100%;height:100vh;min-width:0;overflow:hidden}.project-mode .canvas-area{display:block;width:100%;height:100%;background:transparent}.project-mode .canvas-shell{width:100%;height:100%;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 64%,var(--surface-elevated)) 0 0,transparent 32%),radial-gradient(circle at 84% 14%,var(--surface-glass) 0 0,transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 86%,var(--surface-elevated)),color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 72%,var(--surface-soft)));background-size:auto}.project-mode.canvas-grid-enabled .canvas-shell{background:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 64%,var(--surface-elevated)) 0 0,transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 86%,var(--surface-elevated)),color-mix(in srgb,var(--canvas-bg, var(--bg-app)) 72%,var(--surface-soft)));background-size:32px 32px,32px 32px,auto,auto}.project-mode .canvas-wheel-guide{top:58px}.project-mode .project-topbar{position:fixed;inset:12px auto auto 12px;z-index:230;display:contents;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.project-mode .project-title{position:fixed;top:12px;left:12px;z-index:240;display:inline-flex;min-height:40px;max-width:min(360px,calc(100vw - 480px));align-items:center;gap:8px;padding:0 12px 0 8px;border:1px solid var(--border);border-radius:18px;background:var(--surface-elevated);box-shadow:var(--shadow-soft);pointer-events:none}.project-mode .project-title button,.project-mode .project-title span,.project-mode .project-title strong{pointer-events:auto}.project-mode .project-view:not(.drawer-collapsed) .project-title{left:300px;width:240px;max-width:240px}.project-mode .project-title .plain-icon:nth-of-type(n+4){display:none}.project-mode .project-title [data-testid=crop-quarter-height-top]{display:none}.project-mode .project-actions{position:fixed;top:14px;left:700px;right:416px;z-index:360;display:inline-flex;max-width:none;justify-content:flex-end;gap:6px}.project-mode .project-view.agent-collapsed .project-actions{left:700px;right:16px;max-width:none}@media (max-width: 1280px){.project-mode .project-actions{left:auto;right:max(16px,min(416px,calc(100vw - 610px)));width:max(210px,min(360px,calc(100vw - 660px)));min-width:210px}.project-mode .project-view.agent-collapsed .project-actions{left:auto;right:16px;width:min(420px,calc(100vw - 330px))}}.project-mode .status-pill{max-width:210px;background:var(--surface-glass-strong)}.project-mode .left-drawer{position:fixed;inset:0 auto 0 0;z-index:300;width:min(286px,calc(100vw - 72px));border-right:1px solid var(--border);background:var(--surface-elevated);box-shadow:1px 0 0 var(--border-subtle);-webkit-backdrop-filter:none;backdrop-filter:none}.project-mode .agent-panel{position:fixed;inset:0 0 0 auto;z-index:220;width:min(400px,calc(100vw - 80px));border-left:1px solid var(--border);background:var(--surface-elevated);box-shadow:-1px 0 0 var(--shadow-soft)}.project-mode .floating-toolbar{z-index:280;bottom:20px;left:50%;min-height:44px;border-radius:14px;border-color:var(--border);background:var(--surface-glass-strong);box-shadow:0 10px 28px var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-mode .canvas-empty-guide{right:400px;top:48%;width:min(380px,calc(100% - 72px))}.project-mode .project-view.agent-collapsed .canvas-empty-guide{right:0}.canvas-corner-panel{position:absolute;left:12px;bottom:14px;z-index:245;display:grid;gap:10px;width:208px;color:var(--text-secondary);pointer-events:auto}.project-mode .project-view:not(:has(.mini-map)) .canvas-corner-panel{width:auto}.project-mode .project-view:not(.drawer-collapsed) .canvas-corner-panel{left:300px}.mini-map{position:relative;height:132px;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-elevated);box-shadow:none;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.mini-map:before{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid var(--border-strong);content:""}.mini-map span{position:absolute;min-width:5px;min-height:5px;border-radius:2px;background:var(--muted-weak);pointer-events:none}.mini-map span.selected{background:var(--info)}.mini-map b{position:absolute;display:block;min-width:18px;min-height:14px;border:2px solid var(--info);border-radius:3px;background:var(--primary-ring);box-shadow:0 0 0 1px var(--surface-glass-strong);cursor:grab;pointer-events:auto}.mini-map b:active{cursor:grabbing}.canvas-corner-actions{display:flex;align-items:center;gap:7px;min-height:32px;color:var(--text-secondary)}.canvas-corner-actions button{display:grid;width:28px;height:28px;place-items:center;border:1px solid transparent;border-radius:9px;color:currentColor;background:var(--surface-elevated)}.canvas-corner-actions .canvas-bg-button{position:relative;overflow:hidden;border-color:var(--border-strong);border-radius:9px;color:var(--text-secondary)}.canvas-corner-actions .canvas-bg-button span{position:absolute;right:4px;bottom:4px;width:9px;height:9px;border:1px solid var(--surface-glass-strong);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-popover)}.canvas-corner-actions button.active,.canvas-corner-actions button:hover{border-color:var(--primary-ring);background:var(--primary-soft);color:var(--primary)}.canvas-corner-actions i{width:1px;height:18px;background:var(--border-strong)}.canvas-corner-actions em{font-size:12px;font-style:normal;font-weight:700}.canvas-palette-popover{position:absolute;left:44px;bottom:36px;z-index:260;width:260px;padding:14px 16px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--shadow-card)}.color-picker-control.is-field .canvas-palette-popover{left:0;top:calc(100% + 8px);bottom:auto}.drawing-options-popover .color-picker-control.is-field .canvas-palette-popover{left:50%;top:auto;bottom:calc(100% + 8px);transform:translate(-50%)}.canvas-palette-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.canvas-palette-popover header strong{font-size:14px}.canvas-color-area{position:relative;height:128px;margin-bottom:10px;overflow:hidden;border-radius:8px;cursor:crosshair;touch-action:none}.canvas-color-area span{position:absolute;width:14px;height:14px;border:2px solid var(--border-inverse-alpha);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-modal);transform:translate(-50%,-50%)}.canvas-hue-range{width:100%;height:14px;margin:0 0 10px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,var(--danger),#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,var(--danger));cursor:pointer;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.canvas-hue-range::-webkit-slider-thumb{width:14px;height:14px;border:2px solid var(--border-inverse-alpha);border-radius:50%;background:transparent;box-shadow:0 0 0 1px var(--shadow-modal);-webkit-appearance:none;-moz-appearance:none;appearance:none}.canvas-hue-range::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--border-inverse-alpha);border-radius:50%;background:transparent;box-shadow:0 0 0 1px var(--shadow-modal)}.canvas-color-grid{display:flex;gap:9px;margin-bottom:12px}.canvas-color-grid button{width:30px;height:30px;border:1px solid var(--border-strong);border-radius:50%}.canvas-corner-actions .color-picker-popover button{display:grid;width:auto;height:auto;place-items:center;border-color:var(--border-strong);border-radius:50%;background:var(--surface-elevated);color:var(--text-secondary)}.canvas-corner-actions .color-picker-popover header button{width:28px;height:28px;border-color:transparent}.canvas-corner-actions .color-picker-popover .canvas-color-grid button{width:30px;height:30px}.canvas-color-grid button.active{outline:2px solid var(--info);outline-offset:2px}.canvas-palette-popover label{display:flex;align-items:center;gap:8px;height:34px;border-radius:9px;background:var(--surface-hover);padding:0 10px;color:var(--muted);font-size:12px}.canvas-palette-popover label input{width:100%;border:0;background:transparent;outline:0;color:var(--ink-strong);font:inherit}.image-task-status{position:absolute;z-index:74;display:grid;align-content:end;justify-items:start;gap:4px;min-width:132px;min-height:84px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,var(--surface-glass),var(--primary-soft)),repeating-linear-gradient(45deg,var(--primary-ring) 0 10px,var(--primary-ring) 10px 20px);box-shadow:0 16px 40px var(--shadow-menu);pointer-events:none}.image-task-status:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--primary);border-radius:inherit;content:""}.image-task-status:after{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(90deg,transparent,var(--surface-glass),transparent);content:"";animation:pending-sweep 1.35s linear infinite}.image-task-status strong,.image-task-status small,.image-task-status span{position:relative;z-index:1;margin-left:8px;max-width:calc(100% - 16px);border-radius:999px;background:var(--overlay-strong);color:var(--text-on-strong);box-shadow:0 10px 26px var(--shadow-menu)}.image-task-status strong{padding:5px 9px;font-size:12px}.image-task-status small{margin-bottom:8px;padding:5px 9px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-task-status span{position:absolute;right:8px;bottom:8px;margin:0;padding:5px 7px;color:var(--border);font-size:11px}.asset-sync-overlay{position:absolute;z-index:18;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--surface-elevated));border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);color:var(--ink-strong);font-size:12px;font-weight:760;box-shadow:0 10px 24px var(--shadow-popover);pointer-events:none}.asset-sync-overlay svg{color:var(--primary);animation:pending-image-spin .9s linear infinite}.asset-sync-overlay.is-failed{border-color:color-mix(in srgb,var(--danger) 44%,var(--surface-elevated));color:var(--danger)}.asset-sync-overlay.is-failed svg{color:var(--danger);animation:none}@keyframes pending-sweep{0%{transform:translate(-55%) rotate(12deg)}to{transform:translate(55%) rotate(12deg)}}@keyframes pending-pulse{50%{filter:brightness(1.08)}}@media (max-width: 900px){.project-mode .project-title{max-width:calc(100vw - 88px)}.project-mode .project-actions{left:auto;right:12px;max-width:184px}.project-mode .canvas-empty-guide{display:none}.project-mode .project-view.agent-collapsed .canvas-empty-guide{right:0;display:grid;width:min(340px,calc(100vw - 88px));padding:18px 16px}.project-mode .floating-toolbar{left:64px;bottom:16px;width:128px;max-width:calc(100vw - 88px);transform:none}.canvas-corner-panel{width:184px}.mini-map{height:112px}}html,body,#app,.app-shell,.home-view,.project-view{background:var(--bg-app);color:var(--ink)}.home-topbar,.project-topbar,.left-drawer,.agent-panel,.modal-backdrop,.login-modal,.recharge-modal,.sync-conflict-modal,.app-dialog,.context-menu,.topbar-menu,.project-menu,.toolbar-popover-menu,.image-toolbar-menu,.selection-download-menu,.canvas-actions-panel,.floating-toolbar,.model-preferences,.toolbar-customizer-panel,.export-modal,.crop-panel,.fullscreen-preview-panel{color:var(--ink)}.home-topbar,.project-topbar,.left-drawer,.agent-panel,.login-modal,.recharge-modal,.sync-conflict-modal,.app-dialog,.context-menu,.topbar-menu,.project-menu,.toolbar-popover-menu,.image-toolbar-menu,.selection-download-menu,.floating-toolbar,.model-preferences,.toolbar-customizer-panel,.export-modal,.crop-panel{border-color:var(--border);background:color-mix(in srgb,var(--surface-elevated) 96%,transparent)}.context-menu,.topbar-menu,.project-menu,.toolbar-popover-menu,.image-toolbar-menu,.selection-download-menu,.floating-toolbar,.model-preferences,.toolbar-customizer-panel,.export-modal,.crop-panel,.login-modal,.recharge-modal,.sync-conflict-modal,.app-dialog{box-shadow:var(--shadow-menu)}.left-drawer{border-right-color:var(--border)}.sync-conflict-modal{position:relative;width:min(520px,calc(100vw - 32px));border:1px solid var(--border);border-radius:12px;padding:22px;background:var(--surface-modal)}.sync-conflict-modal header{display:flex;gap:12px;align-items:flex-start;padding-right:34px}.sync-conflict-modal header strong{display:block;font-size:18px}.sync-conflict-modal header small{display:block;margin-top:6px;color:var(--muted);line-height:1.45;word-break:break-word}.sync-conflict-body{margin-top:18px}.sync-conflict-body p{margin:0;color:var(--ink);line-height:1.55}.sync-conflict-body dl{display:grid;gap:10px;margin:16px 0 0}.sync-conflict-body dl>div{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-elevated) 72%,transparent)}.sync-conflict-body dt,.sync-conflict-body dd{margin:0}.sync-conflict-body dt{color:var(--muted)}.sync-conflict-body dd{word-break:break-word}.sync-conflict-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.agent-panel{border-left-color:var(--border)}.brand-symbol{background:var(--ink-strong);color:var(--bg-page)}.home-brand strong,.login-brand strong,.project-title strong,.drawer-header h2,.asset-panel-head strong,.generated-file-main strong,.layer-main strong,.membership-modal-head strong,.membership-order-info strong,.membership-price-panel strong{color:var(--ink-strong)}.home-brand small,.login-brand small,.project-domain,.home-hero p,.asset-panel-head span,.asset-panel-hint,.generated-file-main em,.layer-main em,.row-meta,.membership-modal-head small,.membership-modal-head span,.membership-order-info p,.membership-price-panel span,.membership-price-panel small,.empty-history,.status-pill{color:var(--muted)}.credit-button,.upgrade-button,.topbar-command,.project-menu-trigger,.plain-icon,.drawer-header button,.drawer-switch button,.drawer-actions button,.layer-quickbar button,.generated-file-row small button,.context-menu button,.topbar-menu button,.project-menu button,.prompt-left-actions button,.prompt-right-actions button:not(.generate-button),.round-action{border-color:var(--border);background:var(--surface-elevated);color:var(--ink)}.credit-button.icon-only{display:inline-grid;width:30px;padding:0;place-items:center}.credit-button:hover:not(:disabled),.upgrade-button:hover:not(:disabled),.topbar-command:hover:not(:disabled),.project-menu-trigger:hover,.plain-icon:hover,.drawer-header button:hover,.drawer-switch button:hover,.drawer-actions button:hover:not(:disabled),.layer-quickbar button:hover:not(:disabled),.generated-file-row small button:hover:not(:disabled),.context-menu button:hover:not(:disabled),.topbar-menu button:hover:not(:disabled),.project-menu button:hover:not(:disabled),.prompt-left-actions button:hover,.prompt-right-actions button:not(.generate-button):hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--ink-strong)}.drawer-switch button.active,.model-chips button.selected{background:var(--primary-soft);color:var(--primary)}.membership-command,.upgrade-button,.login-submit,.generate-button{border-color:var(--primary);background:var(--primary);color:var(--text-on-strong)}.membership-command:hover:not(:disabled),.upgrade-button:hover:not(:disabled),.login-submit:hover:not(:disabled),.generate-button:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:var(--text-on-strong)}.topbar-command.danger,.context-menu .danger,.topbar-menu button.danger,.project-menu button.danger,.credit-button.danger{color:var(--danger)}.topbar-command.danger:hover:not(:disabled),.context-menu .danger:hover:not(:disabled),.topbar-menu button.danger:hover:not(:disabled),.project-menu button.danger:hover:not(:disabled){background:var(--danger-soft)}input,textarea,select,.drawer-search input,.login-modal input,.app-dialog-field input,.prompt-box,.agent-input,.inspector-panel,.inspector-group,.field-grid label,.style-grid label,.layer-row,.generated-file-row,.project-card,.new-project-card,.membership-package,.membership-payment-panel,.membership-qr-section,.membership-order-info,.membership-price-panel,.membership-modal-foot a{border-color:var(--border);background:var(--field-bg);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted-weak)}input:focus,textarea:focus,select:focus,.drawer-search input:focus,.login-modal input:focus,.app-dialog-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);outline:none}.layer-row:hover,.generated-file-row:hover,.project-card:hover,.new-project-card:hover,.membership-package:hover,.membership-package.selected{border-color:var(--border-strong);background:var(--surface-hover)}.layer-row.selected{border-color:var(--primary);background:var(--primary-soft)}.layer-thumb,.file-thumb,.layer-thumb-fallback,.reference-thumb,.membership-qr-box{border-color:var(--border);background:var(--surface-soft);color:var(--ink)}.canvas-shell,.project-mode .canvas-shell{background:var(--canvas-shell-bg)}.canvas-shell:before{opacity:.72}.status-pill{border-color:var(--border);background:var(--surface-soft)}.status-pill.error,.error-text{color:var(--danger)}.project-menu hr,.context-menu hr,.topbar-menu hr{background:var(--border)}.project-menu kbd,.context-menu kbd{color:var(--muted-weak)}:root[data-theme=dark] .project-preview,:root[data-theme=dark] .smart-thumb,:root[data-theme=dark] .bottom-toolbar,:root[data-theme=dark] .mini-map,:root[data-theme=dark] .quick-edit-panel{border-color:var(--border);background-color:var(--surface-soft);color:var(--ink)}.agent-header-actions{padding-right:0}.agent-panel-close{border-color:var(--border);background:var(--surface-elevated);color:var(--ink)}.project-mode .agent-panel,.agent-panel{border-left-color:var(--border);background:var(--surface);color:var(--ink)}.agent-header{border-bottom-color:var(--border);background:var(--surface)}.agent-thread{background:var(--surface);color:var(--ink)}.agent-empty-state strong{color:var(--ink-strong)}.agent-empty-state p,.message.system p{color:var(--muted)}.message p,.agent-input,.agent-starter-list button{border-color:var(--border);background:var(--surface-soft);color:var(--ink)}.agent-empty-state .agent-starter-list button{border-color:var(--border-subtle);background:var(--surface-elevated);color:var(--text-secondary)}.agent-empty-state .agent-starter-list button:hover,.agent-empty-state .agent-upload-start:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--border-subtle));background:var(--primary-soft);color:var(--primary)!important}.agent-empty-state .agent-upload-start{border-color:var(--border-subtle);background:transparent}.message.user p{background:var(--ink-strong);color:var(--bg-page)}.bottom-toolbar,.floating-toolbar,.canvas-corner-panel,.mini-map{border-color:var(--border);background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);color:var(--ink);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .canvas-empty-guide{color:var(--ink)}.bottom-toolbar button,.floating-toolbar button,.canvas-corner-panel button,.agent-header button,.agent-input button{border-color:var(--border);background:var(--surface-elevated);color:var(--ink)}.bottom-toolbar button:hover,.floating-toolbar button:hover,.canvas-corner-panel button:hover,.agent-header button:hover,.agent-input button:hover{background:var(--surface-hover);color:var(--ink-strong)}.floating-toolbar button.active{background:var(--ink-strong);color:var(--bg-page)}.canvas-empty-guide strong{color:var(--ink-strong)}.canvas-empty-guide p{color:var(--muted)}