:root{color:#172026;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,.button-link,.file-picker{align-items:center;background:#172026;border:1px solid #172026;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:36px;padding:8px 12px;text-decoration:none;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.45}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}input,select{background:#fff;border:1px solid #c6ced6;border-radius:6px;color:#172026;min-height:34px;padding:6px 8px}.app-shell{margin:0 auto;max-width:1440px;padding:24px}.app-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.header-title{display:grid;gap:4px}.language-switcher{align-items:center;color:#587080;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;justify-self:start;text-transform:uppercase}.language-switcher select{min-height:28px;padding:3px 24px 3px 6px}.eyebrow{color:#587080;font-size:.82rem;font-weight:700;margin:0 0 4px;text-transform:uppercase}h1,h2,h3{letter-spacing:0;margin:0}h1{font-size:clamp(2rem,4vw,3.3rem)}h2{font-size:1rem}h3{font-size:.9rem}.header-actions,.recording-actions,.transport,.snap-buttons{display:flex;flex-wrap:wrap;gap:8px}.file-picker input{display:none}.secondary{background:#fff;color:#172026}.danger-button{background:#8f1d1d;border-color:#8f1d1d}.notice{background:#fff7d6;border:1px solid #e7c75a;border-radius:6px;margin-bottom:16px;padding:10px 12px}.reset-warning{align-items:center;background:#fff0f0;border:1px solid #d44a4a;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:14px}.reset-warning p{margin:6px 0 0}.reset-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.help-page{margin-bottom:16px}.help-page p{color:#344a5a;line-height:1.5;margin:8px 0 0}.help-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.help-grid article{border-top:1px solid #dbe2e8;padding-top:12px}.support-links{border-top:1px solid #dbe2e8;display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;padding-top:14px}.support-links a,.site-footer a{color:#0f5f79;font-weight:700}.help-mentions{border-top:1px solid #dbe2e8;margin-top:18px;padding-top:14px}.help-mentions ul{color:#344a5a;display:grid;gap:6px;margin:8px 0 0;padding-left:20px}.help-mentions a{color:#0f5f79;font-weight:700}.site-footer{color:#344a5a;display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;padding:16px 0 0}.workspace{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.main-column{grid-area:playback;display:grid;gap:16px;min-width:0}.editor-playback-layout{align-items:start;display:grid;gap:16px;grid-template-areas:"playback" "editor";grid-template-columns:minmax(0,1fr);min-width:0}.playback-stage{display:grid;gap:16px;min-width:0}.playback-stage:fullscreen{background:#0b1117;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-rows:minmax(0,1fr) auto auto;min-height:100vh;padding:20px}.playback-stage:fullscreen .video-panel{background:transparent;border:0;display:contents;gap:12px;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:0}.playback-stage:fullscreen .video-frame{aspect-ratio:auto;grid-column:1;grid-row:1;height:auto;min-height:0}.playback-stage:fullscreen .transport{background:#101820;border:1px solid #26323d;border-radius:8px;color:#d7e1e8;grid-column:1 / -1;grid-row:2;padding:10px}.playback-stage:fullscreen .transport .time-readout{color:#d7e1e8}.playback-stage:fullscreen .rythmo-scale-control,.playback-stage:fullscreen .recording-quality select{background:#0b1117;border-color:#33424f;color:#d7e1e8}.playback-stage:fullscreen .rythmo-scale-control input{accent-color:#60a5fa}.playback-stage:fullscreen .rythmo-panel{border:0;grid-column:1 / -1;grid-row:3}.playback-stage:fullscreen .recording-panel{align-self:stretch;background:#101820;border-color:#26323d;color:#d7e1e8;grid-column:2;grid-row:1;gap:12px;min-height:0;overflow:auto;padding:14px}.playback-stage:fullscreen .recording-panel .project-collapse-button{display:none}.playback-stage:fullscreen .recording-panel .recording-mode,.playback-stage:fullscreen .recording-panel .status-message,.playback-stage:fullscreen .recorded-take-header span,.playback-stage:fullscreen .recorded-take-footer span{color:#b8c7d2}.playback-stage:fullscreen .recorded-take{border-color:#33424f}.playback-stage:-webkit-full-screen{background:#0b1117;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-rows:minmax(0,1fr) auto auto;min-height:100vh;padding:20px}.playback-stage:-webkit-full-screen .video-panel{background:transparent;border:0;display:contents;gap:12px;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:0}.playback-stage:-webkit-full-screen .video-frame{aspect-ratio:auto;grid-column:1;grid-row:1;height:auto;min-height:0}.playback-stage:-webkit-full-screen .transport{background:#101820;border:1px solid #26323d;border-radius:8px;color:#d7e1e8;grid-column:1 / -1;grid-row:2;padding:10px}.playback-stage:-webkit-full-screen .transport .time-readout{color:#d7e1e8}.playback-stage:-webkit-full-screen .rythmo-scale-control,.playback-stage:-webkit-full-screen .recording-quality select{background:#0b1117;border-color:#33424f;color:#d7e1e8}.playback-stage:-webkit-full-screen .rythmo-scale-control input{accent-color:#60a5fa}.playback-stage:-webkit-full-screen .rythmo-panel{border:0;grid-column:1 / -1;grid-row:3}.playback-stage:-webkit-full-screen .recording-panel{align-self:stretch;background:#101820;border-color:#26323d;color:#d7e1e8;grid-column:2;grid-row:1;gap:12px;min-height:0;overflow:auto;padding:14px}.playback-stage:-webkit-full-screen .recording-panel .project-collapse-button{display:none}.playback-stage:-webkit-full-screen .recording-panel .recording-mode,.playback-stage:-webkit-full-screen .recording-panel .status-message,.playback-stage:-webkit-full-screen .recorded-take-header span,.playback-stage:-webkit-full-screen .recorded-take-footer span{color:#b8c7d2}.playback-stage:-webkit-full-screen .recorded-take{border-color:#33424f}.panel{background:#fff;border:1px solid #d6dde3;border-radius:8px;padding:14px}.panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.project-panel{display:grid;gap:14px}.project-panel.is-collapsed{gap:0;padding-block:10px}.project-panel-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.project-panel-body{display:grid;gap:14px}.project-timing-fields{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 132px}.project-collapse-button{aspect-ratio:1;border-radius:999px;font-size:.9rem;line-height:1;min-height:28px;min-width:28px;padding:0}.project-panel label{display:grid;gap:6px}.characters{display:grid;gap:8px}.characters-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.characters-header button{min-height:32px;padding:6px 10px}.character-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 42px 64px 38px}.meta-list{color:#587080;display:grid;font-size:.9rem;gap:6px}.video-panel{display:grid;gap:12px}.video-frame{align-items:center;aspect-ratio:16 / 9;background:#101820;border-radius:6px;display:flex;justify-content:center;overflow:hidden;width:100%}.video-frame video{display:block;height:100%;object-fit:contain;width:100%}.video-placeholder{color:#d7e1e8;font-weight:700}.transport{align-items:center}.active-transport-button{background:#0f766e;border-color:#0f766e}.icon-button{aspect-ratio:1;min-width:44px;padding:8px}.transport-icon{display:block;filter:brightness(0) invert(1);height:24px;object-fit:contain;pointer-events:none;width:24px}.jump-controls{display:flex;flex-wrap:wrap;gap:6px}.jump-controls button{min-width:44px}.rythmo-scale-control{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#344a5a;display:inline-flex;font-weight:700;gap:8px;min-height:36px;padding:6px 10px}.rythmo-scale-control input{cursor:ew-resize;min-height:0;padding:0;width:120px}.rythmo-scale-control span{font-variant-numeric:tabular-nums;min-width:72px}.time-readout{color:#344a5a;font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto}.rythmo-panel{padding:0}.rythmo-band{background:#fbfaf2;border-radius:8px;cursor:ew-resize;height:162px;overflow:hidden;position:relative;touch-action:none}.rythmo-band.is-scrubbing{cursor:grabbing}.rythmo-band.is-fullscreen-expanded{border-radius:10px}.rythmo-timeline{background:#f0ead8;border-bottom:1px solid #d6cdae;color:#4f6170;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:800;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.timeline-tick{bottom:0;position:absolute;top:0;width:1px}.timeline-frame-tick{bottom:0;position:absolute;top:18px;width:1px}.timeline-frame-tick:before{background:#4f61706b;bottom:0;content:"";left:0;position:absolute;top:0;width:1px}.timeline-tick:before{background:#9b9278;bottom:0;content:"";left:0;position:absolute;top:12px;width:1px}.timeline-tick span{left:5px;position:absolute;top:4px;white-space:nowrap}.rythmo-band.is-fullscreen-expanded .rythmo-timeline{font-size:.98rem}.rythmo-band.is-fullscreen-expanded .timeline-frame-tick{top:26px}.rythmo-band.is-fullscreen-expanded .timeline-tick:before{top:18px}.rythmo-band.is-fullscreen-expanded .timeline-tick span{top:6px}.rythmo-lane{border-bottom:1px solid #ded8c7;height:54px;left:0;position:absolute;right:0}.rythmo-lane-label{align-items:flex-start;display:flex;font-size:.68rem;font-weight:800;left:8px;line-height:1.1;min-width:0;pointer-events:none;position:absolute;z-index:5}.rythmo-lane-label span{background:#faf9f1;border:1px solid currentColor;border-radius:4px;max-width:100%;overflow:hidden;padding:2px 5px;text-overflow:ellipsis;white-space:nowrap}.rythmo-band.is-fullscreen-expanded .rythmo-lane-label{font-size:.82rem}.diction-line{background:#d81f26;bottom:0;position:absolute;top:0;width:3px;z-index:3}.rythmo-band.is-fullscreen-expanded .diction-line{width:5px}.cue-strip{align-items:center;background:#ffffffd1;border:1px solid currentColor;border-radius:4px;cursor:grab;display:flex;font-size:1.15rem;font-weight:800;height:30px;overflow:visible;padding:0 10px;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2}.rythmo-band.is-fullscreen-expanded .cue-strip{border-width:2px;font-size:1.55rem;height:42px;padding-inline:14px}.cue-strip.is-dragging{cursor:grabbing;z-index:4}.cue-strip.is-placing-pivot{cursor:crosshair}.cue-text-wrap{align-items:center;display:flex;flex:1;height:100%;min-width:0;overflow:hidden}.cue-text-segment{align-items:center;display:flex;flex:0 0 auto;height:100%;min-width:0;overflow:hidden}.cue-marker{bottom:-16px;font-size:1.25rem;font-weight:900;line-height:1;pointer-events:none;position:absolute;text-shadow:0 1px 0 #ffffff;z-index:6}.rythmo-band.is-fullscreen-expanded .cue-marker{bottom:-22px;font-size:1.75rem}.cue-marker-start{color:#16803a;left:-10px}.cue-marker-end{color:#d21f2f;right:-10px}.cue-text{display:inline-block;transform-origin:left center;white-space:pre}.cue-inline-editor{align-items:center;display:flex;flex:1;gap:4px;height:100%;min-width:0}.cue-inline-input{background:#fffffff5;border:1px solid currentColor;color:inherit;flex:1;font:inherit;font-weight:inherit;height:100%;min-height:0;min-width:0;padding:0 4px}.cue-inline-validate{background:#14532d;border-color:#14532d;border-radius:4px;flex:0 0 auto;font-size:.72rem;height:100%;min-height:0;min-width:34px;padding:0 6px}.cue-control-point{background:#8b949e;border:2px solid #ffffff;border-radius:999px;box-shadow:0 1px 3px #0f172a59;cursor:ew-resize;height:13px;min-height:0;min-width:0;padding:0;position:absolute;bottom:-7px;transform:translate(-50%);width:13px;z-index:7}.cue-control-point:hover,.cue-control-point.is-dragging{background:#4b5563}.cue-control-point.is-placing-pivot{background:#111827;outline:2px solid rgba(17,24,39,.22);outline-offset:2px}.cue-pivot-preview{background:#111827;border-radius:999px;bottom:5px;box-shadow:0 0 0 1px #fff;pointer-events:none;position:absolute;top:5px;transform:translate(-50%);width:2px;z-index:8}.playback-stage:fullscreen .cue-control-point,.playback-stage:fullscreen .cue-pivot-preview,.playback-stage:-webkit-full-screen .cue-control-point,.playback-stage:-webkit-full-screen .cue-pivot-preview{display:none}.rythmo-context-menu{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 14px 32px #0f172a38;display:grid;min-width:220px;padding:4px;position:fixed;z-index:30}.rythmo-context-menu button{background:transparent;color:#111827;font-size:.9rem;justify-content:flex-start;min-height:34px;padding:7px 10px;text-align:left}.rythmo-context-menu button:hover{background:#eef3f7}.cue-handle{background:currentColor;border:0;border-radius:0;bottom:-1px;color:inherit;cursor:ew-resize;min-height:0;min-width:0;opacity:.38;padding:0;position:absolute;top:-1px;width:9px;z-index:5}.cue-handle:hover,.cue-strip.is-dragging .cue-handle{opacity:.72}.cue-handle-start{left:-1px}.cue-handle-end{right:-1px}.recording-panel{display:grid;gap:12px}.recording-panel.is-collapsed{gap:0;padding-block:10px}.recording-panel-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.recording-panel-body{display:grid;gap:12px}.recording-quality{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.recording-panel audio{width:100%}.recording-mode{color:#34495a;font-weight:700;margin:0}.recorded-takes{display:grid;gap:10px}.recorded-takes h3{margin:0}.recorded-take{border:1px solid #d5e0e7;border-radius:6px;display:grid;gap:8px;padding:10px}.recorded-take-header,.recorded-take-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.recorded-take-header span,.recorded-take-footer span{color:#587080}.status-message{color:#587080;margin:0}.cue-editor{display:flex;flex-direction:column;grid-area:editor;margin-top:0;min-height:0}.cue-editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.preset-menu{position:relative}.preset-menu summary{align-items:center;background:#172026;border:1px solid #172026;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;min-height:36px;padding:8px 12px;-webkit-user-select:none;user-select:none}.preset-menu-list{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 14px 32px #0f172a38;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(92px,1fr));padding:6px;position:absolute;right:0;top:calc(100% + 6px);width:min(320px,88vw);z-index:20}.preset-menu-list button{background:#fff;color:#172026;justify-content:flex-start;min-height:32px;padding:6px 8px}.preset-menu-list button:hover{background:#eef3f7}.table-wrap{min-height:0;overflow-x:hidden;overflow-y:auto}table{border-collapse:collapse;display:block;min-width:0;width:100%}thead{display:none}tbody{display:grid;gap:8px}tr{border:1px solid #dbe2e8;border-radius:8px;display:grid;column-gap:4px;row-gap:6px;grid-template-areas:"character start-marker start end-marker end" "text text text text delete";grid-template-columns:minmax(82px,1fr) 3.45rem 10.35ch 3.8rem 10.35ch;padding:8px}th,td{border-bottom:0;min-width:0;padding:0;text-align:left;vertical-align:middle}th{color:#587080;font-size:.82rem;text-transform:uppercase}td input,td select{width:100%}.timecode-input{font-family:ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Consolas,monospace;font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.1em;min-height:30px;padding:4px 3px}.text-edit-cell{align-items:center;display:flex;gap:8px;min-width:0}.text-input{flex:1 1 auto;min-width:0}.text-commit-button{background:#1d4f3a;border-color:#1d4f3a;display:none;flex:0 0 auto}.text-edit-cell:focus-within .text-commit-button{display:inline-flex}.marker-controls{display:flex;flex-wrap:wrap;gap:6px}.marker-select{align-items:center;display:grid;font-size:.73rem;font-weight:700;gap:2px;grid-template-columns:auto 1.75rem;white-space:nowrap}.marker-select select{min-height:30px;min-width:0;padding:3px 1px;width:1.75rem}.marker-select-green{color:#16803a}.marker-select-red{color:#d21f2f}.symbol-button{aspect-ratio:1;font-size:1.1rem;min-width:38px;padding:6px}.cue-cell-delete .symbol-button{font-size:1rem;min-height:30px;min-width:30px;padding:4px}.cue-cell-character{grid-area:character}.cue-cell-start{grid-area:start}.cue-cell-start-marker{grid-area:start-marker}.cue-cell-end{grid-area:end}.cue-cell-end-marker{grid-area:end-marker}.cue-cell-text{grid-area:text}.cue-cell-delete{align-self:center;grid-area:delete;justify-self:end}.invalid-row{background:#fff0f0}.active-cue-row{background:#e7f1ff;outline:2px solid #1d75d8;outline-offset:-2px}.active-cue-row td{border-bottom-color:#9cc5f3}.active-cue-row:focus{outline:3px solid #1d75d8}@media(max-width:900px){.app-header,.reset-warning,.help-grid{display:grid;grid-template-columns:1fr}.header-actions{align-items:stretch}.header-actions>*{flex:1 1 160px}.project-timing-fields{grid-template-columns:1fr}.time-readout{flex-basis:100%;margin-left:0}}@media(min-width:1100px){.editor-playback-layout{align-items:start;grid-template-areas:"editor playback";grid-template-columns:minmax(430px,36vw) minmax(0,1fr)}.cue-editor{max-height:calc(100vh - 24px);position:sticky;top:12px}.cue-editor .table-wrap{max-height:calc(100vh - 112px)}}