:root{--primary: #2868f2;--primary-strong: #1956d9;--primary-soft: #eaf1ff;--canvas: #f3f6fa;--surface: #ffffff;--surface-muted: #f7f9fc;--line: #dce4ee;--line-soft: #e8edf3;--ink: #152033;--muted: #66758c;--soft-text: #92a0b3;--success: #16835b;--danger: #d94a5b;--warning: #b87512;--shadow-sm: 0 2px 8px rgba(26, 45, 79, .06);--shadow-md: 0 14px 36px rgba(27, 47, 84, .12);--composer-height: clamp(200px, 22vh, 276px)}.workbench{width:100%;height:100%;color:var(--ink);background:var(--canvas);position:relative;overflow:hidden}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(40,104,242,.28);outline-offset:2px}.icon-button{border:0;background:transparent;cursor:pointer;display:inline-grid;place-items:center}.topbar{height:78px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#f3f6faeb;border-bottom:1px solid rgba(220,228,238,.86);position:absolute;inset:0 0 auto;z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.page-mode-title{min-width:0;margin-left:8px;padding-left:18px;display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;border-left:1px solid var(--line)}.page-mode-title>svg{grid-row:1 / 3;color:var(--primary)}.page-mode-title strong{color:#2d3d55;font-size:12px;line-height:1.15}.page-mode-title small{color:var(--soft-text);font-size:7px;font-weight:800;letter-spacing:.08em}.page-mode-title.is-leading{margin-left:0;padding-left:0;border-left:0}.topbar .icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow-sm);position:relative;transition:.18s ease}.topbar .icon-button:hover{color:var(--primary);border-color:#bfd0f8;transform:translateY(-1px)}.task-list-button{height:42px;min-width:146px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--primary);border-radius:13px;color:#fff;background:var(--primary);box-shadow:0 8px 22px #2868f23d;font-size:14px;font-weight:780;cursor:pointer;position:relative;transition:.18s ease}.task-list-button:hover{background:var(--primary-strong);transform:translateY(-1px)}.task-list-button em{min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:999px;color:var(--primary);background:#fff;font-size:10px;font-style:normal}.idea-button{color:var(--warning)!important;border-color:#ead5ab!important;background:#fff9ee!important}.credits-button{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:#cbdafe!important}.topbar-right>.icon-button i{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--danger);position:absolute;top:7px;right:7px}.sync-state{margin-right:4px;display:inline-flex;align-items:center;gap:5px;color:var(--success);font-size:11px;font-weight:700}.profile-button{width:42px;height:42px;padding:4px;border:1px solid #cbd8e9;border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-sm)}.profile-button img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.results-scroll{position:absolute;top:78px;right:0;bottom:0;left:0;overflow:auto;scroll-behavior:smooth;scrollbar-color:#cbd5e3 transparent;scrollbar-width:thin}.results-scroll::-webkit-scrollbar{width:8px}.results-scroll::-webkit-scrollbar-thumb{border-radius:8px;background:#cbd5e3}.date-divider{width:calc(100% - 64px);margin:23px auto 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;color:var(--soft-text);font-size:11px;font-weight:700}.date-divider span{height:1px;background:var(--line)}.results-list{width:calc(100% - 64px);margin:0 auto;padding-bottom:calc(var(--composer-height) + 132px);display:grid;gap:38px}.results-list.is-empty{min-height:400px;place-items:center}.empty-results{width:min(360px,80vw);display:grid;justify-items:center;gap:8px;color:var(--muted);text-align:center}.empty-results>svg{color:#7da3f5}.empty-results strong{color:var(--ink);font-size:15px}.empty-results span{font-size:11px;line-height:1.6}.empty-results button{height:36px;margin-top:5px;padding:0 16px;color:#fff;border:0;border-radius:9px;background:var(--primary);font-size:11px;font-weight:750;cursor:pointer}.result-card{min-width:0;padding-bottom:8px}.result-prompt-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:24px;align-items:start}.result-avatar{width:58px;height:58px;display:grid;place-items:center;color:var(--primary);background:#fff;border:1px solid #cad8ef;border-radius:14px;box-shadow:var(--shadow-sm);transform:rotate(-4deg);margin-top:44px}.result-prompt-content{min-width:0;padding:11px 14px 12px;background:#ffffffc7;border:1px solid rgba(220,228,238,.9);border-radius:12px;box-shadow:var(--shadow-sm)}.result-prompt-content p{max-width:100%;margin:0;color:#314158;font-size:clamp(13px,.88vw,16px);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.result-chips{margin-top:9px;display:flex;flex-wrap:wrap;gap:7px}.result-chips span,.result-chips button{min-height:25px;padding:0 10px;border:1px solid #dbe3ee;border-radius:999px;color:#7b899d;background:#f7f9fc;font-size:10px;display:inline-flex;align-items:center}.result-chips button{gap:5px;color:#356bd1;border-color:#cbdafe;background:#edf3ff;cursor:pointer}.result-media-row{margin:37px 0 0;min-height:clamp(260px,22vw,420px)}.result-image-button{width:clamp(260px,22vw,420px);height:clamp(260px,22vw,420px);padding:0;border:1px solid #d6dee9;border-radius:5px;background:#fff;cursor:zoom-in;overflow:hidden;position:relative;box-shadow:0 12px 32px #23334a1a}.result-image-button img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:auto;transition:transform .22s ease}.result-image-button>span{height:32px;padding:0 11px;display:flex;align-items:center;gap:6px;color:#fff;border-radius:8px;background:#111a2ed6;font-size:10px;opacity:0;position:absolute;right:10px;bottom:10px;transform:translateY(5px);transition:.18s ease}.result-image-button:hover img{transform:scale(1.018)}.result-image-button:hover>span{opacity:1;transform:translateY(0)}.generating-card{width:clamp(260px,22vw,420px);height:clamp(260px,22vw,420px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--primary);border:1px solid #cbdafe;border-radius:10px;background:#f8fbff;box-shadow:var(--shadow-sm)}.generating-card strong{margin-top:12px;font-size:13px}.generating-card>span{margin-top:5px;color:var(--muted);font-size:10px}.generating-card>div{width:62%;height:5px;margin-top:16px;border-radius:999px;background:#dfe8f8;overflow:hidden}.generating-card>div i{height:100%;display:block;border-radius:inherit;background:var(--primary);transition:width .4s ease}.generation-error{width:min(520px,58vw);min-height:188px;padding:28px;display:grid;place-items:center;align-content:center;gap:9px;color:#5d6a7d;border:1px solid #edc8cf;border-radius:12px;background:#fff7f8;text-align:center}.generation-error>svg{color:#c74353}.generation-error strong{color:#8d3442;font-size:12px}.generation-error span{max-width:420px;color:#8f6570;font-size:10px;line-height:1.65}.spinner{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-actions{min-height:52px;margin:10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.result-actions>div{display:flex;gap:8px}.result-actions button{height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;color:#66758c;border:1px solid #dce4ee;border-radius:9px;background:#fff;box-shadow:var(--shadow-sm);font-size:11px;font-weight:700;cursor:pointer;transition:.17s ease}.result-actions button:hover{color:var(--primary);border-color:#bcd0fa;background:#f7faff}.result-actions button:disabled{opacity:.45;cursor:not-allowed}.result-actions button.cancel-generation{color:var(--danger);border-color:#f0c7cd;background:#fff7f8}.result-actions button:last-child:hover{color:var(--danger);border-color:#f0c7cd;background:#fff7f8}.result-actions time{color:var(--soft-text);font-size:10px;white-space:nowrap}.composer-shell{height:calc(var(--composer-height) + 50px);position:absolute;left:32px;right:32px;bottom:22px;z-index:55;pointer-events:none}.model-strip{width:max-content;height:43px;padding:5px 9px;display:flex;align-items:center;gap:5px;border:1px solid #dbe3ee;border-radius:999px;background:#fffffff0;box-shadow:var(--shadow-md);pointer-events:auto;position:relative;z-index:2;margin-left:18px;transform:translateY(-18px)}.model-strip button{width:31px;height:31px;padding:2px;display:grid;place-items:center;border:2px solid transparent;border-radius:50%;background:#eff3f8;cursor:pointer;transition:.16s ease}.model-strip button:hover{transform:translateY(-2px)}.model-strip button.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px #2868f221}.model-strip img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.price-badge{height:32px;padding:0 12px;display:flex;align-items:center;gap:6px;color:#356bd1;border:1px solid #cbdafe;border-radius:999px;background:#edf3ff;box-shadow:var(--shadow-sm);font-size:10px;font-weight:800;pointer-events:auto;position:absolute;top:21px;right:18px;z-index:3}.composer-card{height:var(--composer-height);display:grid;grid-template-rows:minmax(0,1fr) 54px;border:1px solid #d9e2ed;border-radius:20px;background:#fffffffa;box-shadow:0 20px 55px #1625402e;pointer-events:auto;overflow:visible;position:absolute;top:48px;right:0;bottom:0;left:0}.composer-main{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) 44px;gap:14px;padding:16px 16px 7px}.attachment-column{max-width:252px;display:flex;align-items:flex-start;gap:8px;overflow:hidden}.upload-card{width:86px;height:100%;min-height:86px;padding:9px;flex:0 0 86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#69788e;border:1px dashed #b9c8db;border-radius:10px;background:#f7f9fc;cursor:pointer}.upload-card:hover{color:var(--primary);border-color:#7da3f5;background:#f1f6ff}.upload-card span{font-size:10px;font-weight:760}.upload-card small{color:#9aa6b6;font-size:8px}.attachment-preview{width:76px;height:100%;min-height:86px;padding:0;flex:0 0 76px;border:1px solid #cbd6e3;border-radius:9px;background:#fff;cursor:pointer;overflow:hidden;position:relative}.attachment-preview img{width:100%;height:100%;display:block;object-fit:cover}.attachment-preview button{width:20px;height:20px;padding:0;display:grid;place-items:center;color:#fff;border:0;border-radius:50%;background:#111a2ed1;cursor:pointer;position:absolute;top:5px;right:5px}.attachment-preview button:hover{background:var(--danger)}.prompt-editor{min-width:0;min-height:0;display:flex;flex-direction:column;border-left:1px solid #edf1f5;padding-left:15px}.prompt-editor textarea{width:100%;flex:1;min-height:56px;padding:0 8px 5px 0;color:#314158;border:0;outline:0;resize:none;background:transparent;font-size:12px;line-height:1.72;scrollbar-width:thin}.prompt-editor textarea::placeholder{color:#93a0b2}.prompt-editor.has-error{border-left-color:#f0a8b2}.prompt-editor.has-error textarea::placeholder{color:#b98a92}.prompt-meta{min-height:18px;padding-right:6px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--soft-text);font-size:8px}.prompt-meta small{white-space:nowrap}.prompt-error{color:var(--danger);font-weight:700}.prompt-shortcuts{display:flex;gap:6px;overflow-x:auto}.prompt-shortcuts button{height:27px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;color:#738198;border:1px solid #e0e6ee;border-radius:7px;background:#f8fafc;font-size:9px;white-space:nowrap;cursor:pointer}.prompt-shortcuts button:hover{color:var(--primary);border-color:#cbdafe;background:#edf3ff}.layers-button{width:38px!important;height:38px!important;color:#66758c!important;border:1px solid #dfe6ef!important;border-radius:10px!important;background:#f7f9fc!important}.composer-footer{padding:7px 15px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf1f5}.parameter-row{min-width:0;display:flex;gap:8px}.parameter-select{position:relative}.parameter-select>button{height:34px;padding:0 11px;display:flex;align-items:center;gap:6px;color:#64748a;border:1px solid #dce4ee;border-radius:9px;background:#f7f9fc;font-size:10px;cursor:pointer;white-space:nowrap}.parameter-select>button:disabled{opacity:.55;cursor:not-allowed}.parameter-select>button strong{color:#2d3d55;font-size:10px}.parameter-select>button>svg:first-child{color:var(--primary)}.parameter-select.is-emphasis>button{color:#8c691d;border-color:#ebd5a4;background:#fff8e8}.parameter-select.is-emphasis>button>svg:first-child,.parameter-select.is-emphasis>button strong{color:#9c7016}.parameter-menu{width:max-content;min-width:150px;max-height:236px;padding:6px;display:grid;gap:2px;border:1px solid #dce4ee;border-radius:11px;background:#fff;box-shadow:var(--shadow-md);overflow-y:auto;position:absolute;left:0;bottom:42px;z-index:90}.parameter-menu button{min-width:138px;height:33px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#536278;border:0;border-radius:7px;background:transparent;font-size:10px;cursor:pointer}.parameter-menu button:hover,.parameter-menu button.is-selected{color:var(--primary);background:#edf3ff}.generate-button{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:#fff;border:0;border-radius:13px;background:var(--primary);box-shadow:0 8px 20px #2868f240;cursor:pointer;transition:.18s ease}.generate-button:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.generate-button:disabled{opacity:.55;cursor:not-allowed}.generate-button.is-disabled-hint:not(:disabled){background:#9aa9bf;box-shadow:none}.drawer-scrim{background:#0a132361;opacity:0;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;transition:opacity .2s ease}.drawer-scrim.is-visible{opacity:1;pointer-events:auto;animation:scrim-in .2s ease both}.task-drawer{width:370px;padding:20px;background:#fff;border-left:1px solid #dbe3ee;box-shadow:-22px 0 60px #0f1f3a33;position:fixed;inset:0 0 0 auto;z-index:110;transform:translate(104%);transition:transform .24s ease}.task-drawer.is-open{transform:translate(0);animation:drawer-in .24s ease both}@keyframes drawer-in{0%{transform:translate(104%)}to{transform:translate(0)}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.task-drawer>header,.task-drawer>header>div{display:flex;align-items:center;justify-content:space-between}.task-drawer>header>div{gap:10px}.drawer-icon{width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:11px;background:var(--primary)}.task-drawer h2,.task-drawer p{margin:0}.task-drawer h2{font-size:16px}.task-drawer header p{margin-top:3px;color:var(--soft-text);font-size:9px}.task-drawer header .icon-button{width:36px;height:36px;color:var(--muted);border-radius:9px;background:var(--surface-muted)}.task-search{height:40px;margin-top:18px;padding:0 12px;display:flex;align-items:center;gap:8px;color:var(--soft-text);border:1px solid var(--line);border-radius:10px;background:var(--surface-muted)}.task-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.task-filters{margin:12px 0;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:9px;background:#eef2f7}.task-filters button{height:30px;color:var(--muted);border:0;border-radius:7px;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.task-filters button span{margin-left:4px;color:var(--soft-text);font-size:8px}.task-filters button.is-active{color:var(--primary);background:#fff;box-shadow:var(--shadow-sm)}.task-list{height:calc(100vh - 170px);overflow:auto;display:grid;align-content:start;gap:7px}.task-list-item{width:100%;padding:8px;display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer}.task-list-item:hover{border-color:#d8e4f9;background:#f7faff}.task-list-item.is-current{border-color:#bfd0f8;background:#edf3ff}.task-list-item img{width:60px;height:60px;object-fit:cover;border:1px solid #dce4ee;border-radius:8px}.task-list-item>span{min-width:0;display:grid;gap:5px}.task-list-item strong{color:#2d3d55;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.task-list-item small{color:var(--soft-text);font-size:8px}.task-list-item em{width:max-content;padding:3px 6px;border-radius:999px;font-size:8px;font-style:normal;font-weight:750}.task-list-item em.is-done{color:var(--success);background:#e9f7f1}.task-list-item em.is-running{color:var(--primary);background:var(--primary-soft)}.task-list-item em.is-failed{color:#b43f50;border-color:#efd0d5;background:#fff1f3}.empty-search{padding:42px 0;color:var(--soft-text);text-align:center;font-size:11px}.modal-layer{padding:24px;display:grid;place-items:center;background:#0912228f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;animation:modal-fade-in .16s ease both}.modal-layer>div{animation:modal-rise-in .18s ease both}@keyframes modal-fade-in{0%{opacity:0}}@keyframes modal-rise-in{0%{transform:translateY(8px) scale(.985)}}.image-lightbox>div{width:min(760px,84vw);max-height:90vh;border:1px solid #dce4ee;border-radius:15px;background:#fff;box-shadow:0 30px 80px #0f1f3a3d;overflow:hidden}.image-lightbox header,.image-lightbox footer{min-height:52px;padding:8px 12px 8px 16px;display:flex;align-items:center;justify-content:space-between;color:#314158;background:#f7f9fc}.image-lightbox header>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750}.image-lightbox header .icon-button{width:34px;height:34px;color:#66758c;border-radius:8px;background:#edf3ff}.image-lightbox>div>img{width:100%;max-height:calc(90vh - 104px);display:block;object-fit:contain;background:#fff}.image-lightbox footer{justify-content:flex-end;gap:8px}.image-lightbox footer button,.image-lightbox footer a{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;color:#356bd1;border:1px solid #cbdafe;border-radius:8px;background:#edf3ff;text-decoration:none;font-size:10px;cursor:pointer}.confirm-dialog,.group-dialog{width:340px;padding:22px;border:1px solid #e0e7f0;border-radius:14px;background:#fff;box-shadow:var(--shadow-md)}.confirm-dialog{text-align:center}.confirm-dialog>span{width:46px;height:46px;margin:0 auto 13px;display:grid;place-items:center;color:var(--danger);border-radius:12px;background:#fff0f2}.confirm-dialog h2{margin:0;font-size:16px}.confirm-dialog p{margin:7px 0 18px;color:var(--muted);font-size:10px}.confirm-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirm-dialog button{height:37px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:10px;font-weight:700;cursor:pointer}.confirm-dialog button.is-danger{color:#fff;border-color:var(--danger);background:var(--danger)}.group-dialog{padding:12px}.group-dialog header,.group-dialog header>div{display:flex;align-items:center;justify-content:space-between}.group-dialog header{padding:4px 2px 12px 6px;border-bottom:1px solid #edf1f5}.group-dialog header>div{gap:9px}.group-dialog header>div>svg{color:var(--primary)}.group-dialog header span{display:grid;gap:2px}.group-dialog header strong{font-size:12px}.group-dialog header small{color:var(--soft-text);font-size:8px}.group-dialog header .icon-button{width:32px;height:32px;color:var(--muted);border-radius:8px;background:#f7f9fc}.group-dialog>button{width:100%;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:#536278;border:0;border-radius:8px;background:transparent;font-size:10px;cursor:pointer}.group-dialog>button:hover{color:var(--primary);background:#edf3ff}.group-dialog>button.is-selected{color:var(--primary);background:#edf3ff;font-weight:750}.help-dialog{width:min(430px,calc(100vw - 40px));padding:16px;border:1px solid #e0e7f0;border-radius:16px;background:#fff;box-shadow:var(--shadow-md)}.help-dialog header,.help-dialog header>div{display:flex;align-items:center;justify-content:space-between}.help-dialog header{padding:2px 2px 14px 6px;border-bottom:1px solid #edf1f5}.help-dialog header>div{gap:10px}.help-dialog header>div>svg{color:var(--warning)}.help-dialog header span{display:grid;gap:2px}.help-dialog header strong{font-size:14px}.help-dialog header small{color:var(--soft-text);font-size:9px}.help-dialog header .icon-button{width:34px;height:34px;color:var(--muted);border-radius:9px;background:var(--surface-muted)}.help-dialog ol{margin:14px 0;padding:0;display:grid;gap:8px;list-style:none}.help-dialog li{min-height:54px;padding:9px 10px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #e5ebf2;border-radius:10px;background:#f8fafc}.help-dialog li>b{width:28px;height:28px;display:grid;place-items:center;color:var(--primary);border-radius:9px;background:var(--primary-soft);font-size:11px}.help-dialog li span{display:grid;gap:3px}.help-dialog li strong{font-size:11px}.help-dialog li small{color:var(--muted);font-size:9px;line-height:1.5}.shortcut-note{min-height:38px;padding:7px 10px;display:flex;align-items:center;gap:6px;color:var(--muted);border-radius:9px;background:#f2f5f9;font-size:9px}.shortcut-note>span{margin-right:4px;font-weight:750}.shortcut-note kbd{padding:3px 6px;color:#34445c;border:1px solid #d8e0ea;border-bottom-width:2px;border-radius:5px;background:#fff;font:inherit}.shortcut-note i{font-style:normal}.shortcut-note em{margin-left:auto;color:var(--soft-text);font-style:normal}.help-primary{width:100%;height:39px;margin-top:12px;color:#fff;border:0;border-radius:9px;background:var(--primary);font-size:11px;font-weight:750;cursor:pointer}.toast{min-height:42px;padding:0 16px;display:flex;align-items:center;gap:8px;color:#314158;border:1px solid #cbdafe;border-radius:11px;background:#fff;box-shadow:0 15px 36px #1b2f5429;font-size:11px;position:fixed;top:88px;left:50%;z-index:180;transform:translate(-50%);animation:toast-in .18s ease both}.toast svg{color:#64d3a2}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1180px){.sync-state{display:none}.results-list,.date-divider{width:calc(100% - 48px)}.composer-shell{left:24px;right:24px}.parameter-select>button{padding:0 9px}.parameter-select>button>span{display:none}}@media(max-width:900px){.topbar{height:68px;padding-inline:12px}.topbar-left,.topbar-right{gap:6px}.topbar .icon-button,.profile-button{width:38px;height:38px;border-radius:11px}.task-list-button{min-width:116px;height:38px;padding-inline:14px}.results-scroll{inset-block-start:68px}.date-divider,.results-list{width:calc(100% - 40px)}.date-divider{margin-block:16px 20px}.result-prompt-row{grid-template-columns:44px minmax(0,1fr);gap:12px}.result-avatar{width:44px;height:44px;border-radius:12px}.composer-shell{left:20px;right:20px;bottom:12px}.model-strip{max-width:calc(100vw - 132px);margin-left:0;overflow-x:auto;scrollbar-width:none}.model-strip::-webkit-scrollbar{display:none}.price-badge{right:0}.composer-main{grid-template-columns:auto minmax(0,1fr) 38px;gap:9px;padding-inline:10px}.attachment-column{max-width:150px}.upload-card,.attachment-preview{width:70px;flex-basis:70px}.composer-footer{gap:9px;padding-inline:10px}.parameter-row{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.parameter-select>button{width:100%;min-width:0;padding-inline:7px;justify-content:center}.parameter-select>button strong{max-width:54px;overflow:hidden;text-overflow:ellipsis}.parameter-select:nth-last-child(-n+2) .parameter-menu{left:auto;right:0}}@media(max-width:620px){.topbar{padding-inline:8px}.task-list-button{min-width:100px;padding-inline:11px;font-size:12px}.topbar-right>.credits-button{display:none}.date-divider,.results-list{width:calc(100% - 24px)}.result-media-row{min-height:220px;margin-top:24px}.result-image-button,.generating-card{width:220px;height:220px}.composer-shell{left:12px;right:12px}.model-strip{max-width:calc(100vw - 40px)}.attachment-column{max-width:66px}.upload-card{width:64px;flex-basis:64px}.attachment-preview{display:none}.prompt-editor{padding-left:9px}.prompt-shortcuts button{padding-inline:7px}.parameter-select>button>svg:first-child{display:none}.parameter-select>button strong{max-width:48px}.page-mode-title{display:none}.task-drawer{width:min(370px,92vw)}}@media(max-height:760px){:root{--composer-height: 180px}.topbar{height:68px}.results-scroll{inset-block-start:68px}.date-divider{margin-block:16px 20px}.results-list{gap:28px}.result-media-row{min-height:220px;margin-top:24px}.result-image-button,.generating-card{width:220px;height:220px}.composer-shell{bottom:13px}}.video-workbench{--composer-height: clamp(256px, 29vh, 324px)}.video-workbench .results-list{gap:46px}.video-result-card .result-media-row{min-height:0}.video-result-media{width:min(760px,58vw);aspect-ratio:16 / 9;overflow:hidden;position:relative;border:1px solid #d7e0eb;border-radius:12px;background:#eaf0f8;box-shadow:0 14px 36px #1b2f5421}.video-result-media video{width:100%;height:100%;display:block;object-fit:cover;background:#eaf0f8}.video-result-media>button{height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;color:#356bd1;border:1px solid #cbdafe;border-radius:8px;background:#fffffff0;box-shadow:0 4px 14px #12274c1f;font-size:10px;font-weight:750;cursor:pointer;position:absolute;top:10px;right:10px}.video-duration{height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;color:#314158;border:1px solid rgba(215,224,235,.9);border-radius:999px;background:#ffffffe6;font-size:9px;font-weight:750;pointer-events:none;position:absolute;top:12px;left:12px}.video-generating{width:min(760px,58vw);height:auto;min-height:280px;aspect-ratio:16 / 9}.video-generating small{margin-top:12px;color:#92a0b3;font-size:9px}.video-task-thumb{width:60px;height:60px;overflow:hidden;position:relative;border:1px solid #dce4ee;border-radius:8px;background:#eaf0f8}.task-list-item .video-task-thumb img{width:100%;height:100%;border:0;border-radius:0;object-fit:cover}.video-task-thumb>svg{color:#fff;filter:drop-shadow(0 2px 6px rgba(17,31,57,.46));position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.video-composer-main{grid-template-columns:190px minmax(0,1fr)}.video-composer-shell .composer-card{grid-template-rows:40px minmax(0,1fr) 54px}.video-action-tabs{padding:8px 12px 0;display:flex;gap:6px}.video-action-tabs button{height:32px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;color:#6b788b;border:1px solid #dde5ef;border-radius:8px;background:#f6f8fb;font-size:10px;font-weight:750;cursor:pointer}.video-action-tabs button:hover,.video-action-tabs button.is-active{color:#356bd1;border-color:#bfcffc;background:#edf3ff}.video-assets{min-width:0;min-height:94px;display:grid;grid-template-columns:1fr;gap:8px}.video-assets.is-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.video-assets.is-edit.has-face{grid-template-columns:repeat(3,minmax(0,1fr))}.face-whitelist-control{min-width:0;min-height:36px;padding:6px 8px;grid-column:1 / -1;display:flex;align-items:center;gap:7px;color:#58667a;border:1px solid #d9e2ef;border-radius:9px;background:#f7f9fc;cursor:pointer}.face-whitelist-control:hover,.face-whitelist-control.is-active{color:#285fc6;border-color:#bfd0f4;background:#eef4ff}.face-whitelist-control>input{width:1px;height:1px;opacity:0;position:absolute}.face-check{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;color:#fff;border:1px solid #bfcada;border-radius:5px;background:#fff}.face-whitelist-control.is-active .face-check{border-color:#356bd1;background:#356bd1}.face-whitelist-control>span:last-child{min-width:0;display:grid;gap:1px}.face-whitelist-control strong{overflow:hidden;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.face-whitelist-control small{overflow:hidden;color:#8290a4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.face-asset-upload.has-error{color:#c74353;border-color:#e78b98;background:#fff6f7}.first-frame-column{min-width:0;min-height:0}.first-frame-upload{width:100%;height:100%;min-height:94px}.first-frame-upload.has-error{color:#c74353;border-color:#e78b98;background:#fff6f7}.first-frame-preview{width:100%;height:100%;min-height:94px;overflow:hidden;position:relative;border:1px solid #cbd8e9;border-radius:10px;background:#edf2f8}.edit-asset-upload{width:100%;height:100%;min-height:94px}.edit-asset-preview{min-width:0;min-height:94px;overflow:hidden;position:relative;border:1px solid #cbd8e9;border-radius:10px;background:#edf2f8}.edit-asset-preview img,.edit-asset-preview video{width:100%;height:100%;display:block;object-fit:cover}.edit-asset-preview>span{height:21px;padding:0 6px;display:flex;align-items:center;color:#356bd1;border:1px solid #cbdafe;border-radius:6px;background:#ffffffed;font-size:8px;font-weight:800;position:absolute;bottom:5px;left:5px}.edit-asset-preview>button{width:21px;height:21px;padding:0;display:grid;place-items:center;color:#fff;border:0;border-radius:50%;background:#2d3d55c7;cursor:pointer;position:absolute;top:5px;right:5px}.first-frame-preview img{width:100%;height:100%;display:block;object-fit:cover}.first-frame-preview>span{height:22px;padding:0 7px;display:flex;align-items:center;color:#356bd1;border:1px solid #cbdafe;border-radius:6px;background:#ffffffeb;font-size:8px;font-weight:800;position:absolute;bottom:6px;left:6px}.first-frame-preview>button{width:21px;height:21px;padding:0;display:grid;place-items:center;color:#fff;border:0;border-radius:50%;background:#2d3d55c7;cursor:pointer;position:absolute;top:6px;right:6px}.video-parameter-row{overflow:visible}.video-lightbox>div{width:min(980px,88vw);overflow:hidden;border:1px solid #dce4ee;border-radius:15px;background:#fff;box-shadow:0 30px 80px #0f1f3a3d}.video-lightbox header,.video-lightbox footer{min-height:52px;padding:8px 12px 8px 16px;display:flex;align-items:center;justify-content:space-between;color:#314158;background:#f7f9fc}.video-lightbox header>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750}.video-lightbox header .icon-button{width:34px;height:34px;color:#66758c;border-radius:8px;background:#edf3ff}.video-lightbox video{width:100%;max-height:calc(90vh - 104px);display:block;background:#eaf0f8}.video-lightbox footer{justify-content:flex-end;gap:8px}.video-lightbox footer button,.video-lightbox footer a{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;color:#356bd1;border:1px solid #cbdafe;border-radius:8px;background:#edf3ff;text-decoration:none;font-size:10px;cursor:pointer}.motion-dialog{width:min(460px,calc(100vw - 40px));padding:14px;border:1px solid #e0e7f0;border-radius:16px;background:#fff;box-shadow:var(--shadow-md)}.motion-dialog header,.motion-dialog header>div{display:flex;align-items:center;justify-content:space-between}.motion-dialog header{padding:3px 3px 14px 6px;border-bottom:1px solid #edf1f5}.motion-dialog header>div{gap:10px}.motion-dialog header svg{color:var(--primary)}.motion-dialog header span{display:grid;gap:2px}.motion-dialog header strong{font-size:13px}.motion-dialog header small{color:var(--soft-text);font-size:9px}.motion-dialog header .icon-button{width:34px;height:34px;color:var(--muted);border-radius:9px;background:var(--surface-muted)}.motion-dialog>div{padding-top:9px;display:grid;gap:5px}.motion-dialog>div>button{min-height:58px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;color:#536278;border:1px solid #e5ebf2;border-radius:10px;background:#f8fafc;text-align:left;cursor:pointer}.motion-dialog>div>button:hover,.motion-dialog>div>button.is-selected{color:var(--primary);border-color:#cbdafe;background:#edf3ff}.motion-dialog>div>button span{display:grid;gap:4px}.motion-dialog>div>button strong{font-size:11px}.motion-dialog>div>button small{color:#7d8ba0;font-size:9px}@media(max-width:1180px){.video-parameter-row .parameter-select>button>span{display:none}.video-result-media,.video-generating{width:min(720px,68vw)}}@media(max-width:900px){.video-composer-shell{--composer-height: 276px}.video-model-strip{max-width:calc(100vw - 48px)}.video-parameter-row{grid-template-columns:repeat(4,minmax(0,1fr))}.video-result-media,.video-generating{width:min(680px,calc(100vw - 80px))}}@media(max-width:700px){.video-workbench{--composer-height: 292px}.video-parameter-row .parameter-select:nth-child(1){display:none}.video-parameter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.video-result-media,.video-generating{width:calc(100vw - 48px)}}@media(max-width:620px){.video-composer-main{grid-template-columns:126px minmax(0,1fr)}.first-frame-upload,.first-frame-preview{width:100%}.video-result-media,.video-generating{width:calc(100vw - 32px)}}@media(max-height:760px){.video-workbench{--composer-height: 246px}.video-generating{min-height:220px}}:root{color:#152033;background:#f3f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0;overflow:hidden}body{min-height:100vh;-webkit-font-smoothing:antialiased}button,textarea,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid rgba(40,104,242,.42);outline-offset:2px}