:root{color:#dddeda;font-synthesis:none;--surface:#202223;--surface-raised:#282b2c;--border:#343737;--muted:#939995;--accent:#b6d2a0;--accent-dark:#233322;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#191b1c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button,input,textarea,select{border-radius:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{transition:background-color .12s,border-color .12s}button svg{flex-shrink:0}button:hover:not(:disabled){filter:brightness(1.1)}h1,h2,h3,p{margin:0}h2{font-size:12px;font-weight:550}input,textarea,select{color:#e1e3df;background:#1c1e1f;border:1px solid #414545;min-width:0;padding:9px 10px}input::placeholder,textarea::placeholder{color:#787f7a}textarea{resize:vertical;width:100%;line-height:1.6}input[type=number]{font-family:ui-monospace,SFMono-Regular,monospace}code,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.muted{color:var(--muted);font-size:11px;font-weight:400}.workspace{flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--border);background:#202223;justify-content:space-between;align-items:center;height:58px;padding:0 25px;display:flex}.brand{color:#eee;letter-spacing:2px;align-items:center;gap:12px;font-size:17px;font-weight:650;text-decoration:none;display:flex}.brand-mark{color:#182119;background:var(--accent);border-radius:7px 2px;place-items:center;width:29px;height:29px;padding:0 3px 4px 0;font-family:Georgia,serif;font-size:26px;font-style:italic;display:grid}.brand-divider{background:#454947;width:1px;height:18px;margin:0 4px}.brand-subtitle{color:#a1a6a2;letter-spacing:.1px;font-size:12px;font-weight:400}.header-actions,.document-actions{align-items:center;gap:9px;display:flex}.local-label{color:#959e94;padding-right:12px;font-size:11px}.text-button{color:#a8b2a4;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:5px 0;font-size:11px;display:inline-flex}.document-toolbar{border-bottom:1px solid var(--border);background:#1b1d1e;justify-content:space-between;align-items:center;gap:16px;padding:21px 25px;display:flex}.document-title{align-items:center;gap:13px;min-width:0;display:flex}.file-symbol{color:#a9b4a6;letter-spacing:.5px;border:1px solid #515a50;border-radius:3px;padding:16px 6px 5px;font:9px ui-monospace,monospace}.document-title h1{letter-spacing:-.3px;word-break:break-word;align-items:center;gap:8px;margin-bottom:7px;font-size:18px;font-weight:550;display:flex}.document-title div>span{color:#858c88;font-size:11px}.document-title b{color:#555e57;padding:0 7px;font-weight:400}.unsaved-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.button{color:#d5dbd1;white-space:nowrap;background:#2a2d2b;border:1px solid #454a46;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:9px 13px;font-size:12px;display:inline-flex}.button.primary{color:#1c2b18;background:var(--accent);border-color:var(--accent);font-weight:600}.button.small{min-height:29px;padding:6px 10px;font-size:11px}.icon-button{color:#a0a8a0;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;padding:5px;display:inline-flex}.icon-button svg{width:18px;height:18px}.icon-button:hover:not(:disabled){color:#e5e9e2;background:#343936}.editor-layout{flex:1;grid-template-columns:220px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--border);background:#1e2021;flex-direction:column;min-height:700px;display:flex}.sidebar-heading{color:#a9b0a7;align-items:center;gap:9px;padding:18px 16px 0;display:flex}.sidebar-heading h2{color:#d9ded5;flex:1}.sidebar-heading .icon-button{margin-right:-7px}.sidebar-description{color:#818982;padding:5px 16px 21px;font-size:11px}.tier-list{padding:0 8px}.sidebar-tier{border:1px solid #0000;border-radius:5px;align-items:center;margin:3px 0;padding-right:4px;display:flex}.sidebar-tier.active{background:#2a3228;border-color:#45513f}.tier-select{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:12px 6px 12px 8px;display:flex}.tier-select>span:first-of-type{text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.tier-select small{color:#86917f;margin-top:5px;font-size:10px;display:block}.tier-color{background:var(--tier-color);border-radius:2px;flex-shrink:0;width:7px;height:7px}.color-0{--tier-color:#b3c39c;--tier-fill:#363e2f;--tier-border:#697d54}.color-1{--tier-color:#a9bdc6;--tier-fill:#2c393f;--tier-border:#586e7a}.color-2{--tier-color:#c5b89b;--tier-fill:#403b2d;--tier-border:#7d7155}.color-3{--tier-color:#bcb1c8;--tier-fill:#3a3341;--tier-border:#756580}.tier-count{color:#919c8c;font-variant-numeric:tabular-nums;font-size:10px}.sidebar-tier>.icon-button{opacity:.65;width:22px}.add-tier-button{text-align:left;color:#959e91;background:0 0;border:0;align-items:center;gap:8px;margin:15px 16px;padding:9px 0;font-size:11px;display:flex}.sidebar-bottom{margin-top:auto;padding:25px 16px 20px}.session-note{color:#798775;border-top:1px solid var(--border);align-items:flex-start;gap:9px;padding-top:17px;display:flex}.session-note svg{flex-shrink:0;margin-top:2px}.session-note p{color:#90998b;font-size:11px;line-height:1.7}.sidebar-caption{color:#626d62;margin-top:20px;font-size:10px;display:block}.editor-main{flex-direction:column;min-width:0;display:flex}.upper-panels{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 310px;min-height:338px;display:grid}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:9px 17px;display:flex}.panel-title{color:#b0b7ad;align-items:center;gap:9px;display:flex}.panel-title h2{color:#d0d6cb;white-space:nowrap}.panel-title .muted{margin-left:7px;font-size:10px}.media-panel{background:#1b1d1e;flex-direction:column;min-width:0;display:flex}.media-stage{background:#17191a;flex:1;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.media-stage.has-media{background:#101212}.media-placeholder{text-align:center;padding:25px 15px}.media-icon{color:#8a9b82;background:#22281f;border:1px solid #3b4437;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 14px;display:flex}.media-placeholder h3{color:#c0c9b9;letter-spacing:-.2px;margin-bottom:8px;font-size:15px;font-weight:450}.media-placeholder p{color:#828c7e;font-size:11px;line-height:1.7}.media-placeholder .button{color:#c1d0b5;background:#2b3328;border-color:#4a5841;margin-top:17px}.media-placeholder>small{color:#626e5e;margin-top:11px;font-size:9px;display:block}.video-player{object-fit:contain;width:100%;height:250px;display:block}.audio-player{opacity:0;width:1px;height:1px;position:absolute}.audio-art{color:#a5bb96;flex-direction:column;align-items:center;gap:13px;max-width:100%;padding:25px;display:flex}.audio-art span{word-break:break-word;font-size:14px}.audio-art small{color:var(--muted)}.media-footer{border-top:1px solid #2b302b;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:8px 16px;display:flex}.media-filename{color:#7f8c79;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.media-footer label{color:#929a8e;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.media-footer input{width:65px;padding:3px 4px;font-size:10px}.inspector{border-left:1px solid var(--border);background:#232526;min-width:0}.inspector .panel-header code{color:#6e7968;font-size:10px}.inspector-body{padding:15px 17px}.annotation-meta{color:#899480;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px;display:flex}.tag{color:#b2c19f;text-overflow:ellipsis;background:#30362b;border:1px solid #49513f;border-radius:3px;max-width:75%;padding:4px 6px;overflow:hidden}.field-label{color:#929c8a;margin-bottom:8px;font-size:10px;display:block}.inspector textarea{min-height:75px;margin-bottom:9px;font-size:12px}.time-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.time-fields label{color:#a0a897;font-size:10px;display:block}.time-fields label>span{float:right;color:#6f7b68}.time-fields input{width:100%;margin-top:7px;padding:7px 8px;font-size:11px;display:block}.time-fields small{color:#717c6b;margin-top:5px;font:9px ui-monospace,monospace;display:block}.timing-form{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.timing-form .button{margin-top:10px}.danger{color:#cb9c8d;margin-top:15px}.help-text{color:#929a8c;margin:10px 0;font-size:11px;line-height:1.65}.inspector-empty{color:#75826b;text-align:center;padding:50px 25px}.inspector-empty h3{color:#b0bba7;margin:13px 0 8px;font-size:14px;font-weight:400}.inspector-empty p{color:#899581;font-size:11px;line-height:1.8}.transport{border-bottom:1px solid var(--border);background:#242726;grid-template-columns:1fr 1fr 1fr;align-items:center;height:61px;padding:0 20px;display:grid}.transport-left{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.time-display{color:#d9e3d1;letter-spacing:-1px;font:20px ui-monospace,monospace}.time-total{color:#7a8871;font:11px ui-monospace,monospace}.play-controls{justify-content:center;align-items:center;gap:7px;display:flex}.play-button{color:#cadfbb;background:#3c4d31;border:1px solid #536747;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.control-divider{background:#3d4539;width:1px;height:16px;margin:0 7px;display:inline-block}.speed-select{color:#91a382;border:1px solid #3a4335;border-radius:4px;justify-self:end;align-items:center;padding:0 8px 0 0;display:flex}.speed-select select{appearance:none;background:0 0;border:0;padding:6px 7px;font:11px ui-monospace,monospace}.edit-toolbar{border-bottom:1px solid var(--border);background:#202322;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.history-controls{align-items:center;gap:3px;display:flex}.selection-label{color:#84917a;align-items:center;gap:9px;font-size:10px;display:flex}.selection-label code{color:#acb9a1;font-size:10px}.selection-duration{color:#717e68;margin-left:5px}.timeline-panel{background:#202322}.zoom-controls{align-items:center;gap:5px;display:flex}.zoom-controls>span{color:#8d9d81;text-align:center;width:35px;font-size:10px}.timeline-scroll{max-height:400px;overflow:auto}.timeline-content{padding-bottom:17px;position:relative}.ruler-row,.waveform-row,.timeline-row{grid-template-columns:150px minmax(0,1fr);display:grid}.tier-heading{z-index:5;color:#69785f;letter-spacing:1px;border-right:1px solid var(--border);background:#202322;padding:17px 14px;font-size:9px;position:sticky;left:0}.tier-heading span{margin-left:10px}.ruler{height:43px;margin-right:32px;position:relative;overflow:hidden}.ruler-tick{color:#74866a;white-space:nowrap;background:0 0;border:0;border-left:1px solid #3a4335;border-radius:0;padding:0 5px 13px;font:9px ui-monospace,monospace;position:absolute;top:0;bottom:0}.timeline-row{border-top:1px solid #2b322a}.tier-label{text-align:left;border:0;border-right:1px solid var(--border);z-index:5;background:#202322;border-radius:0;align-items:center;gap:9px;min-height:68px;padding:12px 14px;display:flex;position:sticky;left:0}.tier-label>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.tier-label small{color:#75836a;text-overflow:ellipsis;margin-top:6px;font-size:9px;display:block;overflow:hidden}.active-tier .tier-label{background:#2a3227}.tier-track{touch-action:none;cursor:crosshair;min-height:68px;margin-right:32px;position:relative}.active-tier .tier-track{background:#232a21}.grid-line{pointer-events:none;border-left:1px solid #2b3429;height:100%;position:absolute}.annotation-block{border:1px solid var(--tier-border);text-align:left;background:var(--tier-fill);height:47px;color:var(--tier-color);border-radius:3px;min-width:3px;padding:8px;position:absolute;top:10px;overflow:hidden}.annotation-block span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.annotation-block small{opacity:.65;margin-top:5px;font:8px ui-monospace,monospace;display:block}.annotation-block.selected{outline-offset:1px;outline:1px solid #c9dfb5}.range-overlay{pointer-events:none;background:#b0d09412;border-left:1px solid #9cbe745c;border-right:1px solid #9cbe745c;position:absolute;top:0;bottom:0}.playhead{pointer-events:none;z-index:4;background:#d4dca0;width:1px;position:absolute;top:0;bottom:0}.playhead:before{content:"";background:#d4dca0;width:7px;height:5px;position:absolute;top:0;left:-3px}.annotation-table-panel{border-top:1px solid var(--border);background:#1d201e;flex:1;min-height:180px}.count-badge{color:#819276;border:1px solid #3c4835;border-radius:4px;padding:1px 5px;font-size:9px}.table-filters{align-items:center;gap:10px;display:flex}.search-field{color:#718468;align-items:center;gap:7px;display:flex}.search-field input{background:0 0;border:0;width:170px;padding:4px 0;font-size:10px}.table-filters select{background:#242b21;border-color:#3a4534;max-width:150px;padding:5px 8px;font-size:10px}.table-scroll{max-height:245px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#7d9071;z-index:1;background:#222820;padding:9px 16px;font-size:9px;font-weight:400;position:sticky;top:0}td{color:#8d9a84;white-space:nowrap;border-bottom:1px solid #293127;padding:9px 16px}td:last-child{white-space:normal;width:65%}.table-tier{color:#a8b89c;font-size:10px}.selected-row td{background:#2a3426}.annotation-link{text-align:left;color:#b2bfaa;background:0 0;border:0;width:100%;padding:0;font-size:11px;line-height:1.6}.status-bar{border-top:1px solid var(--border);color:#7f9075;background:#1b1f1a;justify-content:space-between;align-items:center;gap:15px;min-height:31px;padding:8px 17px;font-size:10px;display:flex}.status-bar span{align-items:center;gap:6px;display:flex}.notice,.recovery-banner{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:8px 24px;font-size:11px;line-height:1.6;display:flex}.notice.error{color:#e0b8a8;background:#3b2923}.notice.success,.recovery-banner{color:#c0d3b0;background:#2d3928}.notice>span,.recovery-banner>span{flex:1}.empty-state{text-align:center;color:#8b9c7d;padding:25px;font-size:12px}.modal{color:#d4dec9;background:#252b23;border:1px solid #56634c;border-radius:9px;width:min(460px,100% - 48px);padding:0;box-shadow:0 25px 100px #0007}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#090e0aca}.modal>header{border-bottom:1px solid #414d39;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.modal h2{font-size:15px}.modal>form,.guide-content{padding:22px}.modal form>label{margin-bottom:18px;font-size:12px;display:block}.modal form>label>input,.modal form>label>textarea{width:100%;margin-top:9px;display:block}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-context{color:#becfb0;margin-bottom:19px;font-size:12px}.modal-context span{color:#8a9c7c;margin-top:8px;font:11px ui-monospace,monospace;display:block}.guide-content p,.guide-content li{font-size:12px;line-height:1.8}.guide-content ol{color:#a9bc9b;padding-left:20px}.guide-content dl{grid-template-columns:120px 1fr;row-gap:10px;padding-top:12px;font-size:11px;display:grid}.guide-content dt{color:#cee2bb;font-family:ui-monospace,monospace}.guide-content dd{color:#8fa77d;margin:0}.fatal-error{max-width:500px;margin:80px auto;line-height:1.8}.fatal-error p{margin:20px 0}@media (width>=1500px){.upper-panels{grid-template-columns:minmax(0,1fr) 360px}.media-stage{min-height:300px}.video-player{height:300px}}@media (width<=1100px){.editor-layout{grid-template-columns:185px minmax(0,1fr)}.upper-panels{grid-template-columns:minmax(0,1fr) 280px}.selection-duration,.panel-title .muted{display:none}.selection-label{gap:5px}.transport{padding:0 12px}.time-display{font-size:17px}.time-total{font-size:9px}.ruler-row,.waveform-row,.timeline-row{grid-template-columns:125px minmax(0,1fr)}}@media (width<=850px){.editor-layout{grid-template-columns:155px minmax(0,1fr)}.brand-subtitle,.local-label{display:none}.upper-panels{grid-template-columns:minmax(0,1fr)}.inspector{border-left:0;border-top:1px solid var(--border)}.inspector-body{grid-template-columns:1fr 1fr;gap:15px;display:grid}.annotation-meta{grid-column:1/-1;margin-bottom:0}.timing-form{border-top:0;margin-top:0;padding-top:0}.danger{margin-top:0}.inspector-empty{padding:20px}.media-placeholder{padding:20px 10px}.document-toolbar{padding:17px}.document-title h1{font-size:15px}.file-symbol{display:none}.table-filters{gap:5px}.search-field input{width:125px}.time-total,.selection-label>span:last-child{display:none}.tier-select{padding:10px 5px}.sidebar-tier>.icon-button{width:18px}.tier-count{display:none}.sidebar-heading{gap:5px;padding:12px 10px 0}.sidebar-heading h2{font-size:10px}.sidebar-description{padding:8px 10px 14px;font-size:10px}.add-tier-button{margin:12px 10px;font-size:10px}.sidebar-bottom{padding:18px 10px}.session-note svg{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (width<=700px){.editor-layout{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:0;padding:6px 8px;display:block}.sidebar-heading,.sidebar-description,.sidebar-bottom{display:none}.tier-list{gap:5px;padding:0;display:flex;overflow-x:auto}.sidebar-tier{flex:1;min-width:155px}.add-tier-button{margin:4px;padding:5px 0}.document-toolbar{padding:15px 12px}.document-title h1{font-size:14px}.document-actions{gap:6px}.document-actions .button{gap:5px;padding:8px;font-size:10px}.app-header{height:50px;padding:0 15px}.inspector-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.status-bar{flex-wrap:wrap;font-size:9px}.panel-header{padding-left:12px;padding-right:12px}.table-filters select{max-width:110px}.recovery-banner{flex-wrap:wrap;padding:10px 14px}}@media (width<=480px){.document-toolbar{flex-direction:column;align-items:flex-start}.document-actions{justify-content:flex-end;width:100%}.inspector-body{display:block}.annotation-meta{margin-bottom:14px}.timing-form{margin-top:14px}.danger{margin-top:12px}.selection-label code{font-size:9px}.selection-label{gap:5px;font-size:0}.history-controls .control-divider{margin:0 3px}.edit-toolbar{padding:8px}.transport{grid-template-columns:1fr 1fr auto;padding:0 10px}.time-display{font-size:16px}.play-controls{gap:2px}.table-filters{flex-wrap:wrap;justify-content:flex-end}.search-field input{width:110px}.table-filters select{max-width:90px}.annotation-table-panel .panel-header{gap:5px}}.annotation-actions,.tier-management-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tier-management-actions{border-top:1px solid var(--border,#ddd);margin-top:20px;padding:16px 22px}.linked-media-panel{border-top:1px solid var(--border,#ddd);padding:12px 16px}.linked-media-panel summary{cursor:pointer;font-size:12px;font-weight:600}.linked-recordings{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.linked-recording{min-width:0;padding-top:12px}.linked-recording-heading{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.linked-recording-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.linked-recording video{background:#141714;width:100%;max-height:180px;margin:8px 0}.linked-recording label{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.linked-recording input[type=number]{width:100px}.waveform-row{border-bottom:1px solid var(--border);min-height:64px;display:grid}.waveform-track{color:#8caa73;background:#202720;min-width:0;margin-right:32px}.waveform-track svg{cursor:crosshair;width:100%;height:64px;display:block}.waveform-track p{color:#73796f;margin:0;padding:16px;font-size:11px}.modal form>label>select{width:100%;margin-top:9px;display:block}