@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";.project-filter-groups{justify-items:end;gap:10px;display:grid}.output-filters{background:#fffdfb;border:1px solid #dddfe7;border-radius:9px;gap:5px;padding:4px;display:flex}.output-filters button{color:#78808d;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 8px;font-size:11px}.output-filters button.is-active{color:#1c426d;background:#eaf0f8;font-weight:700}.output-filters span{color:#8c96a7;margin-left:4px;font:10px DM Mono,monospace}.output-control{background:linear-gradient(135deg,#f2f7fb,#fafbfc);border:1px solid #dfe5ec;border-radius:9px;gap:7px;margin-top:18px;padding:14px;display:grid}.output-control small{color:#4c75a1;letter-spacing:.06em;font:10px DM Mono,monospace}.output-control strong{letter-spacing:-.03em;font-size:14px}.output-control p{color:#647084;margin:0;font-size:11px;line-height:1.65}.output-control>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.output-control>div>span{color:#78869a;font:10px DM Mono,monospace}.output-control button{color:#fff;background:#183a63;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:8px 9px;font-size:11px;font-weight:700;display:inline-flex}.output-control button:disabled{cursor:not-allowed;opacity:.55}.output-control button svg{width:14px}.output-control.is-review{background:linear-gradient(135deg,#fff8eb,#fbfaf8);border-color:#e8d7b8}.output-control.is-review small{color:#9a6631}.output-control.is-completed{background:linear-gradient(135deg,#effaf4,#fbfaf8);border-color:#cde5d8}.output-control.is-completed small{color:#257352}.output-control.is-failed{background:linear-gradient(135deg,#fff3f0,#fbfaf8);border-color:#edcbc3}.output-control.is-failed small{color:#a44e3e}.output-control.is-failed button{background:#b8543d}.output-control i{border:2px solid #76a0c9;border-top-color:#183a63;border-radius:50%;width:9px;height:9px;animation:.8s linear infinite output-pulse;display:block}@keyframes output-pulse{to{transform:rotate(1turn)}}.output-note{color:#507296;margin:10px 0 0;font-size:11px;line-height:1.6}@media (width<=800px){.project-filter-groups{justify-items:start;margin-top:23px}.output-filters{max-width:100%;overflow:auto}.project-filters{margin-top:0!important}}@media (prefers-reduced-motion:reduce){.output-control i{animation:none}}:root{color:#17243d;background:#f6f3ef;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}.projects-app{min-height:100vh}.projects-header{background:#fffdfb;border-bottom:1px solid #ddd8d1;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 690px);display:flex}.projects-brand{color:#17243d;align-items:center;gap:8px;text-decoration:none;display:flex}.projects-brand>span{align-items:end;gap:3px;width:21px;height:24px;display:flex}.projects-brand>span i{background:#d45f3e;border-radius:3px;width:5px;display:block}.projects-brand>span i:first-child{height:21px}.projects-brand>span i:nth-child(2){background:#7373c9;height:14px}.projects-brand>span i:nth-child(3){background:#afb1dd;height:9px}.projects-brand strong{letter-spacing:-.06em;font-size:21px}.projects-brand em{color:#898391;font-size:12px;font-style:normal}.projects-header>div{align-items:center;gap:12px;display:flex}.projects-header>div>a{color:#5d687a;font-size:13px;text-decoration:none}.projects-header .projects-new,.continue-project{color:#fff;background:#17243d;border-radius:7px;align-items:center;gap:7px;padding:10px 12px;display:flex}.projects-header svg,.continue-project svg,.project-list svg,.empty-projects svg{width:16px}.projects-main{width:min(1320px,100% - 72px);margin:auto;padding:70px 0}.projects-title{justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px;display:flex}.projects-title h1{letter-spacing:-.08em;margin:0;font-size:clamp(39px,4vw,58px)}.projects-title p{color:#69717e;max-width:520px;margin:12px 0 0;line-height:1.8}.project-filters{gap:5px;display:flex}.project-filters button{color:#78808d;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 8px;font-size:12px}.project-filters button.is-active{color:#25334d;border-color:#d56241;font-weight:700}.project-filters span{color:#a59e98;margin-left:5px;font:10px DM Mono,monospace}.projects-layout{border-top:1px solid #d9d4cd;border-left:1px solid #d9d4cd;grid-template-columns:minmax(0,1fr) 300px;display:grid}.project-list{border-right:1px solid #d9d4cd}.list-head{color:#888d97;border-bottom:1px solid #d9d4cd;grid-template-columns:minmax(0,1fr) 110px 88px 20px;gap:16px;padding:13px 16px;font:10px DM Mono,monospace;display:grid}.project-list>button{color:#1e2b44;text-align:left;background:#fffdfb;border:0;border-bottom:1px solid #ded9d3;grid-template-columns:112px minmax(0,1fr) 110px 88px 20px;align-items:center;gap:16px;width:100%;padding:14px 16px;display:grid}.project-list>button.is-selected{background:#f0eef9}.project-thumb{color:#fff;background-position:50%;background-size:cover;border-radius:6px;align-items:end;height:72px;padding:8px;display:flex}.project-thumb span{font:9px DM Mono,monospace}.project-list strong{letter-spacing:-.04em;font-size:15px}.project-list p{-webkit-line-clamp:2;color:#78808c;-webkit-box-orient:vertical;margin:5px 0 0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.project-list time,.project-list small{color:#727a87;font-size:10px}.project-list svg{color:#bc5638}.project-detail{background:#fbfaf8;border-bottom:1px solid #d9d4cd;padding:18px}.detail-image{color:#fff;background-position:50%;background-size:cover;border-radius:7px;flex-direction:column;justify-content:end;height:160px;padding:15px;display:flex}.detail-image span{color:#ffd0bc;font:10px DM Mono,monospace}.detail-image strong{letter-spacing:-.06em;margin-top:4px;font-size:22px}.project-detail h2{letter-spacing:-.06em;margin:19px 0;font-size:22px}.project-detail>p{color:#737b88;font-size:13px;line-height:1.8}.project-detail dl{border-top:1px solid #e2ddd7;margin:0}.project-detail dl>div{border-bottom:1px solid #e2ddd7;justify-content:space-between;gap:10px;padding:10px 0;font-size:11px;display:flex}.project-detail dt{color:#878d98}.project-detail dd{color:#354159;text-align:right;margin:0}.continue-project{justify-content:center;margin-top:20px;font-size:13px;text-decoration:none}.delete-project{color:#a35a48;background:0 0;border:0;margin:13px auto 0;font-size:11px;display:block}.empty-projects{text-align:center;background:#fffdfb;border-bottom:1px solid #d9d4cd;padding:75px 30px}.empty-projects h2{letter-spacing:-.05em;font-size:24px}.empty-projects p{color:#75808c;max-width:430px;margin:12px auto;font-size:13px;line-height:1.8}.empty-projects a{color:#b25235;align-items:center;gap:7px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=800px){.projects-header{padding:0 20px}.projects-header>div>a:first-child{display:none}.projects-main{width:min(100% - 40px,650px);padding:45px 0}.projects-title{display:block}.project-filters{margin-top:23px;overflow:auto}.projects-layout{grid-template-columns:1fr}.project-detail{display:none}.project-list{border-right:0}.list-head{display:none}.project-list>button{grid-template-columns:78px minmax(0,1fr) 18px;gap:11px}.project-list time,.project-list small{display:none}.project-thumb{height:62px}.empty-projects{padding:60px 20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.projects-logo{object-fit:contain;width:136px;height:auto;max-height:38px;display:block}.projects-brand{gap:8px}@media (width<=800px){.projects-logo{width:120px;max-height:34px}}.workspace-note{color:#478075;margin-top:10px;font-size:11px;font-weight:600;display:block}.project-status{color:#677284;background:#edf0f4;border-radius:999px;width:max-content;max-width:100%;padding:4px 6px;font:9px/1.25 DM Mono,monospace;display:inline-flex}.project-status.is-planning,.project-status.is-narrating,.project-status.is-queued,.project-status.is-rendering{color:#356588;background:#e8f1fb}.project-status.is-awaiting_review{color:#9b6530;background:#f8eddc}.project-status.is-completed{color:#267252;background:#e4f4ec}.project-status.is-failed{color:#a34f3e;background:#fae8e5}.project-download{color:#fff;background:#cf6142;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:20px;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.project-download svg{width:16px}.project-download+.continue-project{margin-top:12px}.project-preview{color:#315886;background:#f4f7fc;border:1px solid #c8d2e3;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:20px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.project-preview svg{width:16px}.project-preview+.project-download{margin-top:12px}.usage-events{background:#fffdfb;border:1px solid #d9d4cd;margin-top:18px;padding:18px}.usage-events small{color:#496f96;letter-spacing:.08em;margin-bottom:10px;font:10px DM Mono,monospace;display:block}.usage-events>p{color:#6d7684;margin:0;font-size:12px;line-height:1.7}.usage-events>div{background:#e1ddd7;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.usage-events article{background:#fbfaf8;gap:6px;min-width:0;padding:12px;display:grid}.usage-events span{color:#7f8997;font:10px DM Mono,monospace}.usage-events strong{color:#26334b;font-size:12px;line-height:1.45}.usage-events em{color:#b25538;font-size:11px;font-style:normal;font-weight:700}@media (width<=900px){.usage-events>div{grid-template-columns:1fr 1fr}}@media (width<=560px){.usage-events>div{grid-template-columns:1fr}}.projects-header{background:#fffdfb;padding:0}.projects-header-inner{justify-content:space-between;align-items:center;gap:18px;width:min(1320px,100% - 72px);height:72px;margin:auto;display:flex}.projects-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.projects-header-actions>a{color:#536075;white-space:nowrap;background:#fff;border:1px solid #d5d1cc;border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.projects-header-actions>a:hover{color:#203b60;background:#f6f8fb;border-color:#8ba1be}.projects-header-actions .projects-new{color:#fff;background:#17243d;border-color:#17243d}.projects-header-actions .projects-line{color:#fff;background:#06c755;border-color:#06c755}.projects-header-actions .projects-account{color:#3f5067;background:#f7f5f0}.projects-auth-panel{background:linear-gradient(120deg,#f2faf6,#fffdfb);border:1px solid #d8e4df;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:-18px 0 34px;padding:18px 20px;display:grid;box-shadow:0 12px 30px #17233b0b}.projects-auth-panel small{color:#277a6d;letter-spacing:.09em;margin-bottom:5px;font:10px DM Mono,monospace;display:block}.projects-auth-panel strong{color:#26364f;letter-spacing:-.035em;font-size:16px;display:block}.projects-auth-panel p{color:#627184;max-width:720px;margin:5px 0 0;font-size:12px;line-height:1.75}.projects-auth-panel>a{color:#fff;white-space:nowrap;background:#17243d;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.projects-auth-panel svg{width:15px}@media (width<=800px){.projects-header-inner{width:min(100% - 40px,650px);height:auto;min-height:72px;padding:10px 0}.projects-header-actions{gap:7px}.projects-header-actions>a{min-height:34px;padding:0 9px;font-size:11px}.projects-header-actions>a[href=\/studio]{display:none}.projects-auth-panel{grid-template-columns:1fr;margin:-12px 0 26px;padding:16px}.projects-auth-panel>a{width:max-content;max-width:100%}}