body{font:16px system-ui,sans-serif;color:#252525;background:#f7f7f7;margin:0}header,main{max-width:1250px;margin:auto;padding:24px}header{display:flex;gap:24px;align-items:center}a{color:#2156a5}h1{font-size:28px}label{display:block;margin:12px 0}input,textarea,select,button{font:inherit;padding:9px;max-width:100%;box-sizing:border-box}input,textarea{display:block;width:100%}button{cursor:pointer;margin:5px}button:disabled{cursor:default}article,details,.notice,.panel{background:white;border:1px solid #ddd;border-radius:6px;padding:16px;margin-bottom:14px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.source{position:sticky;top:16px;align-self:start}video{width:100%;max-height:380px;background:#111}.transcript{max-height:50vh;overflow:auto}.segment{display:block;text-align:left;width:100%;border:0;background:transparent;margin:0;border-bottom:1px solid #eee}.segment.active{background:#fff2b5}.status{font-size:14px;color:#555}.error{color:#a11;white-space:pre-wrap}.login{max-width:480px}.controls{display:flex;gap:8px;flex-wrap:wrap}pre{white-space:pre-wrap}small{color:#555}@media(max-width:800px){.layout{display:block}.source{position:static}}