#transcribe{min-width:0}#tr-list-area{display:flex;gap:8px;flex-wrap:wrap}#tr-search{width:100%}#tr-list{width:100%}#tr-list button{width:100%;text-align:left}#tr-editor[hidden],#tr-empty[hidden],#tr-finder[hidden]{display:none!important}.tr-title-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tr-title-row>input{flex:1;min-width:0;font-size:20px}.tr-title-row>span{font-size:12px;color:var(--muted)}.tr-media{padding:12px!important;margin-bottom:10px!important}.tr-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tr-tools button,.tr-tools select{padding:7px 10px}.tr-tools label{display:flex;align-items:center;gap:5px;font-size:14px}.tr-tools input[type=checkbox]{width:auto}.tr-media audio{width:100%;height:44px;margin:8px 0}.tr-media p:empty{display:none}.tr-media p{margin:6px 0 0;font-size:12px}#tr-media-name{font-size:12px;overflow-wrap:anywhere}#tr-body{display:block;width:100%;min-height:45vh;box-sizing:border-box;resize:vertical;font-size:18px;line-height:1.8;padding:14px;margin:10px 0;font-family:inherit}#tr-body:read-only{opacity:.8}.tr-menu{position:relative;flex-shrink:0}.tr-menu summary{cursor:pointer;list-style:none;font-size:22px;padding:5px 12px}.tr-menu>div{position:absolute;right:0;top:100%;width:230px;max-height:65vh;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:10px;z-index:40;display:grid;gap:7px}.tr-menu label{font-size:13px;display:grid;gap:5px}.tr-local-note{font-size:12px;line-height:1.6}#tr-status:empty{display:none}#tr-finder{display:flex;gap:6px;align-items:center;margin-top:8px}#tr-finder input{flex:1;min-width:0}#tr-list-area:has(#tr-list:empty){display:none}body.desktop-workspace #tr-list-area{display:none}#tr-list .desktop-list-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.tr-edit-tools button{min-height:40px}
@media(max-width:800px),(max-width:1100px) and (pointer:coarse){#tr-body{min-height:48dvh}.tr-title-row{flex-wrap:wrap}.tr-title-row>input{font-size:18px}.tr-title-row>span{order:3;width:100%}.tr-media{padding:10px!important}.tr-tools{gap:5px}.tr-tools button{font-size:13px;padding:7px 8px}#tr-editor .tr-tools label{font-size:13px}#tr-editor{padding:0 2px}.tr-menu summary{padding:4px 9px}}

@media(max-width:800px),(max-width:1100px) and (pointer:coarse){body.mobile-workspace #secondary-body #tr-new{display:none}}
.rec-controls{padding:12px!important;margin-bottom:10px!important}.rec-controls p{margin:8px 0 0;font-size:13px}.rec-filter{margin-bottom:10px}.rec-filter>input{flex:1;min-width:0}.rec-filter label{white-space:nowrap}.rec-card{padding:12px!important;margin-bottom:8px!important}.rec-card .panel-heading{margin:0;gap:8px}.rec-card .panel-heading strong{overflow-wrap:anywhere}.rec-card small{font-size:12px;color:var(--muted)}.rec-card audio{width:100%;margin-top:8px}.rec-card p{font-size:13px;margin:6px 0}.rec-controls [hidden]{display:none!important}
#tr-body[hidden]{display:none!important}#tr-rich{min-height:45vh;border-color:var(--line);border-radius:0 0 8px 8px}#tr-rich .ql-editor{height:48vh;min-height:260px;overflow:auto;font-family:inherit;line-height:1.8;padding:16px;white-space:pre-wrap}#tr-rich-toolbar{background:var(--panel);border-color:var(--line);color:var(--text);padding:5px}#tr-rich-toolbar[hidden]{display:none}#tr-rich-toolbar .ql-stroke{stroke:var(--text)}#tr-rich-toolbar .ql-fill{fill:var(--text)}#tr-rich-toolbar .ql-picker{color:var(--text)}#tr-rich-toolbar .ql-picker-options{background:var(--panel);border-color:var(--line)}.tr-native-toolbar,.tr-native-player,.tr-position-bar,.tr-timeline{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.tr-native-toolbar{margin-bottom:7px}.tr-native-toolbar button,.tr-position-bar button,.tr-native-player button{font-size:12px;padding:5px 8px;min-height:32px}.tr-native-player #tr-speed{width:68px;padding:5px;font-size:12px}.tr-native-player #tr-source-name{flex:1;min-width:80px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-native-player #tr-player-clock{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.tr-native-player input[type=range]{width:75px;padding:0}.tr-timeline{flex-wrap:nowrap;margin-top:5px}.tr-timeline input{flex:1;min-width:0;padding:0;height:20px}.tr-timeline span,#tr-text-percent{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.tr-position-bar{margin-top:4px}.tr-position-bar #tr-text-percent{margin-left:auto;color:#9fccef}.tr-compact .tr-media audio,.tr-compact #tr-pick,.tr-compact #tr-media-name{display:none}.tr-compact .tr-media{padding:7px!important;margin-bottom:7px!important}.tr-active-sentence{background:rgba(65,151,240,.2);outline:1px solid rgba(65,151,240,.5)}.tr-pro-dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(650px,94vw);max-height:85vh;overflow:auto;padding:16px}.tr-pro-dialog>label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px}.tr-pro-dialog>button{display:block;margin:6px 0;width:100%;text-align:left}.tr-pro-dialog input[type=checkbox]{width:auto}.tr-pro-dialog select{width:110px}.tr-pro-dialog input[type=color]{width:55px;padding:2px}.tr-review-row{display:flex;gap:5px;padding:7px 0}.tr-review-row>button:first-child{flex:1;text-align:left}#tr-finder{flex-wrap:wrap}#tr-finder input{min-width:100px}.ql-editor.ql-blank:before{color:var(--muted);font-style:normal}#transcribe:fullscreen{overflow:auto;padding:12px;background:#000}#tr-rich .ql-tooltip{background:var(--panel);color:var(--text);border-color:var(--line)}
@media(max-width:800px),(max-width:1100px) and (pointer:coarse){.tr-native-toolbar{max-height:80px;overflow:auto}.tr-native-player{gap:4px}.tr-native-player #tr-source-name{flex-basis:50%;font-size:11px}.tr-native-player #tr-player-clock{font-size:11px}.tr-position-bar{gap:3px}.tr-position-bar button{font-size:11px;padding:4px 6px}#tr-rich .ql-editor{height:50dvh;padding:12px}#tr-rich-toolbar .ql-formats{margin-right:5px}#tr-rich-toolbar{padding:4px}.tr-pro-dialog{box-sizing:border-box}.tr-review-row{flex-wrap:wrap}}

.tr-edit-tools[hidden]{display:none!important}.tr-compact .tr-media>.tr-tools{display:none}.tr-native-player label{font-size:12px;white-space:nowrap}.tr-native-player #tr-loop{width:auto}.tr-position-bar #tr-wordcount{font-size:12px;color:var(--muted)}#tr-rich-toolbar .ql-picker-label{font-size:12px}
.tr-toolbar-more{position:relative}.tr-toolbar-more>summary{list-style:none;cursor:pointer;padding:5px 9px;font-size:12px;border:1px solid var(--line);border-radius:6px}.tr-toolbar-more>div{position:absolute;right:0;top:100%;background:var(--panel);border:1px solid var(--line);padding:8px;display:grid;gap:5px;z-index:45;min-width:150px}.tr-toolbar-more[hidden],.tr-native-toolbar button[hidden]{display:none!important}.tr-compact #tr-audio{display:none}#tr-editor.tr-show-video #tr-audio{display:block;width:100%;max-height:40vh;margin:8px 0}.tr-media video{width:100%;max-height:40vh}#tr-pro-settings{white-space:nowrap}
@media(max-width:800px),(max-width:1100px) and (pointer:coarse){.tr-native-toolbar{overflow:visible;max-height:none;flex-wrap:wrap;gap:4px}.tr-native-toolbar>button{min-width:30px;padding:4px 7px;font-size:16px}.tr-toolbar-more>summary{font-size:20px;padding:0 9px}.tr-toolbar-more>div{left:0;right:auto;max-height:65dvh;overflow:auto}}
.tr-ai-dialog label{display:flex;gap:8px;align-items:center;margin:10px 0}.tr-ai-dialog label>input:not([type=checkbox]),.tr-ai-dialog label>select,.tr-ai-dialog label>textarea{flex:1;min-width:0}.tr-ai-dialog progress{width:100%;height:12px}.tr-ai-dialog #tr-ai-result{width:100%;min-height:180px;white-space:pre-wrap}.tr-ai-dialog [hidden]{display:none!important}
/* The transcription document uses the whole pane, including wide and fullscreen windows. */
body.desktop-workspace:not(.mobile-workspace)[data-module=transcribe] main{display:flex;flex-direction:column;height:100dvh;min-height:0;padding:0 10px 8px;overflow:hidden}
body.desktop-workspace:not(.mobile-workspace)[data-module=transcribe] main>header{position:static;flex-shrink:0;height:56px;min-height:56px;margin:0 -10px 8px;padding:0 16px}
body.desktop-workspace:not(.mobile-workspace) #transcribe.active{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:none;margin:0}
body.desktop-workspace:not(.mobile-workspace) #tr-workspace,body.desktop-workspace:not(.mobile-workspace) #tr-editor:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
body.desktop-workspace:not(.mobile-workspace) #tr-editor>*{flex-shrink:0}
body.desktop-workspace:not(.mobile-workspace) #tr-rich{display:flex;flex-direction:column;flex:1;min-height:80px;height:auto}
body.desktop-workspace:not(.mobile-workspace) #tr-rich .ql-editor{flex:1;min-height:0;height:100%;overflow:auto;overscroll-behavior:contain}
body.desktop-workspace:not(.mobile-workspace) .tr-local-note{margin:4px 0 0;line-height:1.35;font-size:11px}
body.desktop-workspace:not(.mobile-workspace) #tr-status{margin:4px 0;font-size:12px}
#transcribe:fullscreen{display:flex;flex-direction:column;width:100vw;height:100dvh;max-width:none;margin:0;padding:8px;overflow:hidden;background:var(--paper,#000)}
#transcribe:fullscreen #tr-list-area{display:none}
#transcribe:fullscreen #tr-workspace,#transcribe:fullscreen #tr-editor:not([hidden]){display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
#transcribe:fullscreen #tr-editor>*{flex-shrink:0}
#transcribe:fullscreen #tr-rich{display:flex;flex-direction:column;flex:1;min-height:60px;height:auto}
#transcribe:fullscreen #tr-rich .ql-editor{flex:1;min-height:0;height:100%;overflow:auto}
#transcribe:fullscreen .tr-local-note{margin:4px 0 0;line-height:1.35;font-size:11px}