:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182b46;background:#eaf0f7;font-synthesis:none;line-height:1.55;--original:#235ac5;--shifted:#703bb1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:#235ac5;text-underline-offset:4px}button{cursor:pointer;border:1px solid #9babc0;background:#fff;border-radius:7px;padding:9px 13px;color:#182b46;font-weight:600}button:hover:not(:disabled){background:#eaf0f7}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #703bb1;outline-offset:3px}::selection{background:#dacbed;color:#182b46}input{caret-color:#703bb1}header,main,footer{max-width:1240px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px}header>span{color:#506078;font-size:.88rem}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#182b46;font-size:1.4rem;font-weight:750}main{padding:0 32px}.intro{display:flex;align-items:center;gap:70px;padding:32px 0 42px}.intro h1{font-family:Trebuchet MS,sans-serif;font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.08;letter-spacing:-.035em;margin:0;flex:1}.intro h1 span{color:#506078}.intro p{max-width:390px;color:#506078;font-size:1.06rem}h2{font-size:1.18rem;line-height:1.3;margin:0 0 18px}h3{font-size:1.25rem}p{margin:10px 0 16px}.workbench{display:grid;grid-template-columns:350px minmax(0,1fr);background:#fff;border:1px solid #bdcada;border-radius:14px;overflow:hidden}.controls{padding:26px;border-right:1px solid #d8e0ea}.preview{padding:26px;min-width:0;background:#f8fafd}label{display:block;font-size:.88rem;font-weight:650;margin-bottom:8px}input,select{width:100%;min-width:0;border:1px solid #9babc0;border-radius:6px;padding:10px;color:#182b46;background:#fff}input[type=file]{font-size:.85rem;padding:8px}input::file-selector-button{border:0;border-radius:4px;background:#eaf0f7;color:#182b46;padding:7px;margin-right:8px;cursor:pointer}.help,small{font-size:.81rem;color:#506078}.secondary{font-size:.85rem}.files{list-style:none;padding:0;margin:20px 0}.files li{border-top:1px solid #d8e0ea;padding:13px 0;overflow-wrap:anywhere}.files li>div{display:flex;gap:10px;align-items:start;justify-content:space-between}.files strong{font-size:.87rem}.files button{padding:3px 7px;font-size:.76rem;flex-shrink:0}.files small{display:block;margin-top:5px}.offset{border-top:1px solid #d8e0ea;padding-top:24px;margin-top:24px}.offset input{font-family:ui-monospace,monospace;font-size:1.7rem;font-variant-numeric:tabular-nums}.steps{display:flex;gap:6px;flex-wrap:wrap}.steps button{font-size:.8rem;padding:8px}.error{color:#a12331;font-size:.85rem;overflow-wrap:anywhere}.preview-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.tag{font-size:.73rem;color:#506078}.empty{text-align:center;padding:65px 20px;color:#506078}.empty svg{color:#703bb1}.empty p{max-width:370px;margin:auto}.cue-list{display:grid;gap:18px;max-height:480px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-color:#9babc0 #eaf0f7;border:1px solid #d8e0ea;border-radius:6px;padding:0 12px}.cue-list:focus-visible{outline:3px solid #703bb1;outline-offset:3px}.cue{padding:16px 0;border-bottom:1px solid #d8e0ea;min-width:0}.cue-index{font-size:.75rem;color:#506078;margin-bottom:10px;overflow-wrap:anywhere}.time-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.time-pair>div{padding:12px 16px;border-radius:6px;min-width:0}.time-pair small{display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.07em;font-size:.67rem;color:inherit}.original{background:#eaf0fc;color:#235ac5}.shifted{background:#f0eafa;color:#703bb1}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.time-pair code{font-size:clamp(.9rem,1.5vw,1.16rem);line-height:1.75}.subtitle{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 3px;font-size:.96rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:.85rem}.export{grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:26px;background:#f0eafa}.export h2{margin-bottom:8px}.export p{font-size:.85rem;max-width:670px;margin:0}.export ul{padding-left:18px}.primary{background:#703bb1;color:#fff;border-color:#703bb1;flex-shrink:0;padding:14px 20px}.primary:hover:not(:disabled){background:#592d90}.guide{max-width:760px;margin:60px 0 42px}.guide h2,.faq h2{font-family:Trebuchet MS,sans-serif;font-size:1.7rem}.guide p,.faq p{color:#506078;max-width:75ch}.faq{max-width:850px;margin-bottom:65px}.faq details{border-top:1px solid #bdcada;padding:18px 0}.faq summary{cursor:pointer;font-weight:650}.faq code{font-size:.82rem}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 32px;border-top:1px solid #bdcada;font-size:.8rem;color:#506078}@media(max-width:800px){.intro{display:block;padding:25px 0}.intro p{max-width:600px}.workbench{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #d8e0ea}.export{display:block}.primary{width:100%;margin-top:18px}.empty{padding:40px 10px}}@media(max-width:450px){header,main,footer{padding-left:18px;padding-right:18px}header>span{display:none}.controls,.preview,.export{padding:18px}.preview-heading{display:block}.preview-heading h2{margin-bottom:5px}.tag{display:block;margin-bottom:16px}.time-pair{gap:8px}.time-pair>div{padding:10px 8px}.time-pair code{font-size:.85rem}footer{display:block}.pagination button{padding:8px}.guide{margin-top:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}