:root{--bg:#f7f8f4;--paper:#fff;--ink:#25382e;--muted:#717a72;--green:#315d44;--line:#dfe4da;--soft:#eef2e8;--amber:#996523;--red:#a34537;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #91ad70;outline-offset:4px}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 15px;transition:background .15s,transform .15s}button:hover{background:var(--soft)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#234832}.primary span{margin-left:26px}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:20px;letter-spacing:-.7px}.logo{background:#315d44;color:#fff;border-radius:9px;position:relative;font-size:20px;padding:4px 7px;letter-spacing:-2px}.logo span{color:#c6e2a3;font-size:14px;position:absolute;right:-4px;top:-7px}.beta{font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:5px 6px;margin-left:5px;border-radius:4px;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}nav a.active{color:var(--green);font-weight:600}nav a:hover,.guide-link:hover{color:var(--green)}.guide-link{font-size:13px;color:var(--muted)}main{max-width:1200px;margin:auto;padding:0 32px}#intro{text-align:center;padding:58px 0 0}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;color:#697761}.dot{display:inline-block;width:6px;height:6px;background:#82a56a;border-radius:50%}h1{font-weight:500;font-size:49px;line-height:1.14;letter-spacing:-2px;margin:21px 0 18px}h1 span{color:#899381}.intro-copy{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:29px}.mode-switch{display:inline-flex;padding:4px;background:#eaece5;border:1px solid #e3e5dc;border-radius:10px;gap:3px;margin-bottom:20px}.mode-switch a{font-size:12px;padding:10px 17px;border-radius:7px;color:#747e70}.mode-switch a.active{background:white;box-shadow:0 1px 4px #283b2410;color:#35513c}#empty{max-width:690px;margin:auto}.upload{border:1.5px dashed #bbcbb0;border-radius:15px;background:linear-gradient(135deg,#fff,#f3f6ed);padding:35px 20px 29px;position:relative;transition:background .2s, border-color .2s}.upload.dragover{background:#e4edda;border-color:var(--green)}.file-icon{width:42px;height:51px;border:1.5px solid #b8c6ab;border-radius:7px;transform:rotate(-6deg);margin:0 auto 18px;background:#fbfcf8;position:relative;box-shadow:5px 3px 0 #e8eddf}.file-icon span{font-size:30px;color:#8ea37b}.file-icon b{position:absolute;bottom:-5px;right:-10px;background:#dce9ce;border:3px solid #f8faf5;border-radius:50%;font-size:14px;padding:2px 5px;color:#416d36}.upload h2{font-size:18px;font-weight:550;letter-spacing:-.4px;margin:0 0 10px}.upload p{font-size:12px;color:var(--muted);margin:0 0 22px}.upload .primary{font-size:12px;padding:12px 20px}.upload-alt{font-size:11px;color:#8b9187;margin-top:16px}.text-button{background:none;border:0;padding:0;color:var(--green);font-size:inherit;text-decoration:underline;text-underline-offset:3px}.privacy-line{font-size:11px;color:#7d8677;margin:16px 0 24px}.privacy-line span{margin-right:6px}.sample-link{border:0;background:none;font-size:11px;color:#828979;padding:0}.sample-link strong{font-weight:500;color:var(--green);margin-left:4px}.benefits{margin:52px 0 46px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:28px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits article{display:flex;gap:14px}.feature-symbol{background:#e9eee1;border-radius:9px;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;font-size:21px;color:#6c8458}.benefits h3{font-weight:550;font-size:12px;margin:2px 0 8px}.benefits p{font-size:11px;line-height:1.8;margin:0;color:var(--muted)}.seo-copy{max-width:760px;margin:0 auto 45px;color:var(--muted);font-size:12px;line-height:1.9}.seo-copy h2{font-size:16px;font-weight:500;color:var(--ink)}.seo-links{display:flex;gap:24px;color:var(--green);font-size:11px}footer{border-top:1px solid var(--line);padding:24px 5%;display:flex;align-items:center;gap:25px;font-size:10px;color:#87907e}.brand-small{font-weight:600;color:#57674e}.free{margin-left:auto;display:flex;align-items:center;gap:7px}.skip{position:absolute;left:20px;top:-60px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}dialog{padding:30px;border:1px solid var(--line);border-radius:16px;width:min(720px,94vw);max-height:88vh;color:var(--ink);box-shadow:0 25px 100px #15291e30}dialog::backdrop{background:#25382e55;backdrop-filter:blur(3px)}dialog h2{font-size:23px;font-weight:550;letter-spacing:-.6px;margin-top:0}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:24px;padding:0 8px}textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fbfcf8;padding:12px;line-height:1.6;color:var(--ink);resize:vertical}input,select{border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;color:var(--ink)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}.subtle{color:var(--muted);font-size:12px;line-height:1.8}.error{color:var(--red)}.badge{font-size:10px;padding:4px 7px;border-radius:5px;background:#edf2e7;color:#506f41;white-space:nowrap}.badge.review,.badge.partial,.badge.timing{background:#fbf0dc;color:var(--amber)}.badge.error,.badge.missing,.badge.extra{background:#fbece8;color:var(--red)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:10px;font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}body.loaded #intro{padding:25px 0 0}body.loaded #intro h1,body.loaded .intro-copy,body.loaded .eyebrow{display:none}body.loaded .mode-switch{margin-bottom:24px}body.loaded #benefits{display:none}.worktop{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.worktop h2{font-size:24px;font-weight:550;letter-spacing:-.8px;margin:0 0 6px;overflow-wrap:anywhere}.worktop p{font-size:11px;color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{padding:17px 20px;border:1px solid var(--line);border-radius:10px;background:white}.stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.stat strong{display:block;font-size:28px;font-weight:450;margin-top:6px;letter-spacing:-1px}.stat.warn strong{color:var(--amber)}.toolbar{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);background:white;padding:12px;border-radius:10px 10px 0 0}.tabs{display:flex;gap:6px}.tabs button{border:0;background:none;font-size:12px}.tabs button.active{background:var(--soft);color:var(--green)}.toolbar input{width:180px;font-size:12px}.workgrid{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);border-top:0;background:#fff;border-radius:0 0 10px 10px;min-height:420px;overflow:hidden}.cue-list{max-height:570px;overflow:auto}.cue-row{display:flex;gap:16px;padding:16px 20px;width:100%;text-align:start;border:0;border-bottom:1px solid #edf0e9;border-radius:0;background:white}.cue-row:hover{background:#fafbf7}.cue-row.selected{background:#f0f5e9;border-left:3px solid #789862;padding-left:17px}.cue-number{font-size:10px;color:#98a08f;width:22px;padding-top:3px;flex-shrink:0}.cue-main{min-width:0;flex:1}.cue-time{font-size:10px;color:#89947e;margin-bottom:7px}.cue-text{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.cue-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.inspector{border-left:1px solid var(--line);padding:20px;background:#fbfcf8}.inspector h3{font-size:13px;font-weight:550;margin:0 0 15px}.inspector p{font-size:11px;color:var(--muted);line-height:1.8}.issue-card{border:1px solid #e9e3d3;background:#fffdf7;border-radius:8px;padding:12px;margin:10px 0}.issue-card h4{font-size:11px;font-weight:600;margin:0 0 5px}.issue-card p{margin:0;font-size:11px}.inspector textarea{font-size:12px;background:white;min-height:110px}.timing-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.timing-fields label{font-size:10px;color:var(--muted)}.timing-fields input{width:100%;font-size:10px;margin-top:5px}.workspace-note{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:15px 0;margin-bottom:30px}.source-error{padding:15px 20px;background:#fff2ee;color:var(--red);font-size:12px;border:1px solid #edd4cd;border-radius:8px;margin-bottom:15px}.comparison{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;margin-bottom:30px}.comparison-head,.compare-row{display:grid;grid-template-columns:1fr 1fr 110px;gap:20px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:12px}.comparison-head{background:var(--soft);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.compare-row p{white-space:pre-wrap;line-height:1.8;margin:7px 0;font-size:13px}.compare-row small{color:var(--muted);font-size:10px}.compare-row .badge{align-self:start;justify-self:start}.compare-empty{padding:50px;text-align:center;border:1px dashed #b5c5a6;border-radius:12px;margin-bottom:30px}.compare-empty h3{font-weight:500}.video-panel{background:#19231d;border-radius:10px;position:relative;overflow:hidden;margin-bottom:20px}.video-panel video{display:block;width:100%;max-height:370px}.subtitle-overlay{position:absolute;bottom:65px;left:10%;right:10%;text-align:center;pointer-events:none;white-space:pre-line;color:#fff;font-size:22px;text-shadow:0 1px 4px #000;background:#0008;line-height:1.6;border-radius:5px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.diff pre{overflow:auto;white-space:pre-wrap;font-size:12px;background:#f4f5ef;padding:12px;border-radius:8px;max-height:300px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.settings label{font-size:12px}.settings input{display:block;width:100%;margin-top:6px}.doc-page{max-width:760px;margin:60px auto 90px;line-height:1.9}.doc-page h1{font-size:38px}.doc-page h2{font-size:20px;margin-top:30px;font-weight:550}.doc-page a{text-decoration:underline}.doc-page p,.doc-page li{font-size:14px;color:var(--muted)}.empty-results{padding:60px 20px;text-align:center;color:var(--muted);font-size:13px}.pagination{display:flex;justify-content:center;gap:10px;padding:15px}.report-history{font-size:12px;line-height:1.8}.report-history li{margin-bottom:10px}
@media(min-width:1400px){#intro{padding-top:75px}.benefits{margin-top:65px}}@media(max-width:900px){header{padding:0 24px}.beta{display:none}nav{gap:18px}.guide-link{display:none}.workgrid{grid-template-columns:minmax(0,1fr) 280px}.benefits{gap:18px;padding-inline:0}.seo-links{flex-wrap:wrap;gap:12px}h1{font-size:43px}.worktop{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){header{height:auto;padding:22px 20px;flex-wrap:wrap;gap:22px}.brand{font-size:18px}nav{width:100%;justify-content:space-between;font-size:12px}main{padding:0 18px}#intro{padding-top:36px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:35px;letter-spacing:-1.3px}.intro-copy{font-size:12px}.desktop{display:none}.mode-switch{display:flex}.mode-switch a{font-size:10px;padding:10px 7px;flex:1}.upload{padding:30px 15px}.benefits{grid-template-columns:1fr;gap:24px;margin:35px 0}.benefits p br{display:none}.benefits p{font-size:12px}.seo-copy{font-size:12px}footer{flex-wrap:wrap;gap:16px;padding:22px 20px}.free{margin-left:0}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px 15px}.stat strong{font-size:25px}.workgrid{grid-template-columns:1fr}.cue-list{max-height:400px}.inspector{border-left:0;border-top:1px solid var(--line)}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.toolbar .tabs{flex-wrap:wrap}.workspace-note{line-height:1.8;gap:20px}.comparison-head,.compare-row{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.compare-row .badge{grid-column:1/-1}.comparison-head span:last-child{display:none}.diff{grid-template-columns:1fr}.settings{grid-template-columns:1fr}.subtitle-overlay{font-size:15px}.sample-link{font-size:10px}.sample-link strong{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Visual system: ink, electric violet, ice-blue glass. */
:root{--bg:#f7f7ff;--paper:#fff;--ink:#25213f;--muted:#73718b;--green:#6644e8;--line:#e4e2f1;--soft:#f0ecff;--amber:#996015;--red:#b63f58;--ease:cubic-bezier(.22,1,.36,1);background:var(--bg)}
body{background:radial-gradient(ellipse at 14% 19%,#ddd7ff88,transparent 42%),radial-gradient(ellipse at 85% 35%,#c8f4ff77,transparent 41%),#f9f9ff;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#8880b112 .7px,transparent .7px);background-size:7px 7px;z-index:-1}header{height:82px;background:#ffffff8c;border-color:#ffffffb5;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 1px 0 #e4e1f480;position:relative;z-index:2}.brand{letter-spacing:-.8px;font-weight:650}.logo{width:35px;height:35px;display:grid;place-items:center;padding:0;background:linear-gradient(145deg,#946bff,#5a3ad7);border:1px solid #ffffff7a;border-radius:11px;box-shadow:0 4px 12px #7651e52b;transition:transform .4s var(--ease),box-shadow .4s}.logo svg{height:27px;width:27px;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand:hover .logo{transform:rotate(-7deg);box-shadow:0 5px 20px #7651e54a}.beta{border:0;background:#ece8ff;color:#7353c6;font-size:8px;padding:5px 7px}.brand-small{color:#65588a}nav a{transition:color .25s;padding:8px 0}nav a.active{color:#6342d9}button{border-radius:11px;border-color:#e3e0f0;background:#ffffffd6;box-shadow:0 1px 2px #3b286308;transition:background .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s}button:hover:not(:disabled){background:#fff;border-color:#c9bdf4;box-shadow:0 5px 16px #55419512;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 1px 3px #55419512}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#a58aff}.primary{background:linear-gradient(120deg,#7c52f4,#6040df);border-color:#7149e3;color:white;box-shadow:0 4px 12px #6944de28,inset 0 1px 0 #ffffff2f;position:relative;overflow:hidden}.primary:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 10%,#fff2,transparent 70%);transform:translateX(-110%);transition:transform .7s var(--ease)}.primary:hover:not(:disabled){background:linear-gradient(120deg,#875cfc,#6944e9);border-color:#7954e5;box-shadow:0 6px 22px #6944de38;color:white}.primary:hover:before{transform:translateX(110%)}#intro{padding-top:48px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8a77b0}.dot{background:#8960f1;box-shadow:0 0 0 3px #8960f111}h1{font-size:clamp(38px,4.4vw,57px);font-weight:580;letter-spacing:-2.5px;line-height:1.09;margin:22px 0 18px}h1 span{background:linear-gradient(100deg,#8052e9 5%,#5570de 65%,#238ea9);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-copy{font-size:14px;margin-bottom:27px;color:#77718d}.mode-switch{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,492px);margin:0 auto 20px;padding:5px;gap:0;border:1px solid #ffffffd9;background:#eeebf7a6;box-shadow:inset 0 1px 2px #54417b05,0 2px 5px #4e397606;backdrop-filter:blur(16px);border-radius:14px}.mode-switch:before{content:'';position:absolute;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/3);border:1px solid #fff;box-sizing:border-box;border-radius:10px;background:#ffffffed;box-shadow:0 2px 9px #51407812;transform:translateX(calc(var(--active-index,0)*100%));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.mode-switch a{position:relative;z-index:1;padding:11px 10px;font-size:12px;color:#7f7895;transition:color .3s}.mode-switch a.active{background:transparent;box-shadow:none;color:#6543d7}.mode-switch a:hover{color:#6444d2}.workflow-steps{display:flex;justify-content:center;align-items:center;gap:16px;margin:0 0 18px;color:#8e87a0;font-size:10px}.workflow-steps b{display:inline-grid;place-items:center;background:#eae5fa;color:#8a6dc8;font-size:9px;width:18px;height:18px;border-radius:50%;font-weight:500;margin-right:5px}.workflow-steps i{font-style:normal;color:#c8bfda}#empty{max-width:670px}.upload{border:1.5px dashed #bdade8;background:linear-gradient(130deg,#ffffffc9,#faf8ffc9 65%,#edfbffbb);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 12px 50px -20px #7a5bc72b,inset 0 1px 0 #fff;padding:32px 20px 27px;transition:border-color .35s,box-shadow .35s,background .35s}.upload:hover{border-color:#9a7adf;box-shadow:0 15px 55px -20px #7a5bc740,inset 0 1px 0 #fff}.upload.dragover{background:#ebe3ff;border-color:#7950dc;box-shadow:0 0 0 6px #8e6ae319}.upload h2{font-size:19px;font-weight:550;letter-spacing:-.5px}.upload p{color:#9a91ae;font-size:11px;margin-bottom:20px}.file-icon{border:0;box-shadow:none;transform:rotate(-7deg);background:none;height:53px;width:46px;margin-bottom:19px;transition:transform .5s var(--ease)}.file-icon svg{height:53px;width:46px;fill:#f8f4ff;stroke:#b5a1db;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(4px 4px 0 #e8dffa)}.file-icon b{background:#e8dfff;color:#8559d0;border-color:#fcfaff;bottom:0;font-size:12px}.upload:hover .file-icon{transform:translateY(-3px) rotate(3deg)}.upload .primary{padding:13px 23px;font-size:12px;border-radius:11px}.upload-alt{font-size:11px;color:#a49bb5}.text-button{box-shadow:none;background:none;border-radius:3px}.text-button:hover:not(:disabled){background:none;box-shadow:none;border-color:transparent;transform:none}.privacy-line{color:#8f859f;font-size:10px;margin:16px 0 20px}.sample-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ffffff8c;border:1px solid #e5def2;border-radius:30px;padding:10px 17px;color:#736088;font-size:11px;box-shadow:0 2px 6px #69518b05}.demo-play{font-size:16px;color:#8d5ee4}.sample-link:hover:not(:disabled){background:#fff;color:#6540d4;border-color:#cfc0ed}.benefits{margin:39px 0 24px;padding:24px 15px;border-color:#e5dff0;background:none;gap:35px}.feature-symbol{color:#8a6bc0;background:#eee7fa;border-radius:11px}.benefits article:nth-child(2) .feature-symbol{background:#e1f3f8;color:#558aab}.benefits article:nth-child(3) .feature-symbol{background:#f9eaf1;color:#c480a2}.benefits h3{color:#665575;font-size:12px;margin-bottom:5px}.benefits p{font-size:11px;color:#9a8fa8}.seo-copy{margin:26px auto 32px;font-size:11px;border:1px solid #e6e0f0;background:#ffffff55;padding:13px 17px;border-radius:12px;max-width:740px}.seo-copy summary{cursor:pointer;color:#8d7d9e;list-style:none;display:flex;justify-content:space-between;font-size:11px}.seo-copy summary:after{content:'＋';color:#b09acb}.seo-copy[open] summary:after{content:'−'}.seo-copy h2{font-size:14px}.seo-links{gap:18px;flex-wrap:wrap}footer{border-color:#e8e1f2;background:#ffffff42;font-size:10px;color:#a393af}.free{color:#8c7a9e}.worktop h2{font-size:23px;color:#3c3152}.worktop p{color:#9989ab}.worktop .actions{gap:7px}.worktop .actions button{font-size:11px}.stats{gap:12px}.stat{border:1px solid #fff;background:linear-gradient(135deg,#ffffffcc,#fff9);backdrop-filter:blur(16px);border-radius:15px;padding:17px 21px;box-shadow:0 4px 20px #55418405}.stat span{font-size:9px;color:#a08eac;letter-spacing:1.3px}.stat strong{font-size:30px;color:#655384}.stat.warn{background:linear-gradient(120deg,#fff8edbb,#fff8);border-color:#fff}.stat.warn strong{color:#c08b53}.toolbar{background:#ffffffa8;border-color:#e7e0f0;border-radius:14px 14px 0 0;padding:10px;align-items:center;backdrop-filter:blur(16px)}.tabs{gap:3px;align-items:center;flex-wrap:wrap}.tabs button{font-size:11px;padding:9px 12px;background:transparent;box-shadow:none;border:1px solid transparent}.tabs button:hover:not(:disabled){transform:none;background:#f4effa;box-shadow:none}.tabs button.active{background:#eee6ff;border-color:#e4d7fb;color:#744ac9;box-shadow:inset 0 1px 0 #fff9}.tabs small{opacity:.6;margin-left:3px}.toolbar input{font-size:11px;background:#faf8fd;border-color:#ede6f2;min-width:120px}.workgrid{border-color:#e7e0f0;border-radius:0 0 14px 14px;background:#ffffffc9;grid-template-columns:minmax(0,1fr) 325px}.cue-row{background:#fff9;border-color:#f1ebf6;box-shadow:none;padding-block:17px}.cue-row:hover:not(:disabled){background:#faf6ff;box-shadow:none;transform:none;border-color:#f1ebf6}.cue-row.selected{background:linear-gradient(90deg,#f1eaff,#f8f4ff);border-left-color:#a07ae6}.cue-number{color:#b4a3c2}.cue-time{color:#ac9ab8;font-size:10px}.cue-text{font-size:13px;color:#53435f;line-height:1.8}.badge{border-radius:6px;background:#eee8fa;color:#936ac4;font-size:9px;padding:4px 7px}.badge.review,.badge.partial,.badge.timing{background:#fff1dd;color:#b0874e}.badge.error,.badge.missing,.badge.extra{background:#ffe9ee;color:#bb7189}.inspector{background:#faf7fdbf;border-color:#e7e0f0;padding:22px}.inspector h3{font-size:12px;color:#7d638e;display:flex;align-items:center;justify-content:space-between;gap:8px}.inspector textarea{font-size:12px;border-color:#e9e0ef;border-radius:10px;background:#ffffffdb;line-height:1.8}.inspector p{color:#9c89ab}.issue-card{border:1px solid #f0e4d3;border-radius:11px;background:#fffbf5bd;padding:12px}.issue-card h4{color:#ac885a;font-size:11px}.issue-card p{color:#a89981;font-size:11px;line-height:1.7}.timing-fields input{border-color:#e9e0ef;border-radius:8px;font-size:10px}.timing-fields label{color:#a18cae}.workspace-note{font-size:9px;color:#aa96b5}.comparison{border-color:#e5dcef;border-radius:14px;background:#fff9}.comparison-head{background:#f3edf9;color:#9e84b1;font-size:9px}.compare-row{border-color:#eee6f4}.compare-empty{border-color:#c6b5e3;background:#ffffff6b;border-radius:0 0 14px 14px}.compare-empty h3{font-size:21px;color:#776088}.compare-empty .subtle{font-size:12px;color:#9c88ac}.subtle{color:#8e7b9d}.source-error{border-radius:12px;background:#fff0f4;border-color:#f3d6df;color:#b26d86}.video-panel{background:#292036;border-radius:15px}.subtitle-overlay{background:#140f22c4}.diff pre{background:#f6f0fb;color:#766282;border:1px solid #eee3f5;border-radius:10px}.diff small{color:#a38ab6;font-size:10px}.doc-page{color:#6e5680}.doc-page h1 span{color:inherit}dialog{background:linear-gradient(130deg,#fffffff5,#f9f4fff5);border:1px solid #fff;border-radius:22px;box-shadow:0 30px 100px #40305b36;backdrop-filter:blur(24px);animation:dialog-in .3s var(--ease)}dialog::backdrop{background:#2e194343;backdrop-filter:blur(7px)}dialog h2{color:#624b79}#toast{background:#403050e8;backdrop-filter:blur(15px);border:1px solid #ffffff33;border-radius:13px;box-shadow:0 5px 25px #3520441a;max-width:calc(100vw - 32px);width:max-content;font-size:12px}.dialog-close{box-shadow:none;color:#ab91bc}.dialog-close:hover:not(:disabled){box-shadow:none;background:#f2eaf8}.review-guide{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#eee6ffb3,#edfaffb3);border:1px solid #fff;border-radius:14px;padding:16px 20px;margin-bottom:18px;box-shadow:0 4px 20px #59417d04}.review-guide h3{font-size:13px;font-weight:550;color:#74569b;margin:0 0 5px}.review-guide p{font-size:11px;color:#9a84ad;margin:0;line-height:1.6}.review-guide button{font-size:11px;white-space:nowrap;background:#ffffffc7;border-color:#e3d6f0;color:#8b65b3}.cue-navigation{display:flex;gap:7px;margin-bottom:17px}.cue-navigation button{flex:1;padding:9px 8px;font-size:10px;background:#fff9;color:#9b7fad}.editor-meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:8px;font-size:10px;color:#aa94b9}.editor-meta .over{color:#b46a52}.draft-state{color:#bd8765}.timing-tools{display:flex;gap:7px;margin-top:10px}.timing-tools button{font-size:10px;flex:1;padding:7px}.compare-options{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:15px 0}.compare-options label{font-size:11px;color:#9c85ac}.compare-options input{accent-color:#9e77d0;vertical-align:middle;margin-right:5px}.demo-tag{display:inline-flex;border:1px solid #e7d8f4;color:#a282b8;background:#f6edff;border-radius:6px;font-size:8px;padding:4px 6px;letter-spacing:1px;margin-left:8px;vertical-align:middle}.switch-enter{animation:workspace-in .38s var(--ease)}@keyframes workspace-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.worktop{align-items:flex-start}.workgrid{grid-template-columns:minmax(0,1fr) 290px}.toolbar{flex-wrap:wrap}.toolbar input{flex:1}.benefits{gap:20px}}
@media(max-width:640px){header{height:auto;padding:20px;gap:20px}#intro{padding-top:34px}h1{font-size:39px;letter-spacing:-1.9px}.intro-copy{font-size:12px}.mode-switch{margin-bottom:18px;width:100%}.mode-switch a{font-size:10px;padding:11px 5px}.workflow-steps{gap:8px;font-size:8px;margin:1px 0 17px}.workflow-steps b{width:15px;height:15px;margin-right:2px;font-size:8px}.upload{padding:28px 14px 24px}.upload h2{font-size:17px}.benefits{margin-top:30px;grid-template-columns:1fr;padding:22px 4px;gap:19px}.benefits article{align-items:center}.benefits h3{font-size:12px}.benefits p{font-size:11px}.workgrid{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line)}.stats{gap:8px}.stat{padding:14px 17px}.stat strong{font-size:26px}.stat span{font-size:8px}.review-guide{padding:14px;gap:12px;align-items:flex-start}.review-guide h3{font-size:12px}.review-guide p{font-size:10px}.review-guide button{font-size:10px;padding:9px}.worktop h2{font-size:21px}.tabs button{padding:9px 8px;font-size:10px}.toolbar input{width:100%}.workspace-note{flex-wrap:wrap;gap:5px}.comparison-head,.compare-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compare-row div{min-width:0;overflow-wrap:anywhere}.compare-row small{font-size:8px}.compare-row p{font-size:12px}.compare-options{align-items:flex-start;flex-direction:column;gap:8px}.source-error{line-height:1.8}.sample-link{font-size:11px}.subtitle-overlay{font-size:15px}.stats{grid-template-columns:1fr 1fr}footer{gap:13px}.cue-navigation{position:sticky;top:0;background:#faf7fd;z-index:1;padding-bottom:6px}.seo-copy{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#issue-filter{font-size:10px;border-color:#e9e1f1;color:#8c739d;background:#fcfaff;max-width:180px;padding:8px;border-radius:9px}.shift-table{border:1px solid #e7dcef;border-radius:12px;overflow:hidden;margin:15px 0 20px}.shift-table>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid #eee5f6;font-size:11px}.shift-table>div:first-child{background:#f2eafa;font-size:9px;color:#a68bb8}.shift-table>div:last-child{border-bottom:0}#demo-reference{margin-left:8px;background:#fff9;color:#9c7eb2}.inspector input:focus,.inspector textarea:focus{border-color:#b79bdf;box-shadow:0 0 0 3px #b79bdf14}#dialog-status{padding:12px;background:#fff0f2;border-radius:10px;margin-bottom:0}@media(max-width:640px){#issue-filter{max-width:none;flex:1}.toolbar input{flex-basis:100%}.cue-navigation button{min-height:36px}#demo-reference{margin:10px 0 0}}
/* Readable secondary text on translucent surfaces. */
:root{--muted:#766b87}.eyebrow{color:#7c639b}.upload p,.privacy-line,.intro-copy,.workflow-steps,.sample-link{color:#7c6c90}.workflow-steps{font-size:11px}.workflow-steps b{color:#76529e}.mode-switch a{color:#78698d}.stat span,.worktop p{color:#83718f}.cue-text{color:#4b3a59}.cue-time{color:#85718f}.cue-number{color:#9983a7}.inspector p,.subtle,.timing-fields label,.editor-meta{color:#7f6b8e}.issue-card h4{color:#926b35}.issue-card p{color:#8d785a}.badge.review,.badge.partial,.badge.timing{color:#95652d}.badge.error,.badge.missing,.badge.extra{color:#ae4b6d}.review-guide p{color:#887197}.review-guide h3{color:#6c478b}.cue-navigation button{color:#826198}.compare-options label,.compare-empty .subtle{color:#7e6690}.compare-row small{color:#8b749a}.benefits p{color:#8a789a}.benefits h3{color:#6a4f7e}.seo-copy summary{color:#857192}.workspace-note{color:#8b7498}.timing-fields input{color:#6d547e}.stat strong{color:#7750b4}.stat.warn strong{color:#bf8544}.feature-symbol{color:#8254b1;background:#e9dbff}.stat:nth-child(3) strong{color:#5689a8}.stat:nth-child(4) strong{color:#b16d96}@media(max-width:640px){.workflow-steps{font-size:9px}.review-guide p{font-size:11px}.inspector p,.issue-card p{font-size:12px}.cue-navigation button{font-size:11px}}
#compare-only{appearance:none;-webkit-appearance:none;position:relative;width:32px;height:19px;border:1px solid #dacfea;border-radius:20px;background:#e9e2f2;padding:0;cursor:pointer;vertical-align:middle;transition:background .3s,border-color .3s;margin:0 7px 0 0}#compare-only:before{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #59456c33;transition:transform .3s cubic-bezier(.22,1,.36,1)}#compare-only:checked{background:#9a72de;border-color:#9a72de}#compare-only:checked:before{transform:translateX(13px)}.compare-options label{display:flex;align-items:center;cursor:pointer}.seo-copy summary:hover{color:#724ab0}button:disabled:before{display:none}
.export-notes{border:1px solid #e6dbef;border-radius:10px;padding:12px 14px;margin:17px 0;color:#8b729b;font-size:11px}.export-notes summary{cursor:pointer}.export-notes p{margin-bottom:2px;line-height:1.8}#audience-speed{margin:8px 0 5px;display:block;width:100%;border-color:#e5daee;color:#80618f;background:#fff9;font-size:12px;padding:10px}

/* Functional colour: meaning belongs to the state, not the feature. */
:root{--ok:#217654;--ok-bg:#edf8f2;--warning:#916113;--warning-bg:#fff6e5;--danger:#b53e58;--danger-bg:#fff0f3;--info:#326d9f;--info-bg:#edf6ff}
.status-card.stat{position:relative;text-align:left;cursor:pointer;padding:17px 20px;border:1px solid #ffffffd9;min-height:113px;box-shadow:0 3px 16px #51407305;overflow:hidden}.status-card span{display:block;font-size:10px;letter-spacing:.65px}.status-card small{display:block;font-size:10px;font-weight:400;margin-top:7px;opacity:.78}.status-card strong{font-size:29px;letter-spacing:-1px;line-height:1}.status-card.stat:after{content:'';position:absolute;left:0;top:24%;bottom:24%;width:3px;border-radius:0 3px 3px 0;background:currentColor;opacity:.4}.status-card.stat.is-error{color:var(--danger);background:linear-gradient(120deg,#fff0f3e8,#ffffffad)}.status-card.stat.is-review{color:var(--warning);background:linear-gradient(120deg,#fff6e5e8,#ffffffad)}.status-card.stat.is-fix{color:var(--info);background:linear-gradient(120deg,#edf6ffe8,#ffffffad)}.status-card.stat.is-clear{color:var(--ok);background:linear-gradient(120deg,#edf8f2e8,#ffffffad)}.status-card.stat strong,.status-card.stat span{color:inherit}.status-card.stat[aria-pressed="true"]{border-color:currentColor;box-shadow:0 0 0 2px #ffffff9e,inset 0 0 0 1px currentColor}.status-card.stat:hover:not(:disabled){background:#ffffffd9;transform:translateY(-2px);border-color:currentColor}.status-legend{display:flex;gap:17px;align-items:center;padding:0 3px 12px;font-size:10px;flex-wrap:wrap}.legend-error{color:var(--danger)}.legend-review{color:var(--warning)}.legend-fix{color:var(--info)}.legend-clear{color:var(--ok)}#clear-status-filter{margin-left:auto;padding:5px 8px;font-size:10px;box-shadow:none;color:#7d6396}.badge.clear,.badge.aligned{color:var(--ok);background:#e6f5ed}.badge.review,.badge.partial,.badge.timing,.badge.missing,.badge.extra{color:var(--warning);background:#fff1d8}.badge.error{color:var(--danger);background:#ffe5ec}.badge.fix{color:var(--info);background:#e6f1ff}.cue-row.state-error{box-shadow:inset 3px 0 0 #ce617b}.cue-row.state-review{box-shadow:inset 3px 0 0 #dcba75}.cue-row.state-fix{box-shadow:inset 3px 0 0 #73a8d2}.cue-row.state-clear{box-shadow:inset 3px 0 0 #8bbda5}.cue-row.selected{border-left:0;padding-left:20px;outline:1px solid #aa89dd;outline-offset:-1px;background:linear-gradient(90deg,#f0eaff,#faf7ff)}.cue-row.state-error.selected{box-shadow:inset 4px 0 0 #c85370}.cue-row.state-review.selected{box-shadow:inset 4px 0 0 #d3a54f}.cue-row.state-fix.selected{box-shadow:inset 4px 0 0 #6699c5}.cue-row.state-clear.selected{box-shadow:inset 4px 0 0 #61a486}.inspector-status{font-size:10px;font-weight:550;display:inline-block;border-radius:7px;padding:6px 9px;margin-bottom:14px}.inspector-status.error,.export-readiness.error{color:var(--danger);background:var(--danger-bg);border:1px solid #edc6d0}.inspector-status.review,.export-readiness.review{color:var(--warning);background:var(--warning-bg);border:1px solid #ecdfc4}.inspector-status.fix{color:var(--info);background:var(--info-bg);border:1px solid #c9ddf1}.inspector-status.clear,.export-readiness.clear{color:var(--ok);background:var(--ok-bg);border:1px solid #c6e4d4}.issue-card.error{background:#fff1f4;border-color:#eec4d0}.issue-card.error h4,.issue-card.error p{color:var(--danger)}.issue-card.fix{background:#f0f7ff;border-color:#cedff0}.issue-card.fix h4,.issue-card.fix p{color:#426f97}.issue-card.review{background:#fffbf3;border-color:#ecdfc5}.issue-card.review h4{color:#91661d}.issue-card.review p{color:#8e7653}.review-guide.clear{background:linear-gradient(110deg,#e5f6ecb3,#f4fbf8b3);border-color:#c9e5d5}.review-guide.clear h3,.inspector .clear-message,.success-empty{color:var(--ok)}.review-guide.error{background:linear-gradient(110deg,#ffe9efb3,#fff5f7b3);border-color:#e9bcc8}.review-guide.error h3{color:var(--danger)}.review-guide.review{background:linear-gradient(110deg,#fff5e5a6,#f7f5ffb3)}.export-readiness{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-size:12px}.export-readiness p{font-size:11px;line-height:1.7;margin:7px 0 0}.export-readiness button{font-size:11px;margin-top:10px;color:var(--danger);border-color:#edc6d0}.line-break-action{width:100%;font-size:11px;color:var(--info);background:#edf6ffa1;border:1px solid #d0e1f3;padding:9px;margin-top:7px}.line-break-action:hover:not(:disabled){background:#e6f2ff;box-shadow:none;border-color:#a4c6e4}.save-actions{display:grid;grid-template-columns:1fr 1.65fr;gap:7px;margin-top:12px}.save-actions button{font-size:11px;padding:10px 8px}.metric-state{font-size:10px;line-height:1.7;margin-top:8px;padding:8px 10px;border-radius:7px}.metric-state.error{color:var(--danger);background:var(--danger-bg)}.metric-state.review{color:var(--warning);background:var(--warning-bg)}.metric-state.clear{color:var(--ok);background:var(--ok-bg)}input[aria-invalid="true"]{border-color:#d1788e!important;background:#fff6f8}.editor-meta .over{color:var(--warning)}.editor-meta span:not(.over):first-child{color:var(--ok)}.empty-results button{display:inline-block;font-size:11px;margin-top:14px}.source-error{background:var(--danger-bg);color:var(--danger);border-color:#edc6d0}#toast[data-tone="success"]{background:#225e48ed}#toast[data-tone="info"]{background:#375f88ed}#toast[data-tone="error"]{background:#904156ed}#dialog-status[data-tone="success"]{background:var(--ok-bg);color:var(--ok)}#dialog-status[data-tone="info"]{background:var(--info-bg);color:var(--info)}#dialog-status[data-tone="error"]{background:var(--danger-bg);color:var(--danger)}
@media(max-width:640px){.status-card.stat{padding:14px 16px;min-height:110px}.status-card span{font-size:9px}.status-card small{font-size:9px}.status-legend{gap:12px;font-size:9px}.save-actions button{font-size:12px;min-height:42px}.metric-state{font-size:11px}.inspector-status{font-size:11px}.cue-row.selected{padding-left:20px}}
.comparison-finding{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}.comparison-finding small{font-size:9px;line-height:1.8;color:#8c779b}.badge.invalid{color:var(--danger);background:#ffe5ec}.comparison-head span{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.comparison-finding{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.comparison-finding small{text-align:right;font-size:9px}}
#paste-reference{font-size:12px;margin-left:7px}.toolbar #paste-reference{margin-left:0}.compare-empty button{margin-top:6px}@media(max-width:640px){#paste-reference{font-size:11px;margin-left:4px}}

.analytics-choice{position:fixed;right:22px;bottom:22px;z-index:1000;width:min(410px,calc(100vw - 32px));padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 12px 50px #4934a52a;color:#30264b;font-size:14px;max-height:calc(100vh - 32px);overflow:auto}.analytics-choice p{font-size:13px;line-height:1.6;margin:10px 0 16px}.analytics-choice>div{display:flex;gap:10px}.analytics-choice button{flex:1}.analytics-settings{font-size:11px} @media(max-width:600px){.analytics-choice{right:16px;bottom:16px}}
