:root{color:#172126;background:#edf1f2;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--teal: #07979a;--teal-dark: #057d81;--ink: #172126;--muted: #69767b;--line: #dfe5e7;--timeline: #111c21;--shadow: 0 18px 50px rgba(14, 34, 42, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#edf1f2;-webkit-font-smoothing:antialiased}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(5,151,154,.28);outline-offset:2px}h1,h2,h3,p{margin:0}.loading-page{align-items:center;background:#f7f9f9;color:var(--teal-dark);display:flex;flex-direction:column;font-weight:700;gap:14px;justify-content:center;min-height:100vh}.brand{align-items:center;color:var(--ink);display:inline-flex;flex:0 0 auto;font-size:22px;font-weight:900;gap:8px;letter-spacing:-.04em}.brand svg{color:var(--teal)}.brand-large{color:#fff;font-size:29px}.eyebrow{color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--muted)}.primary-button,.secondary-button,.listen-button,.export-button,.manage-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:750;gap:8px;justify-content:center;min-height:42px;padding:0 18px;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.primary-button,.listen-button{background:linear-gradient(135deg,#0aa5a8,#067e82);border:1px solid #057b7f;color:#fff}.primary-button:not(:disabled):hover,.listen-button:not(:disabled):hover{background:linear-gradient(135deg,#10b3b5,#07898e);transform:translateY(-1px)}.secondary-button,.manage-button{background:#fff;border:1px solid #d7dee0}.secondary-button:hover,.manage-button:hover{border-color:#97bfc1}.full{width:100%}.icon-button{align-items:center;background:transparent;border:0;border-radius:7px;color:inherit;display:inline-flex;justify-content:center;min-height:36px;min-width:36px;padding:6px;text-decoration:none}.icon-button:hover{background:#eff4f4}.login-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);min-height:100vh}.login-visual{background:radial-gradient(circle at 76% 18%,rgba(48,214,210,.18),transparent 29%),linear-gradient(145deg,#0b1e25,#112f36,#075f63);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;padding:clamp(36px,6vw,78px);position:relative}.login-visual:after{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%);mask-image:linear-gradient(to bottom,transparent,#000 30%);pointer-events:none;position:absolute}.login-copy,.tenant-proof,.login-visual .brand{position:relative;z-index:1}.login-copy{max-width:720px}.login-copy .eyebrow{color:#72e5e3}.login-copy h1{font-size:clamp(38px,5.5vw,72px);letter-spacing:-.055em;line-height:1.12;margin:18px 0 26px}.login-copy>p:last-child{color:#bcd0d3;font-size:17px;line-height:1.8;max-width:650px}.tenant-proof{align-items:center;color:#d9eeee;display:flex;font-size:14px;gap:12px}.tenant-proof .dot{background:#5fcacb;border-radius:50%;height:4px;width:4px}.login-panel{align-items:center;background:#f5f7f7;display:flex;justify-content:center;padding:42px}.login-card{background:#fff;border:1px solid #e0e6e8;border-radius:16px;box-shadow:var(--shadow);display:grid;gap:22px;max-width:430px;padding:40px;width:100%}.login-card h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 7px}.login-card label{display:grid;font-size:14px;font-weight:700;gap:8px}.login-card input,.modal-card input,.modal-card select{background:#fff;border:1px solid #cfd8da;border-radius:8px;min-height:44px;padding:0 12px}.form-error,.demo-note{align-items:flex-start;border-radius:8px;display:flex;font-size:13px;gap:8px;line-height:1.55;padding:10px 12px}.form-error{background:#fff1f0;color:#a53228}.demo-note{background:#eef9f8;color:#327475}.text-button{background:transparent;border:0;color:var(--teal-dark);font-size:13px;font-weight:700;padding:0}.admin-back-link{text-align:center;text-decoration:none}.project-page{background:#f4f7f7;min-height:100vh}.project-header{background:#fff;border-bottom:1px solid var(--line);padding:17px 34px}.project-content{margin:0 auto;max-width:1100px;padding:72px 34px}.project-content h1{font-size:38px;letter-spacing:-.045em;margin:12px 0 32px}.project-title-row{align-items:end;display:flex;gap:24px;justify-content:space-between}.project-title-row form{align-items:center;display:flex;gap:8px;margin-bottom:30px}.project-title-row input{border:1px solid #ccd7d9;border-radius:8px;min-height:42px;padding:0 12px}.project-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.project-card{align-items:flex-start;background:#fff;border:1px solid #dde5e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-height:180px;padding:26px;text-align:left}.project-card:hover{border-color:var(--teal);box-shadow:0 12px 30px #1052571a}.project-card svg{color:var(--teal);margin-bottom:18px}.project-card strong{font-size:19px}.project-card span{color:var(--muted);font-size:14px}.studio-page{background:#fff;height:100vh;overflow:hidden}.app-header{align-items:center;background:#fff;border-bottom:1px solid #d9e1e3;display:flex;gap:18px;height:64px;padding:0 16px 0 24px;position:relative;z-index:30}.header-divider{background:#dfe5e7;height:28px;width:1px}.header-select,.scene-title,.save-state,.account-pill{align-items:center;display:inline-flex;font-size:14px;gap:7px;white-space:nowrap}.header-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font-weight:750;max-width:190px;padding:8px 20px 8px 0}.header-select svg{margin-left:-23px;pointer-events:none}.save-state{background:#f7f9f9;border:1px solid #e0e6e7;border-radius:8px;color:#617176;margin-left:12px;padding:9px 12px}.save-state svg{color:#17a172}.header-spacer{flex:1}.account-pill{background:#f3f6f6;border-radius:999px;padding:8px 12px}.studio-layout{display:grid;grid-template-columns:348px minmax(610px,1fr) 292px;height:calc(100vh - 64px)}.script-panel,.cast-panel{background:#fff;min-width:0;position:relative;z-index:20}.script-panel{border-right:1px solid #dce3e5;display:flex;flex-direction:column;min-height:0}.cast-panel{border-left:1px solid #dce3e5;overflow-y:auto}.panel-heading{align-items:center;display:flex;justify-content:space-between;min-height:58px;padding:0 18px}.panel-heading h2{font-size:17px;letter-spacing:-.02em}.role-filters{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:5px;padding:7px 16px 14px}.role-filters>span{color:#4c585c;margin-right:3px}.role-filters button{background:#eef1f2;border:0;border-radius:5px;font-size:12px;min-height:28px;padding:0 9px}.role-filters button.active{background:var(--teal);color:#fff}.search-box{align-items:center;border:1px solid #d6dddf;border-radius:7px;display:flex;gap:7px;margin:0 16px 14px;padding:0 10px}.search-box svg{color:#7a878b;flex:0 0 auto}.search-box input{border:0;min-width:0;outline:0;padding:10px 0;width:100%}.line-table-head,.line-row{display:grid;grid-template-columns:30px minmax(0,1fr) 45px 54px}.line-table-head{border-bottom:1px solid #e0e5e6;color:#566367;font-size:12px;font-weight:700;padding:9px 10px}.line-list{flex:1;min-height:0;overflow-y:auto}.line-row{align-items:start;background:#fff;border:0;border-bottom:1px solid #e4e9ea;min-height:92px;padding:14px 10px;text-align:left;width:100%}.line-row:hover{background:#f5f9f9}.line-row.selected{background:#eef8f8;box-shadow:inset 2px 0 var(--teal)}.line-row strong,.line-row small{display:block}.line-row strong{font-size:14px;margin-bottom:7px}.line-row small{color:#617075;font-size:12px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-row>span:nth-child(3){font-size:12px;padding-top:2px}.status{align-items:center;display:inline-flex;font-size:11px;gap:3px;justify-content:flex-start;padding-top:2px;white-space:nowrap}.status-generated{color:#168664}.status-generating,.status-stale{color:#c16d00}.status-pending{color:#7b878b}.line-panel-footer{align-items:center;border-top:1px solid #e1e6e7;color:#617075;display:flex;font-size:12px;justify-content:space-between;padding:10px 12px 10px 16px}.line-panel-footer button{align-items:center;background:#edf8f8;border:0;border-radius:6px;color:var(--teal-dark);display:inline-flex;font-size:12px;font-weight:750;gap:4px;min-height:30px;padding:0 9px}.timeline-area{background:var(--timeline);color:#edf4f5;min-width:0;overflow:auto;position:relative}.timeline-header{align-items:center;background:#111c21;display:flex;height:54px;justify-content:space-between;min-width:720px;padding:0 18px}.timeline-header h2{font-size:15px}.timeline-header>div{display:flex;gap:6px}.timeline-tool{align-items:center;background:transparent;border:0;border-radius:6px;color:#e6eeee;display:inline-flex;font-size:20px;height:32px;justify-content:center;width:32px}.timeline-tool:hover{background:#223239}.time-ruler{border-bottom:1px solid #344349;color:#aab7ba;display:grid;font-size:11px;grid-template-columns:repeat(7,1fr);margin-left:130px;min-width:590px;padding:0 10px 8px}.track-grid{min-width:720px;position:relative}.track-row{border-bottom:1px solid #344248;display:grid;grid-template-columns:130px minmax(590px,1fr);min-height:115px}.track-label{align-items:flex-start;background:#132027;display:grid;gap:4px 8px;grid-template-columns:25px 1fr;padding:17px 12px}.track-label>strong{font-size:14px;padding-top:2px}.track-label>div{display:flex;gap:6px;grid-column:1 / -1}.track-label button{background:#152329;border:1px solid #526068;border-radius:5px;color:#d7e0e1;font-size:12px;height:28px;width:31px}.character-dot{display:inline-flex}.track-lane{background-color:#142229;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),rgba(160,177,181,.13) calc(16.666% - 1px),rgba(160,177,181,.13) 16.666%);overflow:hidden;position:relative}.audio-clip{background:#1b989a40;border:1px solid;border-radius:6px;color:#eaf6f6;height:82px;min-width:105px;overflow:hidden;padding:10px;position:absolute;text-align:left;top:16px}.audio-clip:hover,.audio-clip.selected{box-shadow:0 0 0 2px #e9ffff,0 0 0 4px #11a9aa;z-index:3}.audio-clip.pending{border-style:dashed}.audio-clip span,.audio-clip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-clip span{font-size:12px}.clip-mini-wave{inset:32px 8px auto;opacity:.78;position:absolute}.audio-clip small{bottom:8px;color:#c7d8da;font-size:11px;left:10px;position:absolute}.playhead{background:#f7f9f9;bottom:0;left:43.4%;pointer-events:none;position:absolute;top:-27px;width:1px;z-index:10}.playhead:before{background:#fff;border-radius:2px;content:"";height:8px;left:-3px;position:absolute;top:-1px;width:7px}.master-transport{align-items:center;background:#101b20;border-bottom:1px solid #344248;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;min-height:164px;min-width:720px;padding:18px}.transport-meta{color:#acb8bb;display:grid;font-size:11px;gap:4px;min-width:110px;text-align:right}.transport-meta strong{color:#fff;font-size:17px}.wave-shell{align-items:center;background:#f8fbfb;border:1px solid #dce5e6;border-radius:6px;display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr);min-height:76px;overflow:hidden;padding:4px 9px}.wave-shell.is-compact{background:#0d171c;border-color:#33434a;min-height:52px}.wave-play{align-items:center;background:var(--teal);border:0;border-radius:50%;color:#fff;display:inline-flex;height:38px;justify-content:center;padding:0;width:38px}.is-compact .wave-play{height:30px;width:30px}.wave-canvas{min-width:0}.wave-empty{align-items:center;background:#f4f7f7;border:1px dashed #cbd6d8;border-radius:6px;color:#78868a;display:flex;font-size:12px;justify-content:center;min-height:76px}.master-transport .wave-empty{background:#0e191e;border-color:#435259;color:#98a7aa;min-height:52px}.clip-editor{background:#fff;color:var(--ink);min-height:max(256px,calc(100vh - 764px));min-width:720px;padding:16px 18px 22px}.clip-editor-title{align-items:center;display:flex;gap:12px;margin-bottom:14px}.clip-editor-title h3{font-size:15px}.clip-editor-title span{color:#7a868a;font-size:11px}.editor-grid{display:grid;gap:18px;grid-template-columns:minmax(300px,1.25fr) minmax(230px,.8fr) 150px}.editor-wave{background:#fbfcfc;border:1px solid #dde5e7;border-radius:8px;padding:10px}.editor-wave textarea{background:#fff;border:0;border-bottom:1px solid #e1e7e8;font-size:13px;font-weight:650;line-height:1.5;min-height:54px;padding:4px;resize:vertical;width:100%}.editor-wave .wave-shell,.editor-wave .wave-empty{border:0}.editor-controls{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}.editor-controls label{color:#59666a;display:grid;font-size:11px;gap:6px;position:relative}.editor-controls .emotion-control{grid-column:1 / -1}.editor-controls .performance-slider{align-items:center;grid-column:1 / -1;grid-template-columns:auto 34px minmax(0,1fr)}.editor-controls select{background:#fff;border:1px solid #d8e0e2;border-radius:6px;min-height:38px;padding:0 8px;width:100%}.editor-controls output{color:var(--ink);font-size:12px;text-align:right}.editor-controls input[type=range]{accent-color:var(--teal);width:100%}.editor-actions{border-left:1px solid #e0e6e7;display:flex;flex-direction:column;gap:10px;padding-left:18px}.editor-actions button{width:100%}.danger-button{align-items:center;background:#fff;border:1px solid #edc9c4;border-radius:8px;color:#a63a31;display:inline-flex;font-weight:700;gap:7px;justify-content:center;min-height:39px}.cast-list{display:grid;gap:8px;padding:4px 16px 12px}.cast-row{align-items:center;border:1px solid #e0e6e7;border-radius:8px;display:grid;gap:9px;grid-template-columns:40px minmax(0,1fr) 34px;min-height:70px;padding:8px}.cast-avatar{align-items:center;border-radius:50%;display:inline-flex;height:38px;justify-content:center;width:38px}.cast-row strong,.cast-row small{display:block}.cast-row strong{font-size:14px;margin-bottom:4px}.cast-row small{color:#6f7c80;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-button{margin:0 16px 20px;width:calc(100% - 32px)}.export-ready{border-top:1px solid #dfe5e7;display:grid;gap:15px;padding:20px 18px}.export-ready h3{font-size:16px;margin-bottom:2px}.export-ready>div{align-items:center;display:flex;font-size:13px;justify-content:space-between}.export-ready span{align-items:center;color:#59666a;display:inline-flex;gap:7px}.export-ready .ready{color:#168664}.export-hint{align-items:flex-start;background:#fff7ed;border:1px solid #f4dfc4;border-radius:8px;color:#a45a09;display:flex;font-size:12px;gap:9px;line-height:1.55;margin:20px 16px 12px;padding:13px}.export-button{background:#f1f3f4;border:1px solid #e2e7e8;color:#6f7c80;margin:0 16px 20px;width:calc(100% - 32px)}a.export-button{background:linear-gradient(135deg,#0aa5a8,#067e82);border-color:#057b7f;color:#fff}.toast{align-items:center;background:#fff7ed;border:1px solid #f0cfaa;border-radius:8px;box-shadow:0 10px 30px #1f2e3224;color:#974f09;display:flex;font-size:13px;gap:8px;left:50%;max-width:min(90vw,560px);padding:10px 12px;position:fixed;top:74px;transform:translate(-50%);z-index:80}.toast button{background:transparent;border:0;color:inherit;display:inline-flex;margin-left:auto}.modal-backdrop{align-items:center;background:#07151b9e;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:100}.modal-card{background:#fff;border-radius:14px;box-shadow:0 28px 80px #04111652;max-height:min(820px,calc(100vh - 48px));max-width:520px;overflow:auto;width:100%}.modal-card.is-wide{max-width:920px}.modal-card>header{align-items:center;border-bottom:1px solid #e0e6e7;display:flex;justify-content:space-between;padding:18px 22px;position:sticky;top:0;background:#fff;z-index:2}.modal-card>header h2{font-size:19px;letter-spacing:-.03em}.stack-form{display:grid;gap:16px;padding:22px}.stack-form h3{font-size:16px}.form-help{color:#6f7d81;font-size:12px;line-height:1.6}.stack-form label,.role-edit-list label{color:#58666a;display:grid;font-size:12px;font-weight:700;gap:6px}.stack-form input,.stack-form select,.stack-form textarea,.role-create input,.role-create textarea,.role-edit-list input,.role-edit-list textarea{background:#fff;border:1px solid #cfd8da;border-radius:7px;min-height:40px;padding:8px 10px;resize:vertical;width:100%}.role-manager{display:grid;grid-template-columns:300px minmax(0,1fr)}.role-create{align-content:start;background:#f6f8f8;border-right:1px solid #e0e6e7;display:grid;gap:12px;padding:22px}.role-create h3{font-size:16px}.role-create p{color:#748186;font-size:11px;line-height:1.65}.role-edit-list{display:grid;gap:10px;max-height:650px;overflow-y:auto;padding:16px}.role-edit-list article{align-items:start;border:1px solid #e0e6e7;border-radius:9px;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) 34px;padding:12px}.role-edit-list article>div{display:grid;gap:10px}.danger-icon{color:#a63a31}.admin-grid{display:grid;grid-template-columns:330px minmax(0,1fr)}.admin-grid .stack-form{background:#f6f8f8;border-right:1px solid #e0e6e7}.check-label{align-items:center;display:flex!important;grid-template-columns:auto 1fr}.check-label input{min-height:auto;width:auto}.user-list{align-content:start;display:grid;max-height:600px;overflow-y:auto;padding:12px 18px}.user-list>div{align-items:center;border-bottom:1px solid #e5eaeb;display:flex;justify-content:space-between;padding:14px 4px}.user-list strong,.user-list small{display:block}.user-list strong{font-size:14px;margin-bottom:4px}.user-list small{color:#778489;font-size:12px}.user-badge{background:#eaf7f7;border-radius:999px;color:var(--teal-dark);font-size:11px;font-weight:750;padding:5px 9px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr}.recovery-grid>:first-child{background:#f6f8f8;border-right:1px solid #e0e6e7}.recovery-code{display:grid;gap:10px}.recovery-code code{background:#102128;border-radius:8px;color:#c6f2ef;font-size:12px;line-height:1.6;overflow-wrap:anywhere;padding:14px;-webkit-user-select:all;user-select:all}.recovery-warning{color:#9b5c16;font-size:12px;line-height:1.6}.mobile-only{display:none}@media(max-width:1180px){.studio-layout{grid-template-columns:320px minmax(560px,1fr)}.cast-panel{bottom:0;box-shadow:-18px 0 45px #0c1e2533;position:fixed;right:-310px;top:64px;transition:right .18s ease;width:292px;z-index:60}.cast-panel.is-open{right:0}.mobile-only{display:inline-flex}}@media(max-width:820px){.desktop-only{display:none!important}.app-header .brand,.save-state{display:none}.app-header{gap:10px;padding:0 10px 0 14px}.app-header .primary-button{padding:0 12px}.app-header .primary-button{font-size:13px;gap:5px;white-space:nowrap}.header-select{flex:1;min-width:0}.header-select>span{display:none}.header-select select{max-width:96px}.studio-layout{display:block}.script-panel{bottom:0;box-shadow:18px 0 45px #0c1e2533;left:-340px;position:fixed;top:64px;transition:left .18s ease;width:min(340px,92vw);z-index:60}.script-panel.is-open{left:0}.timeline-area{height:calc(100vh - 64px)}.clip-editor{min-width:0;width:100vw}.clip-editor-title{align-items:flex-start;flex-direction:column;gap:5px}.editor-grid{grid-template-columns:1fr}.editor-controls{grid-template-columns:1fr 1fr}.editor-actions{border-left:0;display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;padding-left:0}.editor-actions .danger-button{grid-column:1 / -1}}@media(max-width:620px){.login-page{display:block}.login-visual{min-height:42vh;padding:28px 24px}.login-copy h1{font-size:37px;margin:12px 0 16px}.login-copy>p:last-child{font-size:14px}.tenant-proof{display:none}.login-panel{padding:0 18px 28px}.login-card{border-radius:14px;margin-top:-24px;padding:28px 22px;position:relative;z-index:2}.app-header .brand span,.header-divider{display:none}.project-title-row{align-items:stretch;flex-direction:column}.project-title-row form{align-items:stretch;flex-direction:column;margin-bottom:24px}.role-manager,.admin-grid,.recovery-grid{display:block}.role-create,.admin-grid .stack-form,.recovery-grid>:first-child{border-bottom:1px solid #e0e6e7;border-right:0}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:16px 16px 0 0;max-height:92vh}}