: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}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}.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}.workspace{align-items:start;display:grid;gap:16px;grid-template-columns:310px minmax(0,1fr)}.main-column,.playback-stage{display:grid;gap:16px;min-width:0}.playback-stage:fullscreen{background:#0b1117;display:grid;gap:14px;grid-template-rows:minmax(0,1fr) auto;min-height:100vh;padding:20px}.playback-stage:fullscreen .video-panel{background:transparent;border:0;display:grid;gap:12px;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:0}.playback-stage:fullscreen .video-frame{aspect-ratio:auto;min-height:0}.playback-stage:fullscreen .transport{background:#fff;border:1px solid #d6dde3;border-radius:8px;padding:10px}.playback-stage:fullscreen .rythmo-panel{border:0}.playback-stage:-webkit-full-screen{background:#0b1117;display:grid;gap:14px;grid-template-rows:minmax(0,1fr) auto;min-height:100vh;padding:20px}.playback-stage:-webkit-full-screen .video-panel{background:transparent;border:0;display:grid;gap:12px;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:0}.playback-stage:-webkit-full-screen .video-frame{aspect-ratio:auto;min-height:0}.playback-stage:-webkit-full-screen .transport{background:#fff;border:1px solid #d6dde3;border-radius:8px;padding:10px}.playback-stage:-webkit-full-screen .rythmo-panel{border:0}.panel{background:#fff;border:1px solid #d6dde3;border-radius:8px;padding:14px}.panel-header{align-items:center;display:flex;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}.jump-controls{display:flex;flex-wrap:wrap;gap:6px}.jump-controls button{min-width:56px;padding-inline:10px}.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-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-lane{border-bottom:1px solid #ded8c7;height:54px;left:0;position:absolute;right:0}.diction-line{background:#d81f26;bottom:0;position:absolute;top:0;width:3px;z-index:3}.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}.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}.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-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-quality{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.recording-panel audio{width:100%}.status-message{color:#587080;margin:0}.cue-editor{margin-top:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:1280px;width:100%}th,td{border-bottom:1px solid #dbe2e8;padding:8px;text-align:left;vertical-align:middle}th{color:#587080;font-size:.82rem;text-transform:uppercase}td input,td select{width:100%}.text-input{min-width:280px}.marker-controls{display:flex;flex-wrap:wrap;gap:6px}.marker-select{align-items:center;display:inline-flex;font-size:.85rem;font-weight:700;gap:4px}.marker-select select{min-height:32px;min-width:54px;padding:4px 6px}.marker-select-green{color:#16803a}.marker-select-red{color:#d21f2f}.symbol-button{aspect-ratio:1;font-size:1.1rem;min-width:38px;padding:6px}.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,.workspace{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}}
