:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#183a2b;background:#f4f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}.app{min-height:100vh;display:flex}.sidebar{width:224px;flex:none;background:#102c23;color:#e9f5eb;padding:25px 15px;display:flex;flex-direction:column;gap:0}.brand{display:flex;align-items:center;gap:9px;margin:0 7px 38px}.brand-icon{width:38px;height:38px;border-radius:11px;background:#dcf8db;color:#075a3b;font-size:25px;font-weight:900;display:grid;place-items:center}.brand-icon span{color:#e59f35}.brand strong{display:block;font-size:15px;letter-spacing:.02em}.brand small{display:block;color:#8db6a0;font-size:9px;letter-spacing:.15em;margin-top:3px}.sidebar-label{color:#8fac9c;font-size:10px;font-weight:800;letter-spacing:.12em;margin:0 8px 12px}.sidebar-label span{float:right;color:#67af86}.sidebar-field{font-size:10px;color:#9bc0ab;display:block;margin:0 3px 26px}.sidebar select{display:block;width:100%;margin-top:8px;background:#1b4433;border:1px solid #336047;border-radius:8px;color:#e6f4e7;padding:10px;outline:none;font-size:12px}.sidebar-section{margin:4px 8px 8px;color:#9ab4a4;font-size:10px;font-weight:700}.sidebar-new{height:37px;border:1px dashed #4d8260;color:#bbdfc4;background:#1a3b2c;border-radius:8px;margin:10px 3px;font-size:11px;font-weight:700}.sidebar-new:hover{background:#24543b}.sidebar-spacer{flex:1}.sidebar-foot{display:flex;gap:9px;padding:13px 8px;border-top:1px solid #2b4d3a}.sidebar-foot strong,.coach strong{display:block;font-size:11px}.sidebar-foot small,.coach small{display:block;color:#90ab99;font-size:9px;margin-top:4px}.status-light{flex:none;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#69d68f;box-shadow:0 0 0 4px #69d68f1e}.coach{display:flex;align-items:center;gap:9px;padding:17px 8px 0}.coach>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#cfe9d0;color:#2b6545;font-weight:800;font-size:12px}.main{min-width:0;flex:1}.topbar{height:56px;background:#fff;border-bottom:1px solid #e3ebe3;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.crumb{color:#8c9f91;font-size:11px}.crumb strong{color:#365f43}.crumb span{padding:0 9px;color:#c6d1c5}.top-right{display:flex;align-items:center;gap:18px}.local-pill{background:#e7f5e9;color:#277d4e;font-size:10px;font-weight:800;border-radius:100px;padding:6px 10px}.help-button{border:1px solid #dbe8dd;color:#8aa592;background:#fff;width:25px;height:25px;border-radius:50%;font-size:12px;font-weight:800}.workspace{padding:29px 31px 36px;max-width:1780px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.eyebrow{font-size:10px;color:#328f5a;letter-spacing:.14em;font-weight:900}.eyebrow.small{font-size:9px}.heading h1{font-size:26px;letter-spacing:-.04em;margin:9px 0 5px}.heading p{color:#91a196;font-size:11px;margin:0}.heading-actions{display:flex;align-items:center;gap:8px}.heading-actions>span{font-size:10px;color:#91a293;margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;height:34px;padding:0 13px;font-size:11px;font-weight:800;border:1px solid transparent;white-space:nowrap}.button.primary{background:#197c50;color:#fff}.button.primary:hover{background:#0d6241}.button.ghost{background:#eaf4eb;color:#257a4c;border-color:#daebdc}.button.ghost:hover{background:#dff0e1}.button.outline{background:#fff;color:#315b42;border-color:#c8dbcc}.button.outline:hover{background:#f0f8f0}.title-row{background:#fff;border:1px solid #e0e8df;border-radius:10px;display:flex;align-items:center;gap:12px;padding:10px 16px;margin:19px 0 16px;box-shadow:0 4px 15px #193d2b09}.title-row label{font-size:10px;color:#8da396;white-space:nowrap}.title-row input{flex:1;min-width:0;border:0;outline:0;color:#193b2b;font-size:15px;font-weight:800}.state-pill{font-size:10px;color:#29744d;background:#e8f5e8;border-radius:4px;padding:5px 8px;white-space:nowrap}.state-pill.published{background:#e8f2ff;color:#3873b5}.editor-grid{display:grid;grid-template-columns:minmax(600px,1fr) 292px;gap:17px;align-items:start}.center{min-width:0}.panel{background:#fff;border:1px solid #e0e9e0;border-radius:10px;box-shadow:0 5px 20px #163c2609;overflow:hidden}.panel-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;font-weight:800}.panel-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bad69;margin-right:6px}.panel-head-actions{display:flex;align-items:center;gap:15px;color:#9aaa9d;font-size:10px;font-weight:500}.panel-head-actions label{color:#178654;font-weight:800;cursor:pointer}.stage{aspect-ratio:16/9;background:#0c231b;position:relative;overflow:hidden}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0a1711}.stage-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#eef7ee;background:radial-gradient(circle at 48% 30%,#1d4d37,#102d22 64%,#0c211a)}.stage-empty h2{font-size:17px;margin:12px 0 6px}.stage-empty p{font-size:11px;color:#9cc3ab;margin:0 0 17px}.stage-empty>button{border:0;background:none;color:#b7ebc2;font-size:10px;font-weight:800;margin-top:13px}.pitch{height:94px;width:167px;border:1px solid #73ad84;position:relative;opacity:.85}.pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #73ad84}.pitch:after{content:"";position:absolute;width:44px;height:44px;border:1px solid #73ad84;border-radius:50%;left:calc(50% - 22px);top:calc(50% - 22px)}.pitch-ball{position:absolute;z-index:1;left:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e2ffe5;color:#116b43}.file-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.draw-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.draw-layer.drawing{pointer-events:auto;cursor:crosshair;touch-action:none}.draw-shape{stroke:#ffd447;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #071c15a0)}.draw-hint{position:absolute;left:13px;top:13px;color:#fff7d5;background:#283c2bbd;border:1px solid #babc7990;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:700;pointer-events:none;z-index:3}.pause-card{position:absolute;right:15px;bottom:15px;z-index:4;background:#fafff4f2;border-radius:10px;padding:15px;width:min(300px,calc(100% - 30px));box-shadow:0 16px 45px #0005}.pause-kicker{color:#19835b;font-size:10px;font-weight:800}.pause-card h3{font-size:14px;line-height:1.45;margin:8px 0 12px;white-space:pre-wrap}.pause-card>div:last-child{display:flex;gap:6px}.transport{height:49px;display:flex;align-items:center;gap:10px;padding:0 15px}.transport button{border:0;background:none;color:#227f52}.transport-play{width:27px;height:27px!important;background:#278156!important;color:white!important;border-radius:50%;font-size:10px}.transport span{font-size:10px;color:#5e6f61;font-variant-numeric:tabular-nums;min-width:40px}.transport input{flex:1;accent-color:#258d59}.timeline-panel{margin-top:16px}.timeline-top{padding:17px 19px 13px;display:flex;justify-content:space-between;align-items:end}.timeline-top h2{font-size:15px;margin:5px 0 0}.timeline-meta{display:flex;gap:14px;color:#91a192;font-size:10px;font-variant-numeric:tabular-nums}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 13px;border-top:1px solid #edf2ec;border-bottom:1px solid #e7eee6;background:#fafcf9}.toolbar-group{display:flex;gap:3px}.toolbar button{border:1px solid transparent;background:transparent;color:#42614b;border-radius:5px;padding:6px 7px;font-size:10px;font-weight:750}.toolbar button:hover,.toolbar button.active{background:#e2f2e5;color:#12794e;border-color:#c3e3ca}.toolbar-divider{width:1px;height:21px;background:#dce8dd}.track-shell{display:flex;border-bottom:1px solid #e9efe8}.track-labels{width:125px;flex:none;background:#f8faf8;border-right:1px solid #e6ece5}.ruler-spacer{height:30px;border-bottom:1px solid #e5ece3}.track-name{height:60px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #e5ece3;font-size:10px;font-weight:800;white-space:nowrap}.track-name:last-child{border-bottom:0}.track-name small{display:block;color:#a0aea2;font-size:8px;font-weight:500;margin-top:3px}.track-icon{height:25px;width:25px;display:grid;place-items:center;border-radius:5px;font-size:14px}.video-icon{color:#199460;background:#e0f3e7}.audio-icon{color:#4b8ab0;background:#e8f2fa}.draw-icon{color:#c58b37;background:#fff2df}.voice-icon{color:#bb6e69;background:#ffeded}.timeline-scroll{min-width:0;flex:1;overflow-x:auto;overflow-y:hidden}.timeline-content{min-width:0;position:relative}.ruler{height:30px;border-bottom:1px solid #e5ece3;position:relative;background:repeating-linear-gradient(to right,#f9fcf9 0,#f9fcf9 calc(10% - 1px),#e5ebe5 calc(10% - 1px),#e5ebe5 10%)}.ruler-tick{position:absolute;top:7px;color:#8fa392;font-size:9px;transform:translateX(-50%);font-variant-numeric:tabular-nums}.ruler-tick:first-child{transform:none}.lane{height:60px;position:relative;border-bottom:1px solid #e4ece4;background:repeating-linear-gradient(to right,#fff 0,#fff calc(10% - 1px),#edf1ed calc(10% - 1px),#edf1ed 10%);cursor:crosshair}.lane:last-of-type{border-bottom:0}.audio-lane{background-color:#fafcff}.draw-lane{background-color:#fffdf9}.voice-lane{background-color:#fffafa}.clip{position:absolute;top:9px;height:41px;min-width:4px;border-radius:5px;padding:6px 7px;overflow:visible;white-space:nowrap;font-size:10px;font-weight:800;cursor:grab;user-select:none;box-shadow:0 2px 6px #163b2b22}.clip:active{cursor:grabbing}.clip.video{background:linear-gradient(90deg,#2dbb79,#17895a);border:1px solid #08794b;color:white}.clip.audio{background:linear-gradient(90deg,#a7d6f3,#83bce1);border:1px solid #72a5c4;color:#235777}.clip.draw{background:linear-gradient(90deg,#ffd97e,#f0ba54);border:1px solid #d9a442;color:#714c14}.clip.voice{background:linear-gradient(90deg,#f7b5af,#ed938d);border:1px solid #dd7970;color:#6e302d}.clip.selected{outline:2px solid #102f25;outline-offset:2px;z-index:4}.clip .clip-sub{display:block;opacity:.75;font-size:8px;margin-top:2px;font-weight:600}.clip .edge{position:absolute;top:-3px;bottom:-3px;width:9px;border-radius:3px;background:#fff;border:2px solid currentColor;z-index:2;cursor:ew-resize}.clip .edge.left{left:-4px}.clip .edge.right{right:-4px}.clip.audio.muted{opacity:.46}.clip.audio .wave,.clip.voice .wave{position:absolute;left:7px;right:7px;bottom:5px;height:9px;opacity:.25;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 6px);mask-image:linear-gradient(180deg,transparent 0,#000 40%)}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#203e2d;z-index:5;pointer-events:none}.playhead:before{content:"";position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #203e2d}.timeline-bottom{padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9aaa9e;font-size:9px}.timeline-bottom>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.timeline-bottom button{border:1px solid #d6e7d8;background:#fff;color:#277c50;border-radius:5px;padding:6px 7px;font-size:9px;font-weight:800}.timeline-bottom button:hover{background:#edf8ed}.edit-note{margin-top:12px;background:#eaf2e9;border:1px solid #deeadb;border-radius:7px;padding:10px 13px;color:#78907e;font-size:10px}.inspector{min-height:760px}.inspector-head{padding:20px 18px 17px;border-bottom:1px solid #edf1eb}.inspector-head h2{font-size:17px;margin:7px 0}.inspector-head p{color:#95a699;font-size:10px;line-height:1.5;margin:0}.tool-section{padding:17px 17px 18px;border-bottom:1px solid #edf1eb}.section-title{font-size:10px;font-weight:850;color:#46654e;margin-bottom:11px}.draw-toolbar{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tool{height:49px;border:1px solid #dfebe0;background:#fff;border-radius:6px;color:#456950;font-size:19px;display:flex;align-items:center;justify-content:center;flex-direction:column}.tool small{font-size:8px;font-weight:700;margin-top:2px}.tool:hover,.tool.active{border-color:#4bab73;background:#eaf7ec;color:#168450}.tool-settings{margin-top:13px;display:flex;align-items:center;gap:11px;font-size:9px;color:#789180}.tool-settings label{display:flex;align-items:center;gap:5px}.tool-settings input[type=color]{width:23px;height:23px;padding:0;border:0;background:none}.tool-settings input[type=range]{width:68px;accent-color:#21935f}.record-panel{background:#f9fbf8;border:1px dashed #d9e7db;padding:11px;border-radius:7px}.record-state{display:flex;align-items:center;gap:7px;color:#7e9685;font-size:9px;line-height:1.4;margin-bottom:10px}.record-state i{height:7px;width:7px;flex:none;background:#a9b8aa;border-radius:50%}.record-state i.active{background:#e75c51;box-shadow:0 0 0 4px #ffe6e3;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.record-panel>.button{width:100%;height:30px}.record-actions{display:flex;justify-content:space-between;margin-top:9px}.record-actions button{border:0;background:none;color:#248458;font-size:9px;font-weight:800}.properties{border-bottom:0}.selection-panel{font-size:10px}.empty-selection{border:1px dashed #dbe6db;border-radius:7px;color:#a1afa2;padding:25px 10px;text-align:center}.property-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.property-head strong{font-size:11px}.property-head span{font-size:9px;color:#9baa9e}.prop-row{display:flex;align-items:center;gap:7px;margin:10px 0}.prop-row label{width:40px;flex:none;color:#849587;font-size:9px}.prop-row input,.prop-row textarea{flex:1;min-width:0;border:1px solid #dbe7dc;background:#fbfdfa;border-radius:5px;padding:7px;color:#375440;font-size:10px}.prop-row input[type=range]{padding:0;accent-color:#2b9b65}.prop-row textarea{height:70px;resize:vertical}.prop-actions{display:flex;gap:7px;margin-top:14px}.prop-actions button{border:1px solid #dce9de;border-radius:5px;background:white;color:#497957;padding:7px;font-size:9px;font-weight:800}.prop-actions button:hover{background:#eef8ef}.prop-note{color:#9cab9e;font-size:9px;line-height:1.5;margin-top:10px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#071c13aa;display:grid;place-items:center;padding:20px}.modal{width:min(440px,100%);background:#fff;border-radius:13px;box-shadow:0 25px 60px #05160f66;padding:28px;position:relative}.modal-close{position:absolute;right:15px;top:11px;border:0;background:none;color:#8da08f;font-size:22px}.modal h2{font-size:19px;margin:5px 0 10px}.modal p{font-size:11px;line-height:1.7;color:#718677}.modal .button{margin-top:16px}.toast-stack{position:fixed;bottom:20px;right:20px;z-index:30;display:flex;flex-direction:column;gap:7px}.toast{background:#143d2b;color:white;padding:11px 14px;border-radius:7px;box-shadow:0 10px 25px #0c251877;font-size:11px}.toast.error{background:#a34b41}@media(max-width:1250px){.editor-grid{grid-template-columns:minmax(500px,1fr) 266px}.sidebar{width:195px}.workspace{padding:22px}.heading h1{font-size:23px}}@media(max-width:1000px){.editor-grid{grid-template-columns:1fr}.inspector{min-height:0}.tool-section{display:inline-block;vertical-align:top;width:33.33%;border-right:1px solid #edf1eb;border-bottom:0}.draw-toolbar{grid-template-columns:repeat(3,1fr)}.track-labels{width:110px}}@media(max-width:740px){.app{display:block}.sidebar{width:100%;height:auto;padding:12px;display:flex;flex-direction:row;align-items:center;gap:10px}.brand{margin:0;flex:none}.brand strong{font-size:12px}.brand small,.sidebar-label,.sidebar-field,.sidebar-section,.sidebar #projectPicker,.sidebar-new,.sidebar-spacer,.sidebar-foot,.coach{display:none}.topbar{padding:0 15px;height:45px}.workspace{padding:16px}.heading{display:block}.heading-actions{margin-top:15px;flex-wrap:wrap}.heading h1{font-size:21px}.track-labels{width:92px}.track-name{padding:0 5px;gap:3px;font-size:8px}.track-name small{font-size:7px}.track-icon{width:18px;height:18px;font-size:11px}.tool-section{width:100%;display:block;border-bottom:1px solid #edf1eb}.timeline-bottom{display:block}.timeline-bottom>div{margin-top:8px;justify-content:flex-start}}

