:root{color:#1b3434;background:#f5f7f5;font-family:Hiragino Sans,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,.button{font:inherit;cursor:pointer;color:#254540;background:#fff;border:1px solid #d7e1dc;border-radius:8px;padding:10px 14px}button:hover,.button:hover{background:#f0f8f4;border-color:#329483}a{color:#247769}button.primary{color:#fff;background:#176b5b;border-color:#176b5b}button.selected{background:#e1eee7;border-color:#b0cdbc}.shell{min-height:100vh;display:flex}aside{background:#edf2ec;border-right:1px solid #dce5dc;flex-direction:column;flex-shrink:0;width:265px;height:100vh;padding:32px 22px;display:flex;position:sticky;top:0}.brand{color:#176b5b;align-items:center;gap:11px;margin-bottom:62px;font-family:Georgia,serif;font-size:35px;font-weight:700;text-decoration:none;display:flex}.brand span{color:#263f37;letter-spacing:-1px;font-size:23px}.side-label,.eyebrow{letter-spacing:.17em;color:#6d8980;font-size:10px;font-weight:600}aside h2{letter-spacing:-.04em;margin:14px 0 5px;font-size:19px}.muted{color:#789087;font-size:12px;line-height:1.8}.import{text-align:center;margin:20px 0;display:block}.import input{display:none}nav{overflow:auto}nav button{text-align:left;background:0 0;border-color:#0000;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:7px 0;padding:14px 10px;font-size:12px;display:flex}nav small{white-space:nowrap;color:#7b9488;font-size:9px}.runners{color:#648173;margin-top:auto;padding-top:20px;font-size:11px}.runners i{background:#49937a;border-radius:100%;width:6px;height:6px;margin-right:6px;display:inline-block}.runners small{margin:15px 0 5px;display:block}.runners i.off{background:#c98b6b}.runners code{overflow-wrap:anywhere;font-size:9px;line-height:1.7;display:block}.built-from{color:#7b9488;margin-top:12px;font-family:ui-monospace,monospace;font-size:9px;text-decoration:none}.workspace{flex:1;min-width:0;padding:0 40px 50px}.topbar{color:#73897e;border-bottom:1px solid #dde5df;justify-content:space-between;align-items:center;height:85px;font-size:12px;display:flex}.topbar .tag{margin-left:auto}.account{align-items:center;gap:10px;margin-left:16px;display:flex}.tag{letter-spacing:.1em;background:#e8eee8;border-radius:4px;padding:7px 10px;font-size:9px}.project-head{justify-content:space-between;align-items:center;gap:20px;padding:32px 0 20px;display:flex}h1{letter-spacing:-.05em;margin:12px 0;font-size:26px;font-weight:600}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions button{font-size:12px}.tabs{border-bottom:1px solid #dce5de;gap:24px;margin-bottom:24px;display:flex}.tabs button{color:#70877b;background:0 0;border:0;border-radius:0;padding:12px 0;font-size:12px}.tabs .active{color:#176b5b;border-bottom:2px solid #176b5b}.tabs b{background:#e2eae3;border-radius:3px;padding:2px 5px;font-size:10px}.tabs button:last-child{margin-left:auto}.editor{gap:22px;display:flex}.scene-nav{flex-shrink:0;width:165px}.scene-nav button{text-align:left;background:0 0;border-color:#dce5df;width:100%;margin-bottom:10px;padding:14px;display:block}.scene-nav button.selected{background:#e4eee6;border-color:#b1caba}.scene-nav small{color:#84988c;letter-spacing:.1em;margin-bottom:8px;font-size:9px;display:block}.scene-nav strong{font-size:12px;font-weight:500}.scene-work{flex:1;min-width:0;max-width:900px}.preview-box{background:#101c2c;border-radius:12px;width:720px;max-width:100%;height:405px;overflow:hidden;box-shadow:0 12px 30px #1c3e2610}.preview-box iframe{transform-origin:0 0;border:0}.preview-note{text-align:center;color:#8b9b90;margin:12px 0 24px;font-size:10px}.beat-tabs{gap:8px;margin-bottom:16px;display:flex}.beat-tabs button{color:#718b7a;padding:7px 12px;font-size:10px}.beat-tabs .active{color:#176b5b;background:#dcebe1;border-color:#afcbbb}.beat-editor{background:#fff;border:1px solid #e1e7e1;border-radius:12px;padding:22px}.beat-editor label{color:#496256;margin-bottom:18px;font-size:12px;display:block}.beat-editor label span{color:#8b9b90;margin-left:10px;font-size:10px}textarea{width:100%;font:inherit;color:#2b4339;resize:vertical;background:#fafcf9;border:1px solid #dce4df;border-radius:7px;min-height:90px;margin-top:9px;padding:12px;line-height:1.8;display:block}textarea:focus{outline:2px solid #9bbdae}.beat-editor .checkbox{align-items:center;margin:0 0 0 auto;font-size:11px;display:flex}.json{background:#fff;min-height:650px;font:12px/1.7 Menlo,monospace}.alert{color:#984532;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff0ec;border:1px solid #eed2c8;border-radius:8px;padding:14px;font-size:12px}.notice{color:#316c4c;background:#e2eee4;border-radius:8px;margin-top:15px;padding:12px 16px;font-size:12px}.issues{background:#fff9e8;padding:15px 30px;font-size:12px;line-height:2}.issues button{background:0 0;border:0;padding:0;font-family:monospace}.jobs article{background:#fff;border:1px solid #dce6de;border-radius:12px;margin-bottom:20px;padding:22px}.job-head{justify-content:space-between;align-items:center;display:flex}.job-head small{color:#8b9d91;margin-top:6px;font-size:10px;display:block}.status{color:#8b755a;font-size:11px}.status.succeeded{color:#23745b}video{border-radius:8px;width:100%;max-width:850px}audio{width:100%;margin:15px 0}.artifact-links{flex-wrap:wrap;gap:12px;margin:16px 0;font-size:11px;display:flex}.stills{flex-wrap:wrap;gap:10px;display:flex}.stills img{border-radius:5px;width:190px}.empty{padding:100px 35px}.empty h1{margin:22px 0;font-size:54px;line-height:1.5}.empty p{color:#647d6d;line-height:2}progress{accent-color:#2e8870;width:100%;margin:20px 0;display:block}@media (width<=1100px){aside{width:220px}.workspace{padding:0 20px 30px}.editor{flex-direction:column}.scene-nav{gap:8px;width:auto;display:flex}.scene-nav button{flex:1}.project-head{flex-direction:column;align-items:start}}@media (width<=720px){.shell{display:block}aside{width:100%;height:auto;padding:15px;position:static}.brand{margin:0}.side-label,aside h2,aside p,.runners,.built-from{display:none}nav{display:flex}nav button{width:auto}.project-head{padding-top:20px}.preview-box{overflow:auto}.tabs{gap:12px}.workspace{padding:0 12px}.empty{padding:40px 10px}.empty h1{font-size:36px}}.tts-settings{border:1px solid #d5e2dc;border-radius:12px;flex-wrap:wrap;align-items:end;gap:16px;margin:0 0 20px;padding:18px;display:flex}.tts-settings label{gap:6px;display:grid}.tts-settings input,.tts-settings select{font:inherit;color:inherit;background:#fff;border:1px solid #d5e2dc;border-radius:6px;padding:8px}.tts-settings p{flex-basis:100%;margin:0}.key-panel{border-bottom:1px solid #dde5df;padding:24px 0}.keys form{gap:8px;margin:12px 0;display:flex}.keys input{flex:1}.keys table{border-collapse:collapse;width:100%;font-size:12px}.keys th,.keys td{text-align:left;border-bottom:1px solid #e8eee8;padding:6px 8px}.keys .secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:8px 0;display:block}.workspace-switch{gap:6px;margin:8px 0 18px;display:flex}.workspace-switch select{flex:1;min-width:0}.members h3+p{margin-top:0}.sign-in{max-width:28rem;margin:15vh auto;padding:0 16px}.sign-in .buttons{flex-direction:column;gap:8px;margin-top:16px;display:flex}.account-row{align-items:center;gap:12px;margin:8px 0;display:flex}
