:root{color-scheme:light;--ink:#172522;--muted:#697772;--line:#dce4e0;--paper:#fff;--ground:#f5f7f6;--teal:#147a67;--teal-dark:#0f5f52;--coral:#c44f3e;--coral-bg:#fff0ec;--mono:ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,monospace;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-size:14px;line-height:1.5}.shell{max-width:1180px;margin:0 auto;padding:0 44px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:730;text-decoration:none}.mark{display:grid;place-items:center;width:27px;height:27px;background:var(--teal);color:white;font-size:14px;font-weight:800;border-radius:6px}.wordmark-light{color:var(--teal);padding:0 1px}.privacy{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.privacy-dot,.state-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);display:inline-block}.privacy-sep{color:#a5b0ab}.button{border:1px solid transparent;border-radius:5px;padding:9px 13px;background:transparent;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #338b79;outline-offset:2px}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#2b3c37}.button-accent{background:var(--teal);color:#fff}.button-accent:hover{background:var(--teal-dark)}.button-quiet{background:#fff;border-color:var(--line)}.button-quiet:hover,.button-export:hover{border-color:#9cb7ad;background:#f7fbf9}.button-icon{font-size:16px;font-weight:400}.workspace{background:var(--paper);border:1px solid var(--line);border-radius:8px;margin-top:28px;box-shadow:0 3px 14px rgba(23,37,34,.035);overflow:hidden}.workspace-head{padding:27px 30px 22px;display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:750;color:#70807a}.eyebrow-line{display:inline-block;width:16px;height:2px;background:var(--teal)}h1{font-size:30px;line-height:1.1;margin:9px 0 0;font-weight:720}.title-period{color:var(--teal)}.file-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;padding-bottom:3px}.file-state .state-dot{width:6px;height:6px;background:#aab6b1}.inputbar{margin:0 30px 18px;padding:10px;background:#f7f9f8;border:1px solid #e3e9e6;border-radius:6px;display:flex;gap:9px;align-items:center}.paste-label{font-size:11px;font-weight:650;white-space:nowrap}.inputbar textarea{font:12px/1.5 var(--mono);resize:vertical;max-height:120px;min-height:36px;min-width:80px;flex:1;border:1px solid var(--line);border-radius:4px;padding:8px 9px;background:white;color:var(--ink)}.inputbar textarea::placeholder{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#9aa6a1}.toolbar{min-height:54px;padding:9px 30px;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee;display:flex;align-items:center;gap:14px;justify-content:space-between}.tool-group{display:flex;align-items:center;gap:6px}.searchbox{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:4px;padding-left:9px;color:#75837e;min-height:32px}.searchbox>span{font-size:18px;line-height:1}.searchbox input{width:100px;border:0;background:transparent;padding:6px 3px;outline:0;font-size:11px;font-family:inherit;color:var(--ink)}.searchbox input+input{border-left:1px solid var(--line);padding-left:8px}.searchbox .text-action{border:0;border-left:1px solid var(--line);background:transparent;padding:7px 9px;color:var(--teal-dark);font-size:10px;font-weight:650;cursor:pointer;white-space:nowrap}.shift-group{font-size:10px;color:var(--muted)}.shift-group input{width:53px;padding:6px 5px;text-align:center;font:11px var(--mono);border:1px solid var(--line);border-radius:4px;color:var(--ink)}.icon-button{height:28px;width:28px;border:1px solid var(--line);border-radius:4px;background:white;font-size:15px;color:var(--ink);cursor:pointer}.row-actions{gap:5px}.small-button{min-height:29px;padding:5px 9px;font-size:10px}.editor-heading{padding:19px 30px 12px;display:flex;justify-content:space-between;align-items:center}.editor-title{display:flex;align-items:center;gap:10px}.section-index{font:10px var(--mono);color:var(--teal);font-weight:700}.editor-title strong{font-size:12px}.count{font:10px var(--mono);color:#85918c;background:#f2f5f3;border-radius:3px;padding:3px 6px}.keyboard-hint{font-size:10px;color:#8a9691;display:flex;align-items:center;gap:4px}.keyboard-hint kbd{font:9px var(--mono);background:#f4f6f5;border:1px solid #e0e6e3;border-radius:3px;padding:2px 4px;color:#66746e}.track-wrap{margin:0 30px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.track-head,.cue-row{display:grid;grid-template-columns:42px minmax(120px,155px) minmax(120px,155px) minmax(180px,1fr) 82px;gap:10px;align-items:center}.track-head{height:31px;padding:0 12px;background:#f7f9f8;color:#809089;font-size:8px;font-weight:750}.cue-row{min-height:61px;padding:9px 12px;border-top:1px solid #edf0ee;transition:background .12s ease}.cue-row:hover{background:#fbfdfc}.cue-row.selected{background:#f3faf7;box-shadow:inset 2px 0 var(--teal)}.cue-number{font:10px var(--mono);color:#8c9993}.time-input,.text-input{width:100%;min-width:0;height:34px;border:1px solid #e1e7e4;border-radius:4px;background:#fff;color:var(--ink);padding:7px 8px;font:11px var(--mono)}.text-input{font:12px/1.45 Inter,"Segoe UI",Arial,sans-serif;height:auto;min-height:36px;resize:vertical}.time-input.invalid{border-color:#d27465;background:#fff9f7;color:#a23d30}.check-cell{font-size:9px;color:var(--teal);display:flex;align-items:center;gap:5px}.check-dot{width:6px;height:6px;background:#4eaa88;border-radius:50%}.check-cell.bad{color:var(--coral)}.check-cell.bad .check-dot{background:var(--coral)}.empty-state{min-height:195px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center}.empty-state[hidden]{display:none}.empty-state strong{font-size:12px;color:var(--ink);margin-top:12px}.empty-state p{font-size:11px;margin:4px 12px 12px}.empty-glyph{height:34px;display:flex;align-items:center;gap:4px}.empty-glyph span{display:block;width:4px;background:#8ec4b3;border-radius:3px}.empty-glyph span:nth-child(1){height:16px}.empty-glyph span:nth-child(2){height:28px;background:var(--teal)}.empty-glyph span:nth-child(3){height:21px}.format-list{display:flex;gap:5px}.format-list span{font:9px var(--mono);color:#73817b;background:#f3f6f4;padding:3px 6px;border-radius:3px}.exportbar{padding:13px 30px 16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.validation{font-size:10px;color:#728078;display:flex;align-items:center;gap:7px}.validation-icon{color:var(--teal);font-weight:800;font-size:13px}.validation.has-issues{color:var(--coral)}.validation.has-issues .validation-icon{color:var(--coral)}.export-actions{display:flex;align-items:center;gap:6px}.export-divider{height:20px;border-left:1px solid var(--line);margin:0 4px}.button-export{border-color:var(--line);background:#fff}.button-export span{color:var(--teal);font-size:13px}.issues{padding:0 30px 14px;color:#a84335;font-size:10px}.issues:empty{display:none}.issues ul{margin:0;padding-left:18px;display:grid;gap:3px}.details{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:35px;padding:44px 30px 36px}.detail-block h2{font-size:16px;line-height:1.35;margin:10px 0 7px;font-weight:700}.detail-block p{font-size:11px;line-height:1.75;color:#67746f;margin:0;max-width:480px}.faq-block{border-top:1px solid var(--line);padding-top:22px}footer{border-top:1px solid var(--line);padding:15px 0 25px;display:flex;justify-content:space-between;color:#85918c;font-size:10px}footer span:first-child{font-weight:700;color:#65736d}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#20312c;color:#fff;padding:9px 14px;border-radius:5px;font-size:11px;transition:opacity .16s ease,transform .16s ease;box-shadow:0 4px 18px #1725222b;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.shell{padding:0 22px}.workspace{margin-top:20px}.workspace-head{padding:23px 22px 18px}.inputbar{margin:0 22px 14px;flex-wrap:wrap}.inputbar textarea{order:3;flex-basis:100%}.paste-label{flex:1}.input-or{margin-left:auto}.toolbar{padding:10px 22px;flex-wrap:wrap;justify-content:flex-start}.track-wrap{margin:0 22px}.track-head,.cue-row{grid-template-columns:32px minmax(108px,1fr) minmax(108px,1fr) minmax(160px,1.5fr) 68px;gap:7px;padding-left:9px;padding-right:9px}.editor-heading{padding-left:22px;padding-right:22px}.exportbar{padding-left:22px;padding-right:22px;align-items:flex-start;flex-direction:column}.details{padding:38px 22px;column-gap:35px}}
@media(max-width:560px){body{font-size:13px}.shell{padding:0 12px}.topbar{height:58px}.privacy{font-size:0;gap:0}.privacy-dot{margin-right:6px}.privacy-sep{display:none}.top-open{min-height:32px;padding:6px 9px}.workspace{margin-top:12px;border-radius:6px}.workspace-head{padding:18px 14px 15px;align-items:flex-end}h1{font-size:24px}.file-state{font-size:9px;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inputbar{margin:0 12px 12px;padding:8px;gap:6px}.paste-label{font-size:10px}.inputbar .button{min-height:32px;padding:7px 9px;font-size:10px}.inputbar textarea{font-size:10px}.toolbar{padding:9px 12px;gap:8px}.tool-group{flex-wrap:wrap}.searchbox{width:100%}.searchbox input{width:auto;flex:1;min-width:0}.searchbox input+input{width:80px;flex:0 1 80px}.searchbox .text-action{padding:7px 6px;font-size:9px}.shift-group{width:100%;padding:2px 0}.row-actions{margin-left:auto}.editor-heading{padding:15px 14px 9px}.keyboard-hint{font-size:0}.track-wrap{margin:0 10px;border:0;overflow:visible}.track-head{display:none}.cue-list{display:grid;gap:8px}.cue-row{grid-template-columns:26px minmax(0,1fr) minmax(0,1fr);gap:7px;padding:9px;border:1px solid var(--line);border-radius:5px;background:white}.cue-number{grid-column:1;grid-row:1}.cue-row .time-field{min-width:0}.cue-row .time-in{grid-column:2;grid-row:1}.cue-row .time-out{grid-column:3;grid-row:1}.cue-row .text-field{grid-column:1/3;grid-row:2}.cue-row .check-cell{grid-column:3;grid-row:2;justify-self:end}.time-input{font-size:10px;padding:6px 5px}.text-input{font-size:12px}.empty-state{min-height:155px;border:1px dashed var(--line);border-radius:5px}.exportbar{padding:12px 12px 14px;gap:10px}.export-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.export-actions #copyAll{grid-column:1/3}.export-divider{display:none}.export-actions .button{width:100%;font-size:10px;padding:7px 5px}.issues{padding:0 14px 14px;font-size:10px}.details{grid-template-columns:1fr;row-gap:24px;padding:34px 6px}.faq-block{padding-top:20px}footer{font-size:9px}.toast{width:max-content;max-width:calc(100vw - 24px);bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
footer{align-items:center;gap:16px}footer nav{display:flex;gap:16px}footer a{color:#52635c;text-decoration:none}footer a:hover{text-decoration:underline}.page-content{max-width:760px;margin:30px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:34px}.page-content h1{margin:8px 0 20px}.page-content h2{font-size:16px;margin:26px 0 7px}.page-content p{color:#52615b;line-height:1.8}.page-content a{color:var(--teal-dark)}
@media(max-width:560px){footer{flex-wrap:wrap;justify-content:flex-start}footer nav{width:100%;gap:18px}.page-content{margin-top:16px;padding:22px 18px}.page-content h1{font-size:24px}}