:root{--ink:#263b35;--muted:#7c8681;--green:#376957;--line:#e1e5df;--paper:#fafbf8;--side:#f3f5f0}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Noto Sans,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,.button-link{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;transition:background .12s;display:inline-flex}button:hover:not(:disabled){background:#eef3ed}button:disabled{opacity:.38;cursor:default}button.icon{background:0 0;border-color:#0000;flex-shrink:0;padding:7px}a{color:var(--green)}.primary,button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover:not(:disabled){background:#285543}.subtle{color:var(--muted);background:0 0;border-color:#0000}.app-shell{flex-direction:column;height:100dvh;min-height:420px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:34px;height:80px;min-height:80px;padding:0 30px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:13px;min-width:240px;font-family:Georgia,serif;font-size:30px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:11px 3px;place-items:center;width:40px;height:44px;display:grid}.brand small{letter-spacing:2px;color:var(--muted);margin-top:3px;font-family:Arial,sans-serif;font-size:8px;display:block}.connection{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.dot{background:#a8b1a5;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.online{background:#4e9a69}.dot.pending{background:#caa568}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.avatar{color:#496249;background:#e8ede5;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.workspace-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:57px;padding:0 24px;display:flex}.workspace-bar>div{align-items:center;gap:12px;display:flex}.project-title{text-overflow:ellipsis;white-space:nowrap;max-width:48vw;font-size:13px;font-weight:600;overflow:hidden}.tag{color:#876b2f;background:#f4ead2;border-radius:4px;padding:4px 7px;font-size:10px}.work-actions button{color:#64736c;background:0 0;border-color:#0000;padding:7px 10px}.main-grid{flex:1;min-height:0;display:grid}aside{background:var(--side);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.aside-tabs{border-bottom:1px solid var(--line);gap:18px;margin:0 18px;padding-top:19px;display:flex}.aside-tabs button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:0 2px 14px;font-size:12px}.aside-tabs button.active{border-bottom:2px solid var(--green);color:var(--green);font-weight:700}.aside-list{flex:1;padding:16px 10px;overflow:auto}.quiet{color:var(--muted);font-size:12px;line-height:1.7}.aside-help{padding:3px 10px}.project-item{text-align:left;background:0 0;border-color:#0000;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:8px;padding:12px 10px;font-size:12px;display:flex}.project-item>svg{flex-shrink:0;margin-top:2px}.project-item>span{word-break:break-word;line-height:1.6;overflow:hidden}.project-item small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.project-item.selected{background:#e5ece2;border-color:#d7e0d2}.toc-item{text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;font-size:12px;line-height:1.5;display:flex}.toc-item small{color:var(--muted);padding-left:9px}.aside-bottom{border-top:1px solid var(--line);color:#789080;margin:15px 20px 20px;padding:20px 0 0}.aside-bottom p{margin:9px 0;font-size:12px;line-height:1.8}.aside-bottom strong{color:var(--ink);font-weight:400}.aside-bottom button{color:var(--green);background:0 0;border:0;padding:7px 0;font-size:11px}.editing-area{flex-direction:column;min-width:0;min-height:0;display:flex}.page-toolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:58px;min-height:58px;padding:0 24px;display:flex}.page-nav,.zoom-controls{align-items:center;gap:5px;display:flex}.page-nav label{color:#6b7972;align-items:center;gap:9px;margin:0 8px;font-size:12px;display:flex}.page-nav input{border:1px solid var(--line);text-align:center;width:45px;color:var(--ink);border-radius:5px;padding:7px 3px}.zoom-controls{color:var(--muted);font-size:11px}.zoom-controls>span{text-align:center;width:43px}.split-workspace{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.transcript,.manuscript{flex-direction:column;min-width:0;min-height:0;display:flex}.transcript{border-right:1px solid var(--line);background:#fff}.pane-heading{background:#fff;border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:center;min-height:47px;padding:0 24px;display:flex}.pane-heading>span{letter-spacing:1.4px;color:#748278;align-items:center;gap:8px;font-size:9px;display:flex}.pane-heading small{color:#9a9f98;font-size:10px}.transcript textarea{resize:none;color:#2c3a32;tab-size:4;background:#fff;border:0;outline:0;flex:1;width:100%;min-height:0;padding:30px 32px;font-family:Noto Serif CJK JP,Hiragino Mincho ProN,Noto Sans CJK JP,Georgia,serif;font-size:18px;line-height:1.95}.transcript textarea::placeholder{color:#a5aca4}.empty-editor{flex:1;padding:clamp(25px,4.5vw,75px) clamp(22px,4vw,60px);overflow:auto}.eyebrow{letter-spacing:1.8px;color:var(--green);font-size:9px}h1{letter-spacing:-1px;margin:26px 0 19px;font-family:Georgia,serif;font-size:clamp(30px,3.2vw,49px);font-weight:400;line-height:1.25}h1 em{color:#78907c;font-weight:400}.empty-editor>p{color:var(--muted);margin-bottom:26px;font-size:13px;line-height:1.9}.empty-editor>.primary{margin-bottom:10px}.empty-editor>.subtle{padding-left:0;font-size:12px;display:flex}.empty-editor>p.small-note{border-top:1px solid var(--line);color:#969e95;margin-top:28px;padding-top:20px;font-size:11px;line-height:1.8}.pdf-scroll{text-align:center;background:#eaece6;flex:1;min-height:0;padding:25px;position:relative;overflow:auto}.pdf-scroll canvas{max-width:none;margin:auto;display:block;box-shadow:0 2px 12px #243c291c}.pdf-empty{color:#8a9588;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:280px;display:flex}.page-outline{color:#b8c2b2;background:#f4f6f0;border:1px solid #c2cbbd;place-items:center;width:120px;height:160px;margin-bottom:20px;font-family:serif;font-size:48px;display:grid;box-shadow:5px 5px #dce1d6}.pdf-empty h3{color:#72816f;margin:9px 0;font-family:Georgia,serif;font-size:20px;font-weight:400}.pdf-empty p{max-width:230px;font-size:12px;line-height:1.7}.pdf-loading{color:#687761;padding:15px;font-size:12px}.statusbar{border-top:1px solid var(--line);color:#839080;background:#fff;justify-content:space-between;align-items:center;gap:10px;height:35px;min-height:35px;padding:0 20px;font-size:10px;display:flex}.statusbar>span{align-items:center;gap:6px;display:flex}.footer-divider{padding:0 5px}.error-banner{color:#9a4931;background:#fff0e9;justify-content:space-between;gap:20px;padding:12px 28px;font-size:12px;line-height:1.6;display:flex}.error-banner button{background:0 0;border:0;padding:0}.veil{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e322e6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fffefb;border-radius:12px;width:min(660px,96vw);max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 18px 90px #0d261f33}.modal>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.modal h2{margin:0;font-family:Georgia,serif;font-size:26px;font-weight:400}.modal p{line-height:1.75}.modal .field{flex-direction:column;gap:8px;margin:18px 0;font-size:12px;font-weight:600;display:flex}.field input{outline-color:var(--green);background:#fff;border:1px solid #d8dfd4;border-radius:6px;width:100%;padding:11px 12px;font-weight:400}.check{align-items:center;gap:8px;font-size:12px;display:flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.setup-status{background:#edf2e9;border-radius:8px;gap:15px;margin-bottom:22px;padding:18px;display:flex}.setup-status p{color:#72816f;margin:5px 0 0;font-size:12px}.redirect-uri{word-break:break-all;border:1px solid var(--line);background:#f4f6f0;border-radius:6px;padding:12px;font-size:11px;line-height:1.8;display:block}details{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}summary{cursor:pointer;font-size:12px;font-weight:600}.error-text{color:#b0583b;font-size:12px}.folder-heading{align-items:center;gap:12px;padding-bottom:15px;display:flex}.file-list{max-height:50dvh;overflow:auto}.file-list button,.option-list button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:flex-start;width:100%;padding:15px 10px}.file-list button span,.option-list button span{word-break:break-word;flex:1;line-height:1.6}.file-list small,.option-list small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.file-list svg,.option-list svg{color:#81907a;flex-shrink:0}.conflict-columns{grid-template-columns:1fr 1fr;gap:15px;display:grid}.conflict-columns h3{font-size:12px}.conflict-columns pre,.revision-text{white-space:pre-wrap;word-break:break-word;background:#f1f4ee;max-height:230px;padding:14px;font-size:13px;line-height:1.8;overflow:auto}.button-link{text-decoration:none}.empty-editor button{max-width:100%}:focus-visible{outline-offset:3px;outline:2px solid #6f9679}@media (width<=1000px){.connection{display:none}.topbar{padding:0 20px}.main-grid{grid-template-columns:180px minmax(0,1fr)!important}.main-grid:has(>main:only-child){grid-template-columns:1fr!important}.brand{min-width:180px}.pane-heading{padding:0 15px}.transcript textarea{padding:20px;font-size:17px}.page-toolbar{padding:0 12px}.empty-editor{padding:35px 24px}}@media (width<=650px){.topbar{gap:8px;height:66px;min-height:66px;padding:0 12px}.brand{min-width:145px;font-size:25px}.brand small{letter-spacing:1.4px;font-size:6px}.brand-mark{width:33px;height:36px}.top-actions{gap:4px}.top-actions>button:first-child{padding:9px;font-size:0}.top-actions>button:first-child svg{width:19px}.avatar{display:none}.workspace-bar{min-height:48px;padding:0 10px}.work-actions{gap:0!important}.work-actions span{display:none}.main-grid{grid-template-columns:1fr!important}.main-grid aside{z-index:10;width:220px;position:absolute;top:114px;bottom:0;left:0;box-shadow:10px 0 30px #263b3522}.split-workspace{grid-template-rows:minmax(160px,1fr) minmax(160px,1fr);grid-template-columns:1fr}.transcript{border-right:0;border-bottom:1px solid var(--line)}.pane-heading{min-height:32px}.pane-heading small{display:none}.page-toolbar{height:48px;min-height:48px;padding:0 5px}.page-nav{gap:0}.page-nav .icon{padding:5px}.page-nav label{gap:5px;margin:0 3px}.zoom-controls{gap:0}.zoom-controls button{padding:5px}.zoom-controls>span{width:36px}.statusbar>span:last-child{display:none}.pdf-scroll{padding:12px}.empty-editor{padding:22px}.empty-editor h1{margin:12px 0;font-size:27px;line-height:1.15}.empty-editor>p{margin-bottom:12px}.empty-editor>.small-note{display:none}.empty-editor .eyebrow{font-size:8px}.modal{padding:22px}.modal h2{font-size:23px}.veil{padding:12px}.conflict-columns{grid-template-columns:1fr}}.field select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:11px}.token-setup h3{margin:20px 0 5px;font-size:15px}.info-banner{color:#5d7659;background:#edf3e9;border-bottom:1px solid #dfe9d9;padding:9px 25px;font-size:11px}.transcription-editor{flex-direction:column;flex:1;min-height:120px;display:flex;overflow:hidden}.translation-editor{border-top:2px solid var(--line);flex-direction:column;flex:1;min-height:180px;display:flex;overflow:hidden}.translation-editor .pane-heading button{letter-spacing:0;padding:6px 9px;font-size:11px}.translation-options{background:#f7f9f4;align-items:center;gap:8px;padding:6px 18px;font-size:11px;display:flex}.translation-options label{align-items:center;gap:8px;min-width:0;display:flex}.translation-options input{border:1px solid var(--line);border-radius:5px;width:120px;padding:5px 8px}.translation-options button{padding:5px;font-size:11px}.translation-editor textarea{padding:16px 24px;font-size:16px;line-height:1.8}.aside-tabs{justify-content:space-between;align-items:center;padding:12px 0}.aside-tabs .icon{padding:4px}.aside-tabs strong{font-size:12px}.workspace-bar{flex-wrap:wrap}.workspace-bar>div{gap:6px}.workspace-bar>div>button{padding:7px;font-size:12px}.workspace-bar button[aria-expanded=true]{background:#e5ece2;border-color:#adc2ae}.login-shell{place-items:center;min-height:100dvh;padding:25px;display:grid}.login-shell .modal{max-width:460px}.login-shell h1{color:var(--green);margin-top:0}.field textarea{border:1px solid var(--line);resize:vertical;border-radius:6px;min-height:120px;padding:12px}.top-actions>.subtle{font-size:11px}@media (width<=650px){.project-title{max-width:28vw}.split-workspace{grid-template-rows:minmax(300px,3fr) minmax(130px,2fr)}.transcription-editor{min-height:120px}.translation-editor{min-height:150px}.workspace-bar{gap:4px;padding-top:4px;padding-bottom:4px}.translation-editor textarea{padding:12px;font-size:16px}.top-actions>.subtle{font-size:0}.top-actions>.subtle:after{content:"Abmelden";font-size:10px}.statusbar{height:auto;min-height:30px}.app-shell{min-height:700px}.main-grid aside{top:118px}}