:root{color:var(--text);background:var(--surface);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#f0f0f0;--surface-raised:#fafafa;--surface-pressed:#d8e7f4;--surface-sunken:#e8e8e8;--dialog-bg:#ececec;--dialog-header-bg:#3579ad;--control:#fff;--control-raised:#f5f5f5;--control-alt:#eee;--control-sunken:#f7f7f7;--control-hover:#e0e0e0;--bevel-light:#fff;--bevel-light-2:#dfdfdf;--bevel-dark:#b5b5b5;--border:#a9a9a9;--border-dark:#858585;--border-strong:#777;--border-popup:#969696;--border-field:#8f8f8f;--border-button:#999;--border-soft:#aaa;--border-faint:#c3c3c3;--border-fainter:#e2e2e2;--border-light:#c8c8c8;--text:#1f1f1f;--text-soft:#333;--text-tertiary:#444;--text-secondary:#555;--text-faint:#666;--text-disabled:#989898;--muted:#646464;--blue:#2878b8;--blue-soft:#d4e8f8;--green:#47b54f;--red:#e54b4b;--hover-bg:#d6e9f7;--hover-border:#90b9d8;--menu-hover-bg:#d9eaf7;--menu-hover-border:#9fc1dc;--pressed-border:#86afd0;--link-hover:#1a66c2;--warning:#a15d00;--error:#c80000;--status-busy:#e5a224;--error-soft-bg:#ffc8c8;--error-faint-bg:#ffe4e4;--warning-faint-bg:#fff7e0;--grid-header-fg:#000;--grid-header-border:#7a9cb8;--grid-header-cell-border:#8fb0cb;--grid-header-hover:#8fbcd8;--grid-header-sorted-fg:#103050;--grid-left-fg:#14331b;--row-height:20px;--audio-bg:#000;--audio-waveform:#0c0;--audio-spectrum:#3f9fff;--audio-selection:#00c80040;--audio-play-cursor:#fff;--audio-line-start:#d80000;--audio-line-end:#0000d8;--audio-line-inactive:#bebebe;--audio-seconds:#0064ff;--audio-keyframe:#f0f;--audio-syllable:#ff0;font-family:Segoe UI,Microsoft YaHei UI,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:var(--surface)}button,input,textarea,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--blue);outline-offset:-1px}button:disabled{color:var(--text-disabled);cursor:default}.loading-screen{background:var(--surface);height:100dvh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.app-shell{background:var(--surface);grid-template-rows:24px 30px minmax(0,1fr) 20px;width:100%;height:100dvh;display:grid;overflow:hidden}.app-shell.toolbar-hidden{grid-template-rows:24px minmax(0,1fr) 20px}.menu-bar{z-index:40;background:var(--surface);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:stretch;min-width:0;display:flex;position:relative}.menu-list{align-items:stretch;min-width:max-content;display:flex}.menu-root{position:relative}.menu-trigger{cursor:default;background:0 0;border:0;border-radius:0;height:23px;padding:0 9px;font-size:12px}.menu-trigger:hover,.menu-trigger.open{background:var(--menu-hover-bg);box-shadow:inset 0 0 0 1px var(--menu-hover-border)}.menu-project{min-width:0;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;align-self:center;padding:0 9px;font-size:11px;overflow:hidden}.menu-popup{background:var(--control-raised);border:1px solid var(--border-popup);width:max-content;padding:3px;font-size:12px;position:absolute;top:25px;left:0;box-shadow:2px 3px 8px #00000038}.menu-item{text-align:left;white-space:nowrap;cursor:default;background:0 0;border:0;border-radius:0;grid-template-columns:16px 16px minmax(0,1fr) max-content 14px;align-items:center;gap:4px;width:100%;height:20px;padding:0 5px 0 2px;display:grid}.menu-item:hover:not(:disabled){background:var(--menu-hover-bg);outline:1px solid var(--menu-hover-border)}.menu-check{place-items:center;display:grid}.menu-icon{width:16px;height:16px;display:block}.menu-shortcut{color:var(--text-secondary);padding-left:20px}.menu-separator{background:var(--border-faint);height:1px;margin:3px 4px 3px 24px}.menu-popup-sub{z-index:50;position:absolute;top:-4px;left:100%}.menu-submenu.open{background:var(--menu-hover-bg);outline:1px solid var(--menu-hover-border)}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:0;min-width:0;padding:2px 4px;display:flex;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}.toolbar-cluster{border-right:1px solid var(--border-soft);gap:1px;padding:0 5px;display:flex}.toolbar-cluster:first-child{padding-left:0}.toolbar-cluster:last-child{border-right:0}.tool-button,.icon-button,.field-icon,.visual-tool,.audio-tool,.edit-toolbar button,.dialog-close{cursor:default;background:0 0;border:1px solid #0000;border-radius:2px;flex:none;place-items:center;width:27px;height:27px;padding:0;display:inline-grid}.tool-button{width:calc(var(--icon-size,16px) + 10px);height:calc(var(--icon-size,16px) + 10px)}.tool-button img,.visual-tool img,.audio-tool img{width:var(--icon-size,16px);height:var(--icon-size,16px)}.tool-button img{pointer-events:none;-webkit-user-select:none;user-select:none}.visual-tool,.audio-tool{width:calc(var(--icon-size,16px) + 11px);height:calc(var(--icon-size,16px) + 11px)}.tool-button-label{color:var(--text-secondary);font-size:11px}.tool-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.field-icon:hover:not(:disabled),.visual-tool:hover,.audio-tool:hover,.edit-toolbar button:hover,.dialog-close:hover{background:var(--hover-bg);border-color:var(--hover-border)}.pressed{background:var(--surface-pressed)!important;border-color:var(--pressed-border)!important}.workspace{grid-template-rows:minmax(320px,calc(100dvh - 194px)) minmax(120px,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.top-workspace{border-bottom:1px solid var(--border-dark);align-items:stretch;min-width:0;min-height:0;display:flex}.right-workspace{flex:1;grid-template-rows:200px minmax(0,1fr);min-width:320px;min-height:0;display:grid}.audio-sash{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border-top:1px solid #ffffff14;border-bottom:1px solid #00000059;height:4px}.audio-sash:hover,.audio-sash:focus-visible{background:#80808047}.preview-panel{border-right:1px solid var(--border-dark);background:#111;flex:0 auto;grid-template-rows:minmax(min-content,1fr) 2px 25px 29px;min-width:0;min-height:0;display:grid}.video-content{grid-template-rows:minmax(min-content,1fr) auto;grid-template-columns:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.visual-toolbar.visual-subtoolbar{border-top:1px solid var(--border-faint);grid-area:2/1}.video-content>.video-stage{grid-area:1/2/span 2}.visual-toolbar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-area:1/1;align-items:center;gap:1px;min-width:30px;min-height:0;padding:3px 0;display:flex;overflow-y:auto}.visual-sep{background:var(--border-soft);width:22px;height:1px;margin:2px 0}.video-stage{background:#111;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.video-stage video{object-fit:contain;background:#080808;width:100%;height:100%;display:block}.video-zoom-stage{place-items:center;display:grid;position:absolute;inset:0}.video-zoom-stage>video,.video-zoom-stage>.dummy-video-stage{flex:none}.system-fonts-hint{z-index:30;color:#d8d8dc;background:#18181ceb;border:1px solid #4a4a52;border-radius:6px;align-items:center;gap:10px;max-width:min(92%,640px);padding:6px 10px;font-size:12px;line-height:1.45;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.system-fonts-hint button{color:#fff;cursor:pointer;background:#2e2e36;border:1px solid #5a5a64;border-radius:4px;flex:none;padding:3px 10px;font-size:12px}.system-fonts-hint button:hover{background:#3c3c46}.system-fonts-hint .system-fonts-hint-close{color:#9a9aa2;background:0 0;border-color:#0000;padding:3px 7px}.system-fonts-hint .system-fonts-hint-close:hover{color:#fff}.webcodecs-video-error{color:#ffb4b4;text-align:center;white-space:pre-wrap;pointer-events:none;background:#000000a6;justify-content:center;align-items:center;padding:16px;font-size:12px;line-height:1.5;display:flex;position:absolute;inset:0}.subtitle-overlay{pointer-events:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.cross-coordinate-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.empty-media{color:#ddd;cursor:default;background:#303030;border:1px solid #777;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:108px;height:70px;display:flex}.empty-media:hover{background:#363f46;border-color:#a9d4f3}.transport{display:none}.seek-slider{width:100%;height:4px;accent-color:var(--blue);cursor:pointer}.video-static-line{background:var(--border);height:2px}.video-slider{background:var(--surface);cursor:pointer;touch-action:none;width:100%;height:25px;margin:0;display:block}.video-bottom{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:4px;min-width:0;padding:2px 5px;display:flex}.video-tool-btn{cursor:default;background:0 0;border:1px solid #0000;border-radius:2px;flex:none;place-items:center;width:27px;height:25px;padding:0;display:inline-grid}.video-tool-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--hover-border)}.video-position,.video-subs-pos{border:1px solid var(--border);background:var(--control);min-width:0;height:21px;color:var(--text);white-space:nowrap;flex:1;padding:0 4px;font:11px Consolas,monospace}.video-zoom{border:1px solid var(--border);background:var(--control);flex:none;width:60px;height:21px;padding:0 2px;font-size:11px}.audio-panel{border-bottom:1px solid var(--border-dark);background:#1c1c1c;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.audio-main{background:var(--surface);border:1px solid var(--border-popup);border-top-color:var(--border-light);border-left-color:var(--border-light);align-items:stretch;min-width:0;min-height:0;padding:3px;display:flex}.audio-toolbar{background:var(--surface);border-top:1px solid var(--border);scrollbar-width:none;grid-template-rows:minmax(350px,64%) minmax(140px,1fr);gap:0;min-width:0;padding:2px 3px;display:flex;overflow:auto hidden}.audio-toolbar::-webkit-scrollbar{display:none}.audio-toolbar-group{border-right:1px solid var(--border-soft);gap:1px;padding:0 4px;display:flex}.audio-toolbar-group:last-child{border-right:0}.audio-vert{background:var(--surface);border-left:1px solid var(--border);flex-direction:row;flex:0 0 60px;align-items:stretch;gap:2px;padding:3px 2px;display:flex}.audio-vert>.vert-slider{flex:0 0 18px;height:auto}.audio-vertvol-area{flex-direction:column;flex:1;align-items:stretch;min-width:38px;min-height:0;display:flex}.audio-vertvol{flex:1;gap:2px;min-width:0;min-height:0;display:flex}.audio-vertvol .vert-slider{flex:1}.audio-vertvol-area>.audio-tool{flex:0 0 26px;width:100%;height:26px}.audio-vertvol-area>.audio-tool img{width:16px;height:16px}.vert-slider{writing-mode:vertical-lr;width:18px;accent-color:var(--blue);direction:rtl;margin:0}.vert-slider-min-top{direction:ltr}.waveform{background:var(--audio-bg);flex:1;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.waveform canvas{cursor:crosshair;width:100%;height:100%;display:block}.waveform-label{color:#9a9a9a;pointer-events:none;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waveform-label.warning{color:#a15d00}.edit-panel{background:var(--surface);border:1px solid var(--border-field);border-top-color:var(--bevel-light);border-left-color:var(--bevel-light);min-width:0;min-height:0;box-shadow:inset -1px -1px var(--bevel-dark), inset 1px 1px var(--bevel-light-2);flex-direction:column;padding:0;display:flex;overflow:hidden}.empty-edit{color:var(--muted);justify-content:center;align-items:center}.edit-row{align-items:center;min-width:0;display:flex}.edit-row-top{flex:0 0 24px;margin:3px}.edit-middle{flex-wrap:wrap;flex:none;align-items:center;min-width:0;margin:0 3px;display:flex;overflow:hidden}.edit-row-times,.edit-row-format{flex:none;height:27px;margin-bottom:3px}.edit-panel input,.edit-panel select,.style-inspector input,.style-inspector select,.dialog-fields input{width:100%;min-width:0;height:24px;color:var(--text);background:var(--control);border:1px solid var(--border);border-radius:1px;padding:2px 5px}.edit-panel select,.style-inspector select{padding-top:0;padding-bottom:0}.comment-toggle{white-space:nowrap;align-items:center;gap:3px;margin-right:5px;font-size:11px;display:flex}.comment-toggle input{width:14px;height:14px;margin:0}.edit-style{flex:2 110px;min-width:110px;margin-right:5px}.edit-edit-btn{white-space:nowrap;border:1px solid var(--border);background:var(--surface);cursor:default;border-radius:1px;flex:none;height:24px;margin-right:5px;padding:0 10px;font-size:11px}.edit-edit-btn:hover{background:var(--hover-bg)}.edit-actor{flex:2 110px;min-width:110px;margin-right:5px}.edit-effect{flex:3 80px;min-width:80px}.char-count{text-align:center;min-width:31px;height:24px;color:var(--text-tertiary);background:var(--control);border:1px solid var(--border);justify-content:center;align-items:center;padding:0 4px;font-size:11px;display:inline-flex}.char-count.over-limit{background:var(--error-soft-bg)}.char-cps{font-size:10px}.char-cps.cps-warn{color:var(--warning)}.char-cps.cps-error{color:var(--error);font-weight:700}.edit-row-times>.layer-field{text-align:center;flex:0 0 58px;width:58px;margin-right:5px}.edit-row-times>.time-field{text-align:center;flex:0 0 100px;width:100px;padding-left:2px;padding-right:2px;font:11px Consolas,monospace}.edit-row-times>.duration-field{margin-left:5px}.edit-row-times>.margin-field{text-align:center;flex:0 0 52px;width:52px;padding-left:2px;padding-right:2px}.edit-row-times>.duration-field+.margin-field{margin-left:5px}.edit-row-times>.margin-field:last-child{margin-right:5px}.edit-row-format button{border:1px solid var(--border-soft);background:var(--control-alt);cursor:default;border-radius:1px;flex:none;place-items:center;width:26px;height:26px;padding:0;display:inline-grid}.edit-row-format button:hover{background:var(--hover-bg);border-color:var(--hover-border)}.edit-toolbar-spacer{flex:0 0 5px;width:5px}.edit-color-picker{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.dialog-fieldset{border:1px solid var(--border-dark);border-radius:2px;flex-direction:column;gap:4px;margin:0 0 8px;padding:6px 10px;display:flex}.dialog-fieldset legend{color:var(--text-tertiary);padding:0 4px;font-size:12px}.dialog-fieldset .dialog-row{align-items:center;gap:14px;display:flex}.karaoke-bar{border:1px solid var(--border-dark);background:var(--surface);flex-direction:column;gap:3px;padding:3px;display:flex;position:relative}.karaoke-toprow{align-items:stretch;gap:2px;display:flex}.karaoke-btn{border:1px solid var(--border);background:var(--control-alt);cursor:pointer;justify-content:center;align-items:center;width:18px;height:auto;display:flex}.karaoke-btn:disabled{opacity:.4;cursor:default}.karaoke-split{cursor:text;flex:1;min-width:0;display:block}.karaoke-timing{cursor:ew-resize;width:100%;display:block}.karaoke-pending{color:var(--warning);font-size:11px}.automation-list{border:1px solid var(--border-dark);flex-direction:column;min-width:560px;max-height:320px;display:flex;overflow:auto}.automation-row{border-bottom:1px solid var(--border-fainter);grid-template-columns:24px 170px 120px 1fr 120px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:grid}.automation-header{background:var(--surface-sunken);font-weight:600}.automation-row.automation-error{background:var(--error-soft-bg)}.automation-empty{color:var(--text-faint)}.automation-macros{color:var(--text-faint);font-style:normal}.automation-actions{justify-content:flex-end;gap:4px;display:flex}.automation-actions button{padding:1px 6px;font-size:11px}.edit-time-mode{white-space:nowrap;align-items:center;gap:5px;margin-left:10px;font-size:11px;display:flex}.edit-time-mode label{align-items:center;gap:3px;margin-right:5px;display:flex}.show-original{white-space:nowrap;align-items:center;gap:3px;margin:0;font-size:11px;display:flex}.cue-editor-original{resize:none;width:auto;min-height:50px;color:var(--text-faint);background:var(--control-sunken);border:1px solid var(--border-field);flex:50px;margin:0 3px 3px;padding:4px 6px;font:12px/1.3 Segoe UI,Microsoft YaHei UI,sans-serif}.cue-editor-wrap{flex:50px;width:auto;min-height:50px;margin:0 3px 3px;position:relative}.cue-editor,.cue-editor-highlight{border:1px solid var(--border-field);white-space:pre-wrap;word-wrap:break-word;border-radius:1px;width:100%;height:100%;margin:0;padding:5px 7px;font:13px/1.35 Segoe UI,Microsoft YaHei UI,sans-serif;position:absolute;inset:0;overflow:auto}.cue-editor-highlight{color:var(--text);background:var(--control);pointer-events:none}.cue-editor{color:#0000;caret-color:var(--text);resize:none;z-index:1;background:0 0;border-color:#0000}.cue-editor::selection{background:var(--blue-soft);color:var(--text)}.cue-editor:focus{border-color:#0000;outline:none}.edit-bottom-actions{flex:none;align-items:center;margin:0 3px 3px;display:flex}.edit-bottom-actions button{border:1px solid var(--border);background:var(--control-alt);border-radius:1px;height:24px;margin-right:5px;padding:0 10px;font-size:11px}.edit-bottom-actions button:last-child{margin-right:0}.grid-panel{background:var(--control);width:100%;min-width:0;min-height:0;overflow:hidden}.subtitle-grid-scroll{width:100%;height:100%;padding-right:15px;position:relative;overflow:hidden}.subtitle-grid-minwidth{grid-template-rows:var(--row-height) minmax(0, 1fr);width:100%;height:100%;display:grid}.grid-fill{flex:1!important}.grid-hidden{display:none!important}.grid-columns{align-items:stretch;display:flex}.subtitle-grid-header{z-index:2;color:var(--grid-header-fg);background:var(--grid-header-bg,#a5cfe7);border-bottom:1px solid var(--grid-header-border);font-size:12px;font-weight:600;position:relative}.subtitle-grid-header span{border-right:1px solid var(--grid-header-cell-border);white-space:nowrap;flex:none;align-items:center;padding:1px 5px 0 4px;display:flex}.grid-header-cell.sortable{cursor:pointer}.grid-header-cell.sortable:hover{background:var(--grid-header-hover)}.grid-header-cell.sorted{color:var(--grid-header-sorted-fg)}.grid-header-cell.sorted:after{content:"▼";margin-left:2px;font-size:8px}.subtitle-grid-viewport{scrollbar-width:none;height:100%;min-height:0;overflow:hidden auto}.subtitle-grid-viewport::-webkit-scrollbar{display:none}.grid-scrollbar{z-index:3;background:var(--control-raised);border-left:1px solid var(--border-faint);-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;width:15px;display:flex;position:absolute;top:0;bottom:0;right:0}.grid-scrollbar-btn{flex:none;place-items:center;height:15px;display:grid}.grid-scrollbar-btn:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.grid-scrollbar-btn.up:before{border-bottom:5px solid var(--text-secondary)}.grid-scrollbar-btn.down:before{border-top:5px solid var(--text-secondary)}.grid-scrollbar-btn:hover{background:var(--control-hover)}.grid-scrollbar-track{flex:auto;position:relative}.grid-scrollbar-thumb{background:var(--border-faint);border:1px solid var(--border-soft);position:absolute;left:1px;right:1px}.grid-scrollbar-thumb:hover{background:var(--border-soft)}.grid-scrollbar.disabled .grid-scrollbar-btn:before{opacity:.4}.grid-scrollbar.disabled .grid-scrollbar-thumb{display:none}.subtitle-row{height:var(--row-height);color:var(--grid-fg,#000);border-bottom:1px solid var(--grid-line,#bebebe);font-size:var(--grid-font-size,12px);cursor:default;-webkit-user-select:none;user-select:none;position:absolute;left:0;right:0}.subtitle-row>span{white-space:nowrap;text-overflow:ellipsis;border-right:1px solid var(--grid-line,var(--surface-sunken));flex:none;align-items:center;min-width:0;padding:1px 5px 0 4px;display:flex;overflow:hidden}.grid-cell-centered{justify-content:center;padding-left:6px!important;padding-right:3px!important}.grid-cps{color:var(--text-faint)}.grid-cps.cps-error{color:var(--grid-cps-error,red);font-weight:700}.subtitle-row.selected{background:var(--grid-sel-bg,#ceffe7);color:var(--grid-sel-fg,#000)}.subtitle-row.comment{background:var(--grid-comment-bg,#d8def5)}.subtitle-row.selected.comment{background:var(--grid-sel-comment-bg,#d3eeee)}.subtitle-row.at-time:not(.selected):not(.comment){background:var(--grid-inframe-bg,#fffdea)}.subtitle-row.active{box-shadow:inset 0 0 0 1px var(--grid-active-border,#ff5bef)}.row-number{color:var(--grid-left-fg);background:var(--grid-left-bg,#c4ecd1)}.subtitle-row.selected .row-number{color:var(--grid-sel-fg,#000)}.grid-context-menu{z-index:120;background:var(--control-raised);border:1px solid var(--border-popup);min-width:160px;padding:3px;font-size:12px;position:fixed;overflow-y:auto;box-shadow:2px 3px 8px #00000038}.grid-context-menu .menu-item{text-align:left;white-space:nowrap;cursor:default;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;width:100%;height:20px;padding:0 8px;display:flex}.grid-context-menu .menu-item:hover:not(:disabled){background:var(--menu-hover-bg);outline:1px solid var(--menu-hover-border)}.app-footer{min-width:0;color:var(--text-tertiary);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:13px max-content max-content minmax(100px,1fr);align-items:center;gap:7px;padding:0 6px;font-size:10px;display:grid}.app-footer>span:not(.status-indicator){border-left:1px solid var(--border-faint);white-space:nowrap;padding-left:7px}.app-footer>button.status-decoder{appearance:none;border:none;border-left:1px solid var(--border-faint);font:inherit;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;margin:0;padding:0 0 0 7px}.app-footer>button.status-decoder:hover{color:var(--link-hover);text-decoration:underline}.status-indicator{background:var(--green);border-radius:50%;width:8px;height:8px}.status-indicator.busy{background:var(--status-busy);animation:.8s ease-in-out infinite alternate status-pulse}.status-message{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@keyframes status-pulse{to{opacity:.35}}.dialog-backdrop{z-index:100;background:#00000047;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.app-dialog{background:var(--dialog-bg);border:1px solid var(--border-strong);max-width:calc(100vw - 30px);max-height:calc(100dvh - 30px);display:grid;box-shadow:0 12px 30px #00000059}.app-dialog>header{color:#fff;background:var(--dialog-header-bg);justify-content:space-between;align-items:center;height:32px;padding:0 5px 0 9px;font-size:12px;display:flex}.app-dialog>footer{border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;gap:6px;min-height:39px;padding:5px 8px;display:flex}.app-dialog>footer button{border:1px solid var(--border-button);background:var(--control-raised);border-radius:2px;min-width:76px;height:27px}.dialog-close{color:#fff}.style-dialog{grid-template-rows:32px minmax(0,1fr) 39px;width:560px}.style-manager-dialog{grid-template-rows:32px minmax(0,1fr) 39px;width:min(900px,100vw - 24px);height:min(680px,100vh - 24px)}.style-manager-body{background:var(--surface-sunken);min-height:0;padding:10px;overflow:auto}.style-catalog{grid-template-columns:minmax(200px,1fr) auto auto;gap:6px;margin:0 0 9px;display:grid}.style-manager-columns{grid-template-columns:minmax(280px,1fr) 145px minmax(280px,1fr);align-items:center;gap:8px;min-width:740px;display:grid}.style-list-panel{min-width:0;margin:0}.style-list-main{grid-template-columns:minmax(0,1fr) 31px;gap:5px;display:grid}.style-list-main>select{border:1px solid var(--border-field);background:var(--control);width:100%;min-height:310px}.style-move-buttons,.style-copy-buttons{flex-direction:column;gap:4px;display:flex}.style-move-buttons button{width:31px;min-height:28px}.style-list-actions{gap:5px;margin-top:7px;display:flex}.style-list-actions button{align-items:center;gap:3px;display:inline-flex}.style-copy-buttons button{min-height:32px}.dialog-backdrop.nested{z-index:120}.style-editor-dialog{grid-template-rows:32px minmax(0,1fr) 39px;width:min(820px,100vw - 28px);height:min(680px,100vh - 28px)}.style-editor-grid{background:var(--surface-sunken);grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);align-items:start;gap:5px;min-height:0;padding:5px;display:grid;overflow:auto}.style-editor-column{align-content:start;gap:5px;min-width:0;display:grid}.style-editor-grid fieldset{gap:5px;margin:0;display:grid}.style-editor-grid label{grid-template-columns:85px minmax(0,1fr);align-items:center;gap:5px;font-size:11px;display:grid}.style-font-row{gap:5px;display:flex}.style-font-row input:first-child{flex:1;min-width:0}.style-checks{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.style-checks label{grid-template-columns:none;display:flex}.style-colors{justify-content:center;gap:5px;display:flex}.style-color-field{justify-items:center;gap:3px;font-size:11px;grid-template-columns:none!important;display:grid!important}.style-color-field>span{border:1px solid var(--border-strong);width:55px;height:16px}.style-margin-align{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px;display:grid}.style-margins{justify-content:center;gap:5px;display:flex}.style-margins label{grid-template-columns:none;justify-items:center;gap:3px;display:grid}.alignment-grid{grid-template-columns:repeat(3,31px);gap:2px;display:grid}.alignment-grid button{height:28px}.style-preview{min-height:0}.style-preview-box{border:1px solid var(--border-strong);place-items:center;min-height:90px;display:grid;overflow:hidden}.style-preview-controls{gap:5px;display:flex}.style-preview-controls input:first-child{flex:1;min-width:0}.style-message-box{grid-template-rows:32px minmax(0,1fr) 39px;min-width:340px;max-width:min(520px,100vw - 60px)}.style-message-body{margin:0;padding:14px 12px;font-size:12px;line-height:1.5}.style-inspector{background:var(--surface-sunken);min-width:0;padding:10px;overflow-y:auto}.inspector-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.inspector-heading h2{margin:0;font-size:12px}.inspector-heading>div,.text-toggles{gap:2px;display:flex}.style-inspector>label,.inspector-grid label{color:var(--text-secondary);gap:3px;font-size:10px;display:grid}.style-inspector>label{margin-bottom:8px}.inspector-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.text-toggles{margin:8px 0}.text-toggles button{border:1px solid var(--border-soft);background:var(--control-raised);width:28px;height:27px}.color-controls{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.color-controls label{height:31px;color:var(--text-secondary);border:1px solid var(--border-soft);align-items:center;gap:6px;padding:4px;font-size:10px;display:flex;position:relative;overflow:hidden}.color-controls input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:0}.color-swatch{border:1px solid var(--border-strong);width:18px;height:18px}.find-dialog{width:430px}.dialog-fields{gap:8px;padding:12px;display:grid}.language-dialog-list{grid-auto-rows:min-content;min-width:260px;max-height:min(420px,65vh);overflow-y:auto}.language-dialog-list label{align-items:center;gap:7px;font-size:12px;display:flex}.language-dialog-list .language-dialog-code{opacity:.55;margin-left:auto;font-size:10px}.dialog-fields label{grid-template-columns:85px minmax(0,1fr);align-items:center;gap:7px;font-size:11px;display:grid}.dialog-row{gap:6px;display:flex}.properties-fields{max-height:min(520px,70vh);overflow-y:auto}.dialog-checkbox-row input{justify-self:start;width:16px;height:16px}.styling-assistant-body{gap:10px;width:min(560px,100vw - 40px);padding:12px;display:grid}.styling-assistant-body textarea{resize:vertical;border:1px solid var(--border);background:var(--control);min-height:100px;padding:6px;font:12px/1.4 Segoe UI,sans-serif}.styling-assistant-body label{grid-template-columns:55px minmax(0,1fr);align-items:center;gap:7px;font-size:11px;display:grid}.tool-info-message{max-width:520px;color:var(--text-soft);margin:0;padding:18px;line-height:1.5}.attachment-dialog-body,.tool-list-dialog,.translation-dialog-body{width:min(620px,100vw - 40px);padding:12px}.attachment-dialog-body table{border-collapse:collapse;background:var(--control);width:100%;margin-top:8px}.attachment-dialog-body th,.attachment-dialog-body td{border:1px solid var(--border-soft);text-align:left;padding:5px 7px;font-size:11px}.tool-list-dialog ul{background:var(--control);border:1px solid var(--border-soft);max-height:280px;overflow:auto}.translation-dialog-body{grid-template-columns:1fr 1fr;gap:10px;display:grid}.translation-dialog-body label{gap:4px;font-size:11px;display:grid}.translation-dialog-body textarea{resize:vertical;min-height:180px;padding:6px}.about-content{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;padding:14px;display:grid}.about-content h2{margin:0 0 4px;font-size:15px}.about-content p{color:var(--text-tertiary);margin:0 0 10px;font-size:11px}.about-details{grid-template-columns:110px minmax(0,1fr);gap:4px 10px;margin:0;padding:10px 14px 14px;font-size:11px;display:grid}.about-details dt{color:var(--text-faint)}.about-details dd{overflow-wrap:anywhere;margin:0}@media (max-width:900px){html,body,#root{height:auto;min-height:100%;overflow:auto}.app-shell,.app-shell.toolbar-hidden{flex-direction:column;height:auto;min-height:100dvh;display:flex;overflow:visible}.menu-bar{flex:0 0 31px;height:31px;overflow:auto hidden}.menu-list{height:30px}.menu-trigger{height:30px;padding:0 8px}.menu-project{display:none}.menu-popup{max-width:calc(100vw - 6px);position:fixed;top:30px;left:3px;overflow-x:auto}.toolbar{flex:0 0 42px;height:42px}.tool-button{width:34px;height:34px}.workspace{flex-direction:column;display:flex;overflow:visible}.top-workspace{border-bottom:0;flex-direction:column}.right-workspace{flex:none;grid-template-rows:245px 220px}.preview-panel{border-right:0;border-bottom:1px solid var(--border-dark);flex:0 0 340px;grid-template-rows:minmax(0,1fr) 2px 25px 29px;height:340px}.video-content{grid-template-rows:minmax(0,1fr) auto}.audio-panel{border-bottom:0;flex:0 0 245px;height:245px}.edit-panel{flex:0 0 220px;grid-template-rows:30px 36px 32px minmax(85px,1fr);height:220px}.grid-panel{flex:0 0 430px;height:430px}.app-footer{flex:0 0 25px;grid-template-columns:13px max-content max-content minmax(80px,1fr);height:25px}.app-footer>:nth-last-child(-n+3){display:none}}@media (max-width:560px){.menu-trigger{padding:0 6px;font-size:11px}.toolbar-cluster:nth-child(3){display:none}.preview-panel{flex-basis:300px;height:300px}.video-zoom{width:49px}.audio-panel{flex-basis:220px;height:220px}.audio-options label:nth-child(2){display:none}.edit-panel{flex-basis:235px;height:235px}.edit-fields{grid-template-columns:44px 1fr 1fr}.edit-fields label:nth-child(4),.edit-toolbar label{display:none}.style-dialog{width:100%}.inspector-grid{grid-template-columns:1fr 1fr}}@media (pointer:coarse){.visual-tool,.audio-tool{min-height:29px}.subtitle-row{font-size:12px}}.preferences{grid-template-columns:172px 1fr;gap:0;width:min(720px,92vw);height:min(560px,84vh);display:grid;overflow:hidden}.pref-tree{background:var(--surface-sunken);border-right:1px solid var(--border);flex-direction:column;gap:1px;padding:6px 4px;display:flex;overflow-y:auto}.pref-tree-item{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:3px;padding:5px 8px;font-size:12px}.pref-tree-item.sub{padding-left:22px}.pref-tree-item:hover{background:var(--control-hover)}.pref-tree-item.active{background:var(--blue);color:#fff}.pref-body{padding:8px 12px;overflow-y:auto}.pref-section{border:1px solid var(--border);border-radius:4px;margin:0 0 12px;padding:6px 8px 8px}.pref-section.drag-over{border-color:var(--blue)}.pref-section legend{color:var(--text-soft);padding:0 4px;font-size:12px;font-weight:600}.pref-row{grid-template-columns:minmax(150px,1fr) minmax(120px,1.2fr);align-items:center;gap:8px;min-height:26px;padding:1px 0;display:grid}.pref-row-bool{display:flex}.pref-row-bool .pref-label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:inline-flex}.pref-label{color:var(--text);font-size:12px}.pref-row input[type=text],.pref-row input:not([type]),.pref-row input[type=number]{width:100%;max-width:260px}.pref-number{width:76px!important;max-width:76px!important}.pref-double{align-items:center;gap:8px;display:inline-flex}.pref-color{align-items:center;gap:6px;display:inline-flex}.pref-color input[type=color]{border:1px solid var(--border);background:0 0;width:44px;height:20px;padding:0}.pref-alpha{width:52px!important;max-width:52px!important}.pref-color-value{color:var(--text-faint);font-size:10px}.pref-font{align-items:center;gap:6px;display:inline-flex}.pref-font input:first-child{min-width:120px}.pref-note{color:var(--text-soft);margin:2px 0;font-size:12px}.pref-note.bold{font-size:13px;font-weight:700}.pref-hotkeys{flex-direction:column;height:100%;min-height:0;display:flex}.pref-hotkey-toolbar{gap:6px;padding-bottom:6px;display:flex}.pref-hotkey-search{flex:1}.pref-hotkey-list{border:1px solid var(--border);border-radius:3px;flex:1;min-height:0;overflow-y:auto}.pref-hotkey-context-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 8px;display:flex;position:sticky;top:0}.pref-hotkey-context-header button{padding:1px 8px;font-size:11px}.pref-hotkey-row{border-bottom:1px solid var(--surface);grid-template-columns:120px minmax(140px,1.1fr) 1fr 24px;align-items:center;gap:6px;padding:2px 8px;display:grid}.pref-hotkey-row.invalid{background:var(--error-faint-bg)}.pref-hotkey-key{font-family:var(--mono,monospace);text-align:left;padding:2px 6px;font-size:11px}.pref-hotkey-key.capturing{outline:2px solid var(--blue)}.pref-hotkey-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pref-hotkey-delete{padding:0 4px;font-size:14px}.dialog-spacer{flex:1}.timing-columns{align-items:flex-start;gap:12px;display:flex}.timing-styles{flex-shrink:0;width:170px}.dialog-checklist{border:1px solid var(--border-dark);flex-direction:column;gap:2px;max-height:160px;padding:4px;display:flex;overflow-y:auto}.timing-options{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.timing-thresholds{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4px 12px;display:grid}.timing-number{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.timing-number input[type=number]{width:70px}.dialog-error{color:var(--error);margin:8px 0 0}.pref-browser-cache{flex-direction:column;gap:10px;display:flex}.browser-cache-db{border:1px solid var(--border);border-radius:3px;margin-bottom:6px;padding:4px 8px}.browser-cache-row{align-items:center;gap:10px;padding:2px 0;font-size:12px;display:flex}.browser-cache-row-sub{color:var(--text-secondary);border-top:1px dashed var(--border-fainter);padding-left:18px}.browser-cache-name{font-family:var(--mono,monospace);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.browser-cache-row .browser-cache-name{flex:1;min-width:0}.browser-cache-row-sub .browser-cache-name{flex:0 auto}.browser-cache-size{color:var(--text-secondary);white-space:nowrap}.log-window{z-index:60;border:1px solid var(--border-dark);background:var(--surface-raised);grid-template-rows:24px minmax(0,1fr);width:620px;max-width:calc(100vw - 20px);height:240px;min-height:0;display:grid;position:fixed;bottom:28px;right:10px;overflow:hidden;box-shadow:2px 2px 10px #00000040}.log-window-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 8px;font-size:11px;display:flex}.log-window-header button{padding:1px 6px;font-size:11px}.log-window-count{color:var(--muted)}.log-window-list{font-family:var(--mono,monospace);font-size:11px;line-height:1.6;overflow-y:auto}.log-window-empty{color:var(--muted);padding:6px 8px}.log-window-row{border-bottom:1px solid var(--border-fainter);grid-template-columns:92px 52px 76px minmax(0,1fr);gap:8px;padding:0 8px;display:grid}.log-window-row.log-warning{background:var(--warning-faint-bg)}.log-window-row.log-error{background:var(--error-faint-bg)}.log-window-time{color:var(--muted)}.log-window-level{font-weight:700}.log-warning .log-window-level{color:var(--warning)}.log-error .log-window-level{color:var(--red)}.log-window-tag{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-window-message{word-break:break-word}@media (prefers-color-scheme:dark){:root{--surface:#202020;--surface-raised:#2b2b2b;--surface-pressed:#27435c;--surface-sunken:#282828;--dialog-bg:#2b2b2b;--dialog-header-bg:#1f4a66;--control:#2b2b2b;--control-raised:#333;--control-alt:#3a3a3a;--control-sunken:#262626;--control-hover:#3a3a3a;--bevel-light:#414141;--bevel-light-2:#383838;--bevel-dark:#171717;--border:#5a5a5a;--border-dark:#454545;--border-strong:#707070;--border-popup:#6a6a6a;--border-field:#555;--border-button:#666;--border-soft:#4a4a4a;--border-faint:#3f3f3f;--border-fainter:#333;--border-light:#4a4a4a;--text:#f0f0f0;--text-soft:#d8d8d8;--text-tertiary:#c8c8c8;--text-secondary:#b0b0b0;--text-faint:#909090;--text-disabled:#6a6a6a;--muted:#909090;--blue:#4a9ad4;--blue-soft:#1d3a54;--hover-bg:#3a4c5c;--hover-border:#5a7d99;--menu-hover-bg:#3a4c5c;--menu-hover-border:#56718a;--pressed-border:#4a7396;--link-hover:#6cb0f0;--warning:#e0a030;--error:#e0665f;--error-soft-bg:#5a2424;--error-faint-bg:#3d2828;--warning-faint-bg:#3a3320;--grid-header-fg:#e8e8e8;--grid-header-border:#3a5568;--grid-header-cell-border:#3a4f60;--grid-header-hover:#375061;--grid-header-sorted-fg:#9cc4e0;--grid-left-fg:#b0dcc0}.tool-button img,.icon-button img,.field-icon img,.visual-tool img,.audio-tool img,.edit-toolbar button img,.edit-row-format button img,.video-tool-btn img,.karaoke-btn img{filter:invert()hue-rotate(180deg)}}