.modal-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#298355}.modal-note{background:#f0f7f0;border-radius:7px;padding:10px 12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}

.stage-wrap{display:flex;align-items:stretch;background:#10251b}.stage-wrap .stage{flex:1;min-width:0}.vertical-tools{width:62px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 5px;background:#173629;border-left:1px solid #315444}.rail-caption{font-size:8px;letter-spacing:.06em;color:#9bc7a9;margin:0 0 3px}.vertical-tools .tool{width:49px;height:45px;flex:none;background:#214636;border-color:#38634b;color:#d9efdf;font-size:18px}.vertical-tools .tool small{font-size:8px;color:#b9d1c0}.vertical-tools .tool:hover,.vertical-tools .tool.active{background:#e5f4e6;border-color:#8fd5a5;color:#126c44}.vertical-tools .tool:hover small,.vertical-tools .tool.active small{color:#20734c}.tool-description{font-size:10px;line-height:1.55;color:#849a89;margin:0 0 11px}.zoom-controls{display:flex;align-items:center;gap:2px}.zoom-controls input{width:90px;accent-color:#268c5c;cursor:pointer}.clip.video .clip-preview{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:4px;pointer-events:none}.clip.video .clip-preview img{display:block;flex:1;min-width:0;width:0;height:100%;object-fit:cover;opacity:.76}.clip.video .clip-title,.clip.video .clip-sub{position:relative;z-index:1;text-shadow:0 1px 3px #0b2718,0 0 5px #0b2718}.timeline-hover{position:fixed;z-index:15;pointer-events:none;width:156px;padding:5px;background:#14261d;color:#f5fff5;border:1px solid #61856e;border-radius:7px;box-shadow:0 12px 30px #06180f77;text-align:center}.timeline-hover img{display:block;width:144px;height:81px;object-fit:contain;background:#07160f;border-radius:3px}.timeline-hover span{display:block;margin-top:4px;font-size:10px;font-variant-numeric:tabular-nums}.timeline-hover.no-image img{display:none}@media(max-width:1000px){.vertical-tools{width:56px}.vertical-tools .tool{width:45px;height:41px}}@media(max-width:740px){.vertical-tools{width:49px;gap:2px;padding:5px 3px}.vertical-tools .tool{width:42px;height:33px;font-size:14px}.vertical-tools .tool small{font-size:6px}.rail-caption{display:none}.zoom-controls input{width:60px}}

/* The editable timeline is the video's only playback control surface. */
.video-panel{border-radius:10px 10px 0 0}
.timeline-panel{margin-top:-1px;border-radius:0 0 10px 10px}
.timeline-panel .toolbar{border-top:0}
.timeline-time{min-width:48px;padding:0 6px;color:#516c59;font-size:10px;font-variant-numeric:tabular-nums}
.track-mute{height:25px;width:25px;flex:none;display:grid;place-items:center;padding:0;border:1px solid #cfe2ef;border-radius:5px;background:#e8f2fa;color:#4b8ab0;font-size:14px}
.track-mute[aria-pressed="true"]{border-color:#a9b5ba;background:#e5ebed;color:#627178}
.clip.draw{display:flex;align-items:center;gap:4px;overflow:hidden;padding:3px 7px;background:#fff8e9;border-color:#e3bf7a}
.clip.draw .clip-shape{width:31px;height:26px;flex:none;filter:drop-shadow(0 1px 1px #3e2d1533)}
.clip.draw .clip-title{overflow:hidden;text-overflow:ellipsis}
.clip.draw .clip-sub{display:none}
.draw-shape{stroke:inherit;stroke-width:inherit}
.login-qr{display:block;width:220px;height:220px;object-fit:contain;margin:16px auto;border:1px solid #dce9de;border-radius:8px;background:#fff}
.publish-team-label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#315d43}
.publish-team-label select{width:100%;padding:10px;border:1px solid #cfe0d0;border-radius:7px;background:#fff;color:#194632}
.modal-actions{display:flex;justify-content:flex-end;gap:8px}
.clip.voice{width:26px!important;min-width:26px;padding:3px 0;text-align:center;overflow:visible;background:#ffe7e3;border-color:#d78379;color:#a84e43}
.clip.voice:before{content:"";position:absolute;left:12px;top:37px;width:2px;height:13px;background:#d78379}
.clip.voice .clip-title{font-size:0}
.clip.voice .clip-title:after{content:"⏸";font-size:17px;line-height:28px}
.clip.voice .clip-sub,.clip.voice .wave{display:none}

.waveform-preview{position:absolute;left:7px;right:7px;bottom:4px;height:17px;display:flex;align-items:center;gap:1px;overflow:hidden;pointer-events:none}.waveform-preview i{display:block;flex:1;min-width:1px;background:#287aa6;border-radius:1px;opacity:.62}
/* Compact editor: the stage and timeline occupy the full working width. */
.editor-grid{display:block}.center{width:100%}.vertical-tools{position:relative}.pen-settings{position:absolute;right:61px;top:215px;z-index:12;width:210px;padding:14px;background:#fff;color:#244b34;border:1px solid #d8e9da;border-radius:9px;box-shadow:0 15px 35px #07180e55}.pen-settings strong{display:block;margin-bottom:12px;font-size:12px}.pen-settings label{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:9px;font-size:11px}.pen-settings input[type=range]{width:105px}.toolbar .record-state{font-size:9px;color:#728d79;display:flex;align-items:center;gap:4px;max-width:145px}.toolbar .record-state i{width:6px;height:6px;border-radius:50%;background:#b6c9b8}.toolbar .record-state i.active{background:#e64d51;box-shadow:0 0 0 3px #e64d5122}.toolbar #recordButton{color:#b5484d}.toolbar #addImageButton{color:#377ab0}.modal:has(#propertyModalContent){max-height:80vh;overflow:auto}.property-modal-panel{padding-top:6px}.draw-image{pointer-events:none}@media(max-width:740px){.pen-settings{right:49px;top:155px}.toolbar .record-state{display:none}}
.draw-layer.selecting{pointer-events:auto;touch-action:none}
.draw-layer.selecting .draw-item{pointer-events:auto;cursor:move}
.draw-layer.selecting .draw-item *{pointer-events:visiblePainted;cursor:move}
.draw-layer.selecting .draw-item .draw-hit{fill:transparent;stroke:none;pointer-events:all;cursor:move}
.draw-layer.selecting .draw-item .draw-image{pointer-events:all}
.draw-layer.selecting .draw-item.selected{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 3px #178550)}
.draw-transform{pointer-events:none}
.draw-selection-box{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:10 7;filter:drop-shadow(0 0 2px #123b26);pointer-events:none}
.draw-anchor{fill:#fff;stroke:#168657;stroke-width:3;pointer-events:all;cursor:nwse-resize}
.draw-anchor[data-edit-handle="ne"],.draw-anchor[data-edit-handle="sw"]{cursor:nesw-resize}
.draw-move-anchor{fill:#168657;stroke:#fff;cursor:move}
.toolbar #recordPauseButton,.toolbar #recordSyncButton{color:#b5484d}.clip.syncVoice{background:linear-gradient(90deg,#c4b5f7,#a791eb);border:1px solid #8978d1;color:#382c72}.clip.syncVoice .wave{position:absolute;left:7px;right:7px;bottom:5px;height:9px;opacity:.25;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 6px)}
.clip .edge{top:0;bottom:0;width:12px;border:0;border-radius:0;background:transparent;box-shadow:none}.clip .edge.left{left:-6px}.clip .edge.right{right:-6px}.clip .edge::after{content:"";position:absolute;top:7px;bottom:7px;width:2px;background:currentColor;opacity:0}.clip .edge.left::after{left:6px}.clip .edge.right::after{right:6px}.clip:hover .edge::after,.clip .edge:hover::after{opacity:.55}
.clip.syncVoice.recording{border-style:dashed;background:#d9cdfa;color:#4c3d82;box-shadow:0 0 0 2px #a58ad533;pointer-events:none}.clip.syncVoice.recording .clip-title::before{content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#e45259;vertical-align:2px;animation:blink 1s infinite}

/* The project name remains editable in the sidebar; the editor starts with the video. */
.sidebar-project-title{display:block;margin:10px 3px 0;color:#9bc0ab;font-size:10px}
.sidebar-project-title input{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #336047;border-radius:8px;outline:none;background:#1b4433;color:#e6f4e7;font-size:12px}
.sidebar-project-title input:focus{border-color:#76bd8e}
.sidebar-project-state{align-self:flex-start;margin:9px 3px 4px}
.editor-actions{justify-content:flex-end;align-items:center;margin-bottom:16px}
.editor-actions>span{margin-right:8px;color:#91a293;font-size:10px}
@media(max-width:740px){.sidebar-project-title,.sidebar-project-state{display:none}.editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0 0 13px}}
/* A track click selects content; only the ruler moves the playhead. */
.lane.selected-lane{box-shadow:inset 0 0 0 2px #4b9c68}
.lane .clip{cursor:crosshair}
.lane .clip:active{cursor:crosshair}
.range-selection{position:absolute;top:2px;bottom:2px;z-index:6;pointer-events:none;background:#43a77155;border:2px solid #208653;border-radius:4px;min-width:2px}
.range-selection span{position:absolute;top:2px;left:4px;white-space:nowrap;padding:2px 4px;border-radius:3px;background:#185b37;color:#fff;font-size:9px;font-weight:800}
.zoom-controls #undoButton{margin-left:7px}
.ruler{cursor:crosshair}
.clip.needs-adjustment{outline:2px dashed #c94a42;outline-offset:2px}
.needs-adjustment-note{color:#a63d34;background:#fff0ed;border-radius:5px;padding:8px}
/* Coach workspace navigation and review management. */
.sidebar-nav{display:grid;gap:6px;padding:0 3px}.sidebar-nav button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#bad1c2;font-size:13px;font-weight:800}.sidebar-nav button:hover,.sidebar-nav button.active{background:#23543b;color:#fff;border-color:#376c4d}.sidebar-nav button span{flex:1}
.topbar .top-right{gap:9px}.workspace-view{min-width:0}.view-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:21px}.view-heading h1,.detail-panel h1{font-size:26px;margin:6px 0}.view-heading p,.detail-panel p{font-size:12px;color:#7c9381;margin:0}.list-count{color:#77917d;font-size:11px}.list-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.list-filters input,.list-filters select,.editor-context input,.editor-context select,.create-field input,.create-field select{height:36px;border:1px solid #d6e5d8;border-radius:7px;background:#fff;color:#214a30;padding:0 11px;font-size:12px}.list-filters input{min-width:240px;flex:1}.list-filters select{min-width:145px}.content-list{display:grid;gap:10px}.list-card{width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #deeadf;border-radius:10px;background:#fff;padding:15px;box-shadow:0 5px 18px #163c2608}.list-card:hover{border-color:#79b88d;box-shadow:0 8px 24px #163c2618}.list-card-body{display:grid;gap:5px;min-width:0;flex:1}.list-card-body strong{font-size:14px;color:#214c32;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card-body small{font-size:11px;color:#849889}.team-avatar{width:49px;height:49px;display:grid;place-items:center;flex:none;border-radius:10px;background:#e1f3e7;color:#218250;font-size:20px;font-weight:900}.review-cover{width:88px;height:57px;display:grid;place-items:center;flex:none;border-radius:7px;background:linear-gradient(130deg,#173e2b,#31845b);color:#e3f9e7;font-size:21px;overflow:hidden}.review-cover img{width:100%;height:100%;object-fit:cover}.review-status{display:inline-flex;align-items:center;flex:none;border-radius:50px;padding:5px 9px;background:#e9f3ff;color:#3c77ad;font-size:10px;font-weight:800}.review-status.draft{background:#fff3dc;color:#93681d}.review-status.withdrawn{background:#f1f1f1;color:#777}.card-arrow{flex:none;font-size:11px;color:#2d8052;font-weight:800}.list-empty{padding:40px 20px;text-align:center;background:#fff;border:1px dashed #d6e5d8;border-radius:10px;color:#83998a;font-size:12px}.list-empty button{display:block;margin:12px auto 0;border:0;background:none;color:#168350;font-weight:800}.view-back{border:0;background:none;color:#268051;font-weight:800;font-size:12px;margin:0 0 16px;padding:0}.detail-panel{background:#fff;border:1px solid #e0e9e0;border-radius:11px;padding:25px;box-shadow:0 5px 20px #163c2609}.detail-title{display:flex;align-items:start;justify-content:space-between;gap:20px}.detail-stats{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0}.detail-stats span{background:#f2f8f3;border-radius:8px;padding:13px 18px;font-size:11px;color:#64816b}.detail-stats strong{display:block;color:#216e43;font-size:21px;margin-bottom:3px}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.detail-note{font-size:11px!important;line-height:1.6}.button.danger{background:#fff1ef;color:#b34a40;border-color:#f2c8c2}.button.danger:hover{background:#ffe6e2}.published-preview{position:relative;max-width:920px;background:#0b1b13;border-radius:8px;overflow:hidden}.published-preview video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.published-pause{position:absolute;right:16px;bottom:55px;z-index:2;width:min(300px,calc(100% - 32px));padding:14px;border-radius:9px;background:#fffffff2;box-shadow:0 8px 28px #0005}.published-pause p{margin:0 0 10px;color:#31553c}.published-pause button{margin-right:5px}.editor-context{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:13px}.editor-context label,.create-field{display:grid;gap:5px;color:#738d79;font-size:10px;font-weight:800}.editor-context label:nth-child(2){flex:1;min-width:200px}.editor-context input{width:100%}.editor-context .view-back{margin:0 0 9px}.create-field{margin:13px 0}.create-field input,.create-field select{width:100%}
@media(max-width:740px){.sidebar{display:flex;padding:10px 12px}.sidebar-nav{display:flex;gap:4px;padding:0}.sidebar-nav button{width:auto;padding:8px 9px;font-size:10px}.topbar{height:auto;min-height:52px;flex-wrap:wrap;gap:7px;padding:8px 15px}.topbar .top-right{flex-wrap:wrap}.topbar .local-pill{display:none}.view-heading h1,.detail-panel h1{font-size:21px}.list-filters input{min-width:100%}.list-card{gap:9px;padding:11px}.review-cover{width:62px;height:45px}.card-arrow{display:none}.detail-panel{padding:17px}}
body:not(.coach-authenticated) .app{visibility:hidden}