:root{--color-bg: #17171a;--color-surface: #1f1f23;--color-surface-2: #29292e;--color-canvas: #3a3a3e;--color-border: #38383e;--color-border-strong: #4a4a52;--color-text-primary: #ededec;--color-text-secondary: #9c9a9f;--color-text-muted: #6c6a70;--color-accent: #21cfa0;--color-accent-soft: #163a32;--color-success: #4ade80;--color-warning: #f5b942;--color-danger: #f2685c;--color-danger-soft: #3a201d;--radius-sm: 6px;--radius-md: 10px;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6}a{color:var(--color-accent);text-decoration:none}.app-sidebar{background:#171719!important;border-right:1px solid var(--color-border)}.app-sidebar .ant-layout-sider-children{display:flex;height:100%;flex-direction:column;padding:10px}.app-sidebar-header{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:6px}.app-sidebar-header.is-collapsed{justify-content:center}.app-brand,.sidebar-icon-button,.collapsed-brand-toggle,.account-trigger{border:0;color:var(--color-text-primary);background:transparent;cursor:pointer}.collapsed-brand-toggle{position:relative;display:grid;width:40px;height:40px;padding:0;place-items:center;border-radius:10px}.collapsed-brand-toggle:hover{background:var(--color-surface-2)}.collapsed-brand-mark,.collapsed-brand-icon{position:absolute;transition:opacity .14s ease,transform .14s ease}.collapsed-brand-icon{color:var(--color-text-primary);font-size:19px;opacity:0;transform:scale(.82)}.collapsed-brand-toggle:hover .collapsed-brand-mark,.collapsed-brand-toggle:focus-visible .collapsed-brand-mark{opacity:0;transform:scale(.82)}.collapsed-brand-toggle:hover .collapsed-brand-icon,.collapsed-brand-toggle:focus-visible .collapsed-brand-icon{opacity:1;transform:scale(1)}.app-brand{display:flex;align-items:center;gap:10px;padding:6px 8px;font:inherit;font-weight:600}.app-brand-mark{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:var(--color-accent);color:#06251d;font-weight:800}.sidebar-icon-button{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:var(--color-text-secondary);font-size:17px}.sidebar-icon-button:hover,.app-brand:hover,.account-trigger:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.app-sidebar-menu{flex:1;border-inline-end:0!important;background:transparent!important}.app-sidebar-menu .ant-menu-item{height:42px;margin-inline:0;margin-block:2px;width:100%;border-radius:9px}.app-sidebar-menu.ant-menu-inline-collapsed{width:100%}.app-sidebar-menu.ant-menu-inline-collapsed .ant-menu-item{display:flex;width:48px;padding-inline:0!important;align-items:center;justify-content:center}.app-sidebar-menu.ant-menu-inline-collapsed .ant-menu-item .ant-menu-item-icon{display:inline-flex!important;width:19px!important;height:19px!important;margin:0;align-items:center;justify-content:center;color:var(--color-text-primary);flex:0 0 19px!important;font-size:19px!important;opacity:1}.app-sidebar-menu.ant-menu-inline-collapsed .ant-menu-item .ant-menu-item-icon svg{display:block;width:19px!important;height:19px!important}.app-sidebar-menu.ant-menu-inline-collapsed .ant-menu-title-content{display:none!important}.app-sidebar-menu.ant-menu-inline-collapsed .ant-menu-item-selected .ant-menu-item-icon{color:var(--color-accent)}.app-sidebar-account{padding-top:8px;border-top:1px solid var(--color-border)}.account-trigger{display:flex;width:100%;align-items:center;gap:10px;padding:8px;border-radius:10px;text-align:left}.ant-layout-sider-collapsed .app-sidebar-account{display:flex;justify-content:center}.ant-layout-sider-collapsed .account-trigger{width:48px;justify-content:center;padding-inline:0}.account-trigger-copy{display:flex;min-width:0;flex:1;flex-direction:column}.account-name{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.account-meta{color:var(--color-text-muted);font-size:11px}.account-dropdown .ant-dropdown-menu{width:250px;padding:6px;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 16px 48px #00000059}.account-dropdown .ant-dropdown-menu-item{min-height:40px;border-radius:8px}.app-header{display:flex;align-items:center;min-height:56px;height:56px;padding:0 16px!important;border-bottom:1px solid var(--color-border);background:var(--color-surface)!important}.settings-modal .ant-modal-content{padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:16px}.settings-modal .ant-modal-header{margin:0;padding:20px 24px 14px;border-bottom:1px solid var(--color-border)}.settings-modal .ant-modal-close{top:15px}.settings-layout{display:grid;min-height:430px;grid-template-columns:180px 1fr}.settings-menu{padding:12px 8px;border-inline-end:1px solid var(--color-border)!important;background:var(--color-bg)!important}.settings-menu .ant-menu-item{margin-inline:0;width:100%;border-radius:8px}.settings-content{padding:28px 30px}.settings-content h2{margin:0 0 4px;font-size:18px}.settings-description{margin:0 0 24px;color:var(--color-text-secondary);font-size:13px}.settings-rows{border-top:1px solid var(--color-border)}.setting-row{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--color-border)}.setting-row>span:first-child{display:flex;flex-direction:column}.setting-row strong{font-size:13px;font-weight:500}.setting-row small{color:var(--color-text-muted);font-size:12px}.free-canvas-page{display:flex;height:100%;min-height:560px;flex-direction:column}.free-canvas-page-header{display:flex;margin-bottom:12px;align-items:center;justify-content:space-between}.free-canvas-page-header>span{color:var(--color-text-muted);font-size:12px}.free-canvas-workspace{display:flex;min-height:0;flex:1;gap:14px}.free-canvas-stage{position:relative;min-width:0;min-height:500px;overflow:hidden;flex:1;border:1px solid var(--color-border-strong);border-radius:12px;background:#303035;touch-action:none}.free-canvas-stage .canvas-container{width:100%!important;height:100%!important}.free-canvas-stage canvas{outline:none}.free-canvas-toolbar{position:absolute;z-index:2;bottom:18px;left:50%;display:flex;min-height:42px;padding:4px 6px;align-items:center;gap:1px;border:1px solid rgb(255 255 255 / 10%);border-radius:11px;background:#1f1f23f0;box-shadow:0 10px 30px #00000047;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.free-canvas-node-actions{position:absolute;z-index:4;display:flex;min-height:34px;padding:3px 5px;align-items:center;border:1px solid rgb(255 255 255 / 12%);border-radius:9px;background:#1f1f23f5;box-shadow:0 8px 24px #0000004d;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.free-canvas-node-actions .ant-btn{height:28px;padding-inline:8px;color:var(--color-text-secondary);font-size:12px}.free-canvas-node-actions .ant-btn:not(:disabled):hover{background:#21cfa01a;color:var(--color-primary)}.free-canvas-node-actions-divider{width:1px;height:18px;margin:0 2px;background:var(--color-border)}.free-canvas-toolbar .ant-btn{display:grid;width:32px;height:32px;place-items:center}.free-canvas-toolbar-divider{width:1px;height:20px;margin:0 4px;background:var(--color-border)}.free-canvas-zoom-label{min-width:50px;color:var(--color-text-secondary);font-size:12px;text-align:center}.free-canvas-help{position:absolute;z-index:2;top:12px;left:12px;padding:5px 9px;border-radius:7px;background:#17171ab8;color:#ededeca3;font-size:11px;pointer-events:none}.free-canvas-generation-panel{display:flex;width:280px;padding:18px;flex:0 0 280px;flex-direction:column;gap:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.free-canvas-generation-panel h2{margin:0 0 4px;font-size:16px}.free-canvas-generation-panel p{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.55}.free-canvas-derived-header{display:flex;align-items:flex-start;gap:8px}.free-canvas-derived-header .ant-btn{margin-top:-2px;margin-left:-7px}.free-canvas-source-card{display:flex;min-width:0;padding:9px;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface-2)}.free-canvas-source-card img{width:52px;height:52px;flex:0 0 52px;border-radius:6px;background:var(--color-canvas);object-fit:cover}.free-canvas-source-card div{display:flex;min-width:0;flex-direction:column;gap:4px}.free-canvas-source-card strong{overflow:hidden;color:var(--color-text-primary);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.free-canvas-source-card span{color:var(--color-text-muted);font-size:11px}.free-canvas-field{display:flex;flex-direction:column;gap:8px;color:var(--color-text-secondary);font-size:12px}.free-canvas-field .ant-segmented-item-label{min-width:0;padding-inline:5px;font-size:11px}.free-canvas-field .ant-radio-group{display:flex;width:100%}.free-canvas-field .ant-radio-button-wrapper{flex:1;padding-inline:0;text-align:center}.generation-task-status-stack{display:flex;flex-direction:column;gap:10px}.generation-task-status{display:flex;padding:12px;flex-direction:column;gap:8px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface-2)}.generation-task-status.is-succeeded{border-color:#21cfa057;background:#21cfa012}.generation-task-status.is-failed,.generation-task-status.is-cancelled{border-color:#ff787557;background:#ff787512}.generation-task-status-title{display:flex;align-items:center;justify-content:space-between;font-size:13px}.generation-task-status>span{color:var(--color-text-muted);font-size:11px;line-height:1.5}.generation-task-status-actions{display:flex;gap:8px}.image-workstation-page{display:flex;height:100%;min-height:560px;flex-direction:column}.image-workstation-main{display:flex;min-height:0;flex:1;gap:16px}.image-workstation-canvas-column{display:flex;min-width:0;flex:1;flex-direction:column;gap:10px}.image-workstation-settings{display:flex;width:250px;flex:0 0 250px;flex-direction:column;gap:18px}.image-workstation-settings .generation-task-status-stack{margin-top:auto}.image-workstation-footer{display:flex;margin-top:12px;padding-top:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px}.workstation-upload{width:min(520px,calc(100% - 48px))}.workstation-result-strip{display:flex;min-height:82px;padding:10px 12px;align-items:center;gap:12px;overflow-x:auto;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text-secondary);font-size:12px}.workstation-result-list{display:flex;gap:8px}.workstation-result-item{width:58px;height:58px;padding:2px;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-surface-2);cursor:pointer}.workstation-result-item.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.workstation-result-item img{width:100%;height:100%;border-radius:4px;object-fit:cover}.field-label{margin-bottom:6px;color:var(--color-text-secondary);font-size:12px}.email-assistant-page{max-width:1320px;margin:0 auto}.email-assistant-page .generation-task-status-stack,.email-result-card{margin-top:16px}.free-canvas-generation-placeholder{display:grid;padding:12px 0;grid-template-columns:1fr auto;gap:10px 12px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px}.free-canvas-generation-placeholder strong{color:var(--color-text-muted);font-size:11px;font-weight:500}.free-canvas-disabled-action{display:block;width:100%;cursor:not-allowed}.free-canvas-panel-hint{margin-top:auto!important;color:var(--color-text-muted)!important}.free-canvas-loading{display:grid;height:100%;min-height:480px;place-items:center;color:var(--color-text-muted)}@media (max-width: 720px){.settings-layout{grid-template-columns:1fr}.settings-menu{display:flex;min-height:auto;overflow-x:auto;border-right:0!important;border-bottom:1px solid var(--color-border)!important}.settings-content{padding:22px}.free-canvas-page{min-height:800px}.free-canvas-workspace{flex-direction:column}.free-canvas-generation-panel{width:100%;flex-basis:auto}}.project-app-root{height:100%;min-height:100vh}.project-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 0}.project-toolbar>.ant-input{width:180px}.project-save-status{font-size:12px;color:var(--text-secondary, #9c9a9f);min-width:55px}.project-save-status.error{color:#ff7875}.project-recovery-screen{max-width:720px;margin:15vh auto;padding:24px;display:grid;gap:24px}.free-canvas-media-error{position:absolute;bottom:70px;left:16px;z-index:3;display:flex;align-items:center;gap:12px;padding:10px;background:#292421;border-radius:8px;color:#ffd591;font-size:12px}