:root{--bg:#f5f6f8;--panel:#fff;--line:#e1e4e8;--text:#1b1f24;--muted:#66707b;--accent:#3b6fd8;--ok:#1f9d55;--warn:#c27c0e;--bad:#d14343;--field:#f0f2f5;--ja:#e0a32b;--en:#3b8fd8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--panel:#161a20;--line:#262c34;--text:#e6e9ed;--muted:#8b95a1;--accent:#6d9cff;--ok:#3fbf7a;--warn:#e0a33a;--bad:#ef6b6b;--field:#1d222a;--ja:#e8b14a;--en:#5aa2ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.pad{padding:20px}.spacer{flex:1}.error{background:color-mix(in srgb, var(--bad) 15%, transparent);color:var(--bad);border-radius:6px;margin:8px 16px;padding:8px 12px}.error-text{color:var(--bad)}.page{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.topbar h1{margin:0;font-size:16px}.clickable{cursor:pointer}.badge{background:var(--field);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px}.badge.ready{color:var(--ok)}.badge.failed{color:var(--bad)}.badge.transcribing,.badge.ingesting,.badge.uploaded{color:var(--warn)}.badge.info{color:var(--accent)}.save{color:var(--muted);font-size:12px}.save.error{color:var(--bad)}.btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;padding:5px 12px;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 4px;text-decoration:none}.link:disabled{color:var(--muted);cursor:default}.link.danger{color:var(--bad)}.link.muted{color:var(--muted)}.list-main{width:100%;max-width:980px;margin:0 auto;padding:20px 16px}.dropzone{border:2px dashed var(--line);text-align:center;cursor:pointer;background:var(--panel);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.dropzone.dragging,.dropzone:hover{border-color:var(--accent)}.dropzone progress{width:60%}.dropzone.disabled{cursor:not-allowed;opacity:.6;border-color:var(--line)}.offline{border:1px solid color-mix(in srgb, var(--warn) 60%, transparent);background:color-mix(in srgb, var(--warn) 14%, transparent);border-radius:8px;margin-bottom:12px;padding:10px 14px}.projects{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:20px}.project-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 60px 60px 170px auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.project-row:last-child{border-bottom:0}.project-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.project-name:hover{color:var(--accent)}.processing{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:480px;margin:60px auto;display:flex}.processing progress{width:100%}.editor-grid{flex:1;grid-template-columns:minmax(0,1fr) 380px;min-height:0;display:grid}.stage{flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.sidebar{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;max-height:calc(100vh - 50px);display:flex}.tabs{border-bottom:1px solid var(--line);display:flex}.tabs button,.lang-switch button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px}.tabs button.active,.lang-switch button.active{color:var(--text);border-bottom-color:var(--accent)}.lang-switch{border-bottom:1px solid var(--line);display:flex}.preview{flex-direction:column;align-items:center;gap:8px;display:flex}.video-wrap,.canvas-wrap{background:#000;border-radius:6px;width:100%;max-width:99.5556vh;max-height:56vh;position:relative;overflow:hidden}.video-wrap video,.canvas-wrap canvas{width:100%;height:100%;display:block}.checker{background-color:#bbb;background-image:linear-gradient(45deg,#888 25%,#0000 25%),linear-gradient(-45deg,#888 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#888 75%),linear-gradient(-45deg,#0000 75%,#888 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.preview audio{width:100%;max-width:720px}.timeline{background:var(--panel);border:1px solid var(--line);border-radius:8px}.timeline-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.timeline-tools label{align-items:center;gap:6px;display:flex}.timeline-scroll{overflow:auto hidden}.timeline-inner{min-width:100%;padding-bottom:6px;position:relative}.ruler{border-bottom:1px solid var(--line);cursor:pointer;height:22px;position:relative}.tick{color:var(--muted);border-left:1px solid var(--line);padding-left:3px;font-size:11px;position:absolute;top:3px}.lane{border-bottom:1px dashed var(--line);cursor:pointer;height:40px;position:relative}.lane.active{background:color-mix(in srgb, var(--accent) 6%, transparent)}.lane-label{z-index:2;color:var(--muted);background:var(--panel);border-radius:0 0 4px;padding:2px 6px;font-size:11px;position:sticky;left:0}.block{cursor:grab;color:#111;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;align-items:center;height:22px;font-size:12px;display:flex;position:absolute;top:14px;overflow:hidden}.block.ja{background:var(--ja)}.block.en{background:var(--en)}.block.current{outline:2px solid var(--text)}.block-text{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;padding:0 4px;overflow:hidden}.handle{cursor:ew-resize;background:#0000002e;flex:none;align-self:stretch;width:6px}.playhead{background:var(--bad);pointer-events:none;z-index:3;width:2px;position:absolute;top:0;bottom:0}.word-strip{background:var(--panel);border:1px solid var(--line);border-radius:8px}.word-strip-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.word-strip-head input[type=color]{border:1px solid var(--line);background:0 0;border-radius:4px;width:32px;height:24px;padding:0}.word-area{margin:8px 10px;position:relative}.word-ruler{border-bottom:1px solid var(--line);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:26px;margin-bottom:4px;position:relative}.wtick{background:var(--line);width:1px;height:5px;position:absolute;bottom:0}.wtick.major{background:var(--muted);height:10px}.wtick span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10.5px;position:absolute;bottom:11px;left:3px}.word-ruler .knob{background:var(--bad);width:12px;height:12px;box-shadow:0 0 0 2px var(--panel);pointer-events:none;z-index:4;border-radius:50%;margin-left:-6px;position:absolute;bottom:-5px}.word-area>.playhead{top:0;bottom:0}.word-track{background:var(--field);touch-action:none;border-radius:6px;height:44px;position:relative}.word{cursor:grab;-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--hl) 55%, var(--panel));border:1px solid color-mix(in srgb, var(--hl) 80%, #000);color:#111;border-radius:4px;align-items:center;min-width:6px;height:32px;font-size:13px;display:flex;position:absolute;top:6px;overflow:hidden}.word.off{background:var(--panel);border-style:dashed;border-color:var(--line);color:var(--muted)}.word.spoken{box-shadow:0 0 0 2px var(--text)}.word-track.highlight-off .word.on{background:color-mix(in srgb, var(--accent) 18%, var(--panel));border-color:var(--line);color:var(--text)}.word-text{white-space:nowrap;text-overflow:clip;text-align:center;pointer-events:none;flex:1;padding:0 3px;overflow:hidden}.word .handle{width:5px}.small-note{padding:0 10px 8px;font-size:12px}.word.selected{outline:2px solid var(--accent);outline-offset:1px;z-index:1}.word-track:focus-visible{outline:2px solid var(--accent)}.word-tools{flex-wrap:wrap;align-items:center;gap:10px;padding:0 10px 8px;font-size:13px;display:flex}.word-tools kbd{border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:0 3px;font-size:10px}.word-tools .split{align-items:center;gap:2px;font-size:15px;display:inline-flex}.word-tools .cut{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0 3px}.word-tools .cut:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:3px}.cue-panel{flex-direction:column;flex:1;min-height:0;display:flex}.cue-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.cue-list{flex:1;overflow-y:auto}.cue{border-bottom:1px solid var(--line);padding:8px 10px}.cue.current{background:color-mix(in srgb, var(--accent) 10%, transparent)}.cue-times{align-items:center;gap:4px;margin-bottom:4px;display:flex}.cue textarea{resize:vertical;border:1px solid var(--line);background:var(--field);border-radius:4px;width:100%;padding:4px 6px}input.time{border:1px solid var(--line);background:var(--field);border-radius:4px;width:82px;padding:1px 4px;font-size:12px}.style-panel,.export-panel{padding:0 0 16px;overflow-y:auto}.style-panel fieldset{border:0;margin:0;padding:0}.style-panel fieldset:disabled{opacity:.5}.field{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.field>span:first-child{width:100%;font-size:13px;font-weight:600}.field input[type=range]{flex:1;min-width:120px}.field input[type=number]{border:1px solid var(--line);background:var(--field);border-radius:4px;width:80px;padding:2px 6px}.field select{border:1px solid var(--line);background:var(--field);border-radius:4px;padding:3px 6px}.row{align-items:center;gap:8px;padding:10px 14px;display:flex}.export-panel h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 14px 6px;font-size:13px}.export-option{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.export-job{align-items:center;gap:10px;padding:6px 14px;display:flex}.export-job progress{flex:1}.caption-files .row{padding:4px 14px}.caption-files .row span{width:70px}@media (max-width:900px){.editor-grid{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid var(--line);max-height:none}.project-row{grid-template-columns:minmax(0,1fr) auto auto}.project-row>:nth-child(4),.project-row>:nth-child(5){display:none}}.btn.small{padding:2px 10px;font-size:12px}.login-page{justify-content:center;align-items:center}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:12px;width:min(400px,100vw - 32px);padding:28px;display:flex}.login-card h1{margin:0;font-size:20px}.login-card p{margin:0}.login-card input[type=email]{border:1px solid var(--line);background:var(--field);border-radius:6px;padding:8px 10px}.login-card .error{margin:0}.small{font-size:12px}.user-menu{align-items:center;gap:6px;font-size:12px;display:inline-flex}