:root{color-scheme:dark;--bg: #12110e;--bg-elev: #1c1a16;--bg-soft: #252219;--line: #3a3428;--text: #f3efe6;--muted: #9a9386;--accent: #e8a54b;--accent-dim: #8a6230;--queued: #c4b37a;--running: #6ea8d1;--done: #7dbe74;--failed: #d36b5a;--shadow: 0 18px 40px rgba(0, 0, 0, .28);--serif: "Noto Serif TC", "Iowan Old Style", serif;--sans: "Noto Sans TC", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 500px at 10% -10%,rgba(232,165,75,.08),transparent 50%),var(--bg);color:var(--text);font-family:var(--sans)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#app{width:min(920px,calc(100% - 32px));margin:0 auto;padding:28px 0 72px}.topbar,.notice,.composer,.jobs,.footer{position:relative}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}h1{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:.02em}.lede{margin:6px 0 0;color:var(--muted);font-size:.95rem}.badge-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}.home-link{color:inherit;text-decoration:none}.account{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.account input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;padding:6px 12px;font:inherit;min-width:200px}.balance{color:var(--text)}.balance strong{color:var(--accent)}.balance small{color:var(--muted)}.text-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.package{appearance:none;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:12px;padding:14px 10px;cursor:pointer;font:inherit;text-align:left}.package.active{border-color:var(--accent)}.package span,.package small{display:block;color:var(--muted);margin-top:4px}.pay-types{display:flex;gap:10px;margin-bottom:16px}.chip{border:1px solid var(--line);background:var(--bg-elev);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.78rem}.chip.accent{color:var(--accent);border-color:var(--accent-dim)}.notice{border:1px solid var(--line);background:#221c14;border-radius:14px;padding:14px 16px;margin:28px 0 0}.notice h2{margin:0 0 8px;font-size:.95rem}.notice p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.65}.composer,.job-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.composer{padding:20px;margin-bottom:28px}.step-head,.gallery-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px}.gallery-head{margin:24px 0 10px}.step-head h2,.gallery-head h3{margin:0;font-family:var(--serif)}.step-head h2{font-size:1.3rem}.gallery-head h3{font-size:1.02rem}.step-head .lede,.gallery-head .lede{margin:0;font-size:.86rem}label,.field-label{display:block;font-size:.86rem;color:var(--muted);margin-bottom:8px}.video-form .field-label,.video-form label{margin-top:16px}textarea{width:100%;min-height:120px;resize:vertical;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:12px 14px;font:inherit}#motion-prompt{min-height:90px}textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.field-label+.options{margin-top:0}.option{appearance:none;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:12px;padding:10px 14px;min-height:48px;cursor:pointer;font:inherit}.option.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.option small{display:block;color:var(--muted);font-size:.78rem}.option:disabled,.engine:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.step .actions{margin-top:14px}button.primary{border:0;background:var(--accent);color:#1a140c;font-weight:700;border-radius:999px;padding:10px 18px;cursor:pointer}.composer button.primary{min-height:46px;padding:10px 24px;font-size:1rem}button.primary:disabled{opacity:.55;cursor:not-allowed}.spec{color:var(--muted);font-size:.82rem}.status-line{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:.88rem}.status-line p{margin:0}.status-line strong{color:var(--accent)}.note{margin:0;line-height:1.55}.note.busy{color:var(--text)}.note.ok{color:var(--done)}.note.warn{color:var(--accent)}.note.error{color:var(--failed)}.note small,.error small{display:block;margin-top:2px;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.note a{color:var(--accent)}.job-notice .note{margin-top:12px}.spinner{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:2px solid var(--accent-dim);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.gallery .empty{grid-column:1 / -1;margin:0;padding:12px 0}.thumb{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--bg-soft);cursor:pointer}.thumb:hover{border-color:var(--line)}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.thumb.selected{border-color:var(--accent);box-shadow:0 0 0 3px #e8a54b40}.thumb-check{display:none;position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:999px;background:var(--accent);color:#1a140c;font-size:.72rem;font-weight:700}.thumb.selected .thumb-check{display:block}.thumb-badge{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:999px;background:#12110ec7;color:var(--text);font-size:.72rem;font-weight:700}.prompt-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip-btn{appearance:none;border:1px solid var(--line);background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:6px 12px;min-height:34px;font:inherit;font-size:.82rem;cursor:pointer}.chip-btn:hover{color:var(--text);border-color:var(--accent-dim)}.chip-btn.accent{margin-left:auto;color:var(--accent);border-color:var(--accent-dim)}.chip-btn:disabled,.text-btn:disabled{opacity:.5;cursor:not-allowed}.reference{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;margin-top:12px;padding:10px;border:1px solid var(--accent-dim);border-radius:12px}.reference:empty{display:none}.reference-thumb{display:block;width:64px;aspect-ratio:9 / 16;border-radius:8px;object-fit:cover;background:var(--bg-soft)}.reference-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:.86rem}.reference-meta small{display:block;margin-top:2px;color:var(--muted);font-size:.78rem}.reference-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.reference-actions .option{min-height:44px;padding:8px 14px}#reference-status:not(:empty){margin-top:10px}.source{display:flex;gap:12px;align-items:center;padding:10px;border:1px dashed var(--line);border-radius:12px}.source.selected{border-style:solid;border-color:var(--accent-dim)}.source-thumb{flex:none;width:54px;aspect-ratio:9 / 16;border-radius:8px;object-fit:cover;background:var(--bg-soft)}.source .lede{margin:2px 0 0;font-size:.86rem}.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.video-form{border:0;margin:0;padding:0;min-width:0}.engines{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.engine{appearance:none;display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:14px;padding:12px;cursor:pointer;font:inherit;text-align:left}.engine.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.engine-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.engine-head strong{font-size:1.05rem}.engine-rate{color:var(--accent);font-size:.86rem;white-space:nowrap}.engine small{color:var(--muted);font-size:.78rem}.engine-offline{color:var(--failed);font-size:.78rem;font-weight:700}.engine-powered{color:var(--accent);font-family:var(--serif);font-size:.8rem}.jobs-head{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:baseline;margin-bottom:12px}.jobs-head h2{margin:0;font-family:var(--serif)}.toast{color:var(--failed);font-size:.88rem;margin:0 0 12px}.toast a{color:var(--accent)}.empty{color:var(--muted);padding:28px 8px}.job-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));align-items:start;gap:14px}.job-list .empty{grid-column:1 / -1}.job-card{padding:16px}.job-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}.job-thumb{display:block;width:64px;aspect-ratio:9 / 16;border-radius:8px;object-fit:cover;background:var(--bg-soft)}.job-info .lede{font-size:.82rem}.job-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;align-items:flex-start}.status{font-size:.78rem;border-radius:999px;padding:3px 9px;white-space:nowrap}.status.queued{background:#c4b37a26;color:var(--queued)}.status.running{background:#6ea8d126;color:var(--running)}.status.done{background:#7dbe7426;color:var(--done)}.status.failed{background:#d36b5a26;color:var(--failed)}.prompt{margin:10px 0 0;line-height:1.55}.progress{margin-top:10px;height:6px;background:var(--bg);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--running)}.progress.indeterminate>span{width:40%;animation:indeterminate 1.4s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}video{display:block;width:100%;max-width:360px;max-height:75vh;aspect-ratio:9 / 16;margin:12px auto 0;border-radius:12px;background:#000}.download{display:inline-block;margin-top:10px;color:var(--accent)}.downloads{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}.link-btn{appearance:none;border:0;background:none;padding:0;font:inherit;text-decoration:underline;cursor:pointer}.link-btn:disabled{opacity:.55;cursor:progress}.download.secondary{color:var(--muted);font-size:.86rem}.webm-progress{flex-basis:100%}.webm-status{flex-basis:100%;margin:6px 0 0;color:var(--muted);font-size:.86rem;line-height:1.55}.webm-status.ok{color:var(--done)}.webm-status.warn{color:var(--accent)}.webm-status.error{color:var(--failed)}#motion-hint .spec{margin:8px 0 0}.error{color:var(--failed);font-size:.86rem}.footer{margin-top:36px;color:var(--muted);font-size:.82rem;text-align:center}.footer p{margin:4px 0 0}.powered{color:var(--accent);font-family:var(--serif);font-size:1.05rem;margin-bottom:6px}@media(max-width:640px){.topbar,.actions{flex-direction:column;align-items:stretch}.badge-row,.jobs-head{justify-content:flex-start}.composer{padding:16px}.engines,.packages{grid-template-columns:1fr}}