:root{color-scheme:light;--ink:#18191c;--muted:#7d8593;--line:#e1e5ed;--accent:#7764d8;--surface:#fff;--radius:18px;font-family:Inter,"Microsoft YaHei","Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 60% 24% at 9% 103%,#deeeff 0,transparent 100%),radial-gradient(ellipse 70% 30% at 78% 110%,#eae5ff 0,transparent 100%),#fff;font-size:15px;line-height:1.5}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}h1,h2,p{margin:0}.topbar{height:68px;border-bottom:1px solid #e7e9ef;background:#fff}.topbar-inner{max-width:1290px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2px}.wordmark{font-size:25px;font-weight:750;letter-spacing:-.6px;text-decoration:none}.account-actions{display:flex;align-items:center;gap:28px;font-size:14px}#account-select{max-width:240px;border:0;background:#fff;padding:8px;border-radius:6px}.button{min-height:42px;border-radius:8px;padding:9px 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-size:14px;font-weight:600;text-decoration:none;transition:background .16s,transform .16s}.button:active{transform:translateY(1px)}.outline{background:#fff;border-color:#272a31}.outline:hover{background:#f4f5f7}.primary{background:var(--ink);color:#fff;box-shadow:0 2px 5px #18191c16}.primary:hover{background:#33363e}.small{font-size:12px;min-height:34px;padding:6px 12px}main{max-width:1290px;margin:0 auto;padding:30px 0 36px}.intro{margin-bottom:26px}.intro h1{font-size:40px;font-weight:750;letter-spacing:-1.2px;line-height:1.2}.intro p{font-size:17px;color:#737d8e;margin-top:4px}.workspace{display:grid;grid-template-columns:minmax(0,1.84fr) minmax(310px,1fr);gap:14px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.95);padding:20px 22px;box-shadow:0 1px 1px #12182003}h2{font-size:20px;font-weight:650;line-height:1.5;letter-spacing:-.3px}.composer h2{margin-bottom:14px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1.5px dashed #cfd6e2;border-radius:10px;width:100%;height:170px;background:#fff}.dropzone:hover,.dropzone.dragging{background:#f8f7ff;border-color:var(--accent)}.dropzone .upload-icon{width:34px;height:34px;color:#818995;margin-bottom:4px}.dropzone strong{font-size:16px;font-weight:600}.dropzone span{font-size:14px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:14px;font-weight:600}.prompt-field{margin-top:20px}.field textarea,.field input,.field select{width:100%;border:1px solid #d8dee8;border-radius:7px;background:#fff;min-height:43px;padding:10px 13px;font-size:14px}.field textarea{height:122px;line-height:1.6;resize:vertical;max-height:310px;min-height:122px}.field textarea::placeholder{color:#858c9b}.controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr);gap:22px;margin-top:20px}.controls select{appearance:none;padding-right:30px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23758090' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px}.form-footer .primary{min-height:48px;min-width:151px;font-size:16px}.subtle{font-size:13px;color:var(--muted)}.result-panel{display:flex;flex-direction:column;align-items:center}.result-panel h2{align-self:flex-start;margin-bottom:18px}.preview{background:#f2f3f5;border:1px solid #e3e7ed;border-radius:10px;aspect-ratio:9/16;width:100%;max-width:260px;max-height:458px;display:grid;place-items:center;overflow:hidden;position:relative}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;color:#737d8c;font-size:14px;padding:20px}.preview-empty svg{width:51px;height:51px;stroke-width:1.1;color:#959dab}.preview-empty svg path{fill:#959dab;stroke:none}#video{width:100%;height:100%;object-fit:contain;background:#151515}.result-message{font-size:13px;line-height:1.65;color:var(--muted);text-align:center;margin:20px 0 9px;max-width:320px;overflow-wrap:anywhere}.result-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.history{margin-top:20px;padding-bottom:20px}.history h2{padding-bottom:16px;border-bottom:1px solid var(--line)}.empty-history{min-height:82px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;color:#8a94a3}.empty-history svg{width:25px;height:25px}.notice{padding:12px 16px;margin:-6px 0 20px;border:1px solid #ece0d9;border-radius:8px;background:#fff8f4;color:#8e4f36;font-size:14px}.notice.success{background:#f1f8f5;border-color:#d7e9df;color:#337558}.media-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:0}.media-list:not(:empty){margin-top:14px}.media-item{width:92px;position:relative}.media-thumb{display:flex;align-items:center;justify-content:center;width:92px;height:78px;border-radius:7px;background:#f1f3f6;object-fit:cover;font-size:12px;color:var(--muted)}.media-item img{width:100%;height:100%;object-fit:cover;border-radius:7px}.media-remove{position:absolute;right:-5px;top:-6px;border:1px solid var(--line);background:#fff;border-radius:50%;width:22px;height:22px;line-height:16px;font-size:17px}.mention-button{border:0;padding:5px 0;background:transparent;color:#6c5ab7;text-align:left;font-size:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-status{margin-top:10px}#mention-help{margin-top:6px}.history-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 110px 170px;gap:24px;padding:16px 2px;border:0;border-bottom:1px solid #edf0f5;background:transparent;text-align:left;font-size:14px;align-items:center}.history-row:last-child{border-bottom:0}.history-row:hover{background:#fafafd}.history-prompt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:var(--muted);font-size:12px}.task-status{color:#777391;font-size:13px}.task-status.failed{color:#b05e4e}.task-status.succeeded{color:#39846a}details{width:100%;margin-top:16px;font-size:12px;color:var(--muted)}summary{cursor:pointer}pre{font-size:11px;max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7f9;padding:12px;border-radius:6px;color:#454e5e}dialog{width:460px;max-width:calc(100vw - 32px);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 24px 80px #14162a30;color:var(--ink)}dialog::backdrop{background:#181c3544;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:10px}dialog p{font-size:14px;color:var(--muted);margin-bottom:22px;line-height:1.8}.dialog-close-form{position:absolute;right:14px;top:10px}.close{border:0;background:none;font-size:26px;color:#858c98}.dialog-message{font-size:13px;line-height:1.6;min-height:18px;margin:16px 0;color:#786651;overflow-wrap:anywhere}.dialog-buttons{display:flex;gap:12px;flex-wrap:wrap}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:12px 0 0}.working .preview-empty svg{animation:breathe 1.8s ease-in-out infinite}.error .preview-empty svg{color:#bf8278}.error .preview-empty svg path{fill:#bf8278}@keyframes breathe{50%{opacity:.4;transform:scale(.94)}}
@media(min-width:1500px){main{padding-top:31px}.intro{margin-bottom:27px}.composer{padding-top:18px}.workspace .panel{min-height:606px}.dropzone{height:174px}.form-footer{margin-top:34px}.preview{max-width:260px;height:458px;aspect-ratio:auto}.history{min-height:166px}}
@media(max-width:1380px){.topbar-inner,main{max-width:calc(100% - 96px)}main{padding-top:30px}.workspace{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr)}}
@media(max-width:900px){.topbar-inner,main{max-width:calc(100% - 40px)}.workspace{grid-template-columns:minmax(0,1fr) 280px}.panel{padding:18px}.intro h1{font-size:30px}.intro p{font-size:15px}.form-footer{align-items:flex-start;flex-direction:column;gap:16px}.form-footer .primary{width:100%}.controls{gap:12px;grid-template-columns:minmax(0,2fr) minmax(82px,1fr)}.preview{max-height:420px}.history-row{grid-template-columns:minmax(0,1fr) 90px;gap:12px}.history-meta{display:none}}
@media(max-width:680px){.topbar{height:64px}.topbar-inner,main{max-width:calc(100% - 32px)}.wordmark{font-size:21px}.account-actions{gap:12px;font-size:12px}.account-actions .button{padding:7px 12px;min-height:36px}#account-select{max-width:115px;font-size:12px}.workspace{grid-template-columns:1fr;gap:16px}main{padding-top:25px}.intro{margin-bottom:22px}.intro h1{font-size:29px}.intro p{font-size:14px}.panel{border-radius:15px;padding:18px}.dropzone{height:150px}.form-footer{margin-top:24px;align-items:center;flex-direction:row}.form-footer .primary{width:auto;min-width:132px;font-size:14px}.form-footer .subtle{font-size:11px}.preview{width:210px;height:373px;max-height:none;aspect-ratio:auto}.result-panel{min-height:485px}h2{font-size:18px}.controls{grid-template-columns:minmax(0,1fr) 88px;gap:10px}.field select{font-size:12px;padding-left:9px}.history{margin-top:16px}.empty-history{font-size:13px}.account-actions #account-state{font-size:12px}.media-item,.media-thumb{width:78px}.media-thumb{height:68px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

dialog{max-height:calc(100vh - 40px);overflow-y:auto}#cookie-import{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}#cookie-import summary{color:var(--ink);font-size:14px;font-weight:600}#cookie-import .cookie-help{margin:12px 0;font-size:12px}#cookie-import .field{margin-bottom:12px}.cookie-file-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:12px}.cookie-file-row input{font-size:12px;max-width:100%}.cookie-refresh{display:flex;align-items:center;gap:6px;margin-bottom:14px;font-size:12px}#import-message:empty{display:none}#cookie-import[open]+.dialog-message{margin-top:20px}

#password-login-form .field{margin-top:14px;margin-bottom:14px}#password-login-form>.button{width:100%}#login-code-panel{margin-top:18px;border-top:1px solid var(--line);padding-top:8px}

.logout-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:10px 0;white-space:nowrap}.logout-button:hover{color:var(--ink)}
