@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@600&family=Source+Serif+4:opsz,wght@8..60,600&display=swap";html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}:root{--bg:#e8efe9;--panel:#f7faf8;--ink:#1a2a24;--muted:#5a6d65;--line:#c5d4cc;--brand:#0d6b56;--brand-deep:#084d3e;--hit:#1f7a4c;--miss:#a33b2d;--warn-bg:#f8ebe8;--info-bg:#e4f1ec;--shadow:0 12px 40px #1a2a2412;--radius:12px;--font-display:"Source Serif 4", "Noto Serif SC", Georgia, serif;--font-body:"IBM Plex Sans", "Noto Sans SC", sans-serif;--ops-width:clamp(300px, 28vw, 380px);--drawer-width:min(480px, 100vw)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 480px at 0% -5%, #c5ddd2 0%, transparent 55%), radial-gradient(700px 420px at 100% 0%, #d5e3dc 0%, transparent 50%), linear-gradient(165deg, #eef4f0 0%, var(--bg) 45%, #e3ebe6 100%);background-attachment:fixed}button,input,select,textarea{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:100%;min-height:100vh;margin:0;padding:16px 24px 20px;display:flex}.topbar{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px 20px;margin-bottom:12px;padding-bottom:12px;display:flex}.brand-block{min-width:0}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin:0;font-size:13px;font-weight:600}.topbar h1{font-family:var(--font-display);color:var(--ink);margin:2px 0 0;font-size:clamp(20px,2.4vw,26px);font-weight:600;line-height:1.2}.topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sop-select{min-width:220px;max-width:320px}.banner{border-radius:10px;flex-shrink:0;margin-bottom:12px;padding:10px 14px;font-size:14px}.banner.error{background:var(--warn-bg);color:var(--miss)}.banner.info{background:var(--info-bg);color:var(--brand-deep)}.workbench{grid-template-columns:var(--ops-width) 1fr;flex:1;align-items:stretch;gap:16px;min-height:0;display:grid}.ops-panel,.result-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);height:100%;min-height:0}.ops-panel{flex-direction:column;padding:20px 18px 22px;display:flex;overflow:auto}.result-panel{flex-direction:column;min-height:0;padding:20px 24px 24px;display:flex}.ops-panel h2,.result-panel h2{font-family:var(--font-display);margin:0 0 14px;font-size:20px;font-weight:600}.result-panel h3{letter-spacing:.02em;color:var(--muted);text-transform:none;margin:0 0 10px;font-size:14px;font-weight:600}.field-label{color:var(--muted);letter-spacing:.02em;margin:12px 0 6px;font-size:12px;font-weight:500;display:block}.ops-panel .field-label:first-of-type{margin-top:0}.text-input,select,textarea,.score-input,.sop-select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:9px 11px;transition:border-color .15s}.text-input:focus,select:focus,textarea:focus,.sop-select:focus{border-color:var(--brand);outline:none}textarea{resize:vertical}.hint{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}.ops-footer{border-top:1px solid var(--line);margin:16px 0 0;padding-top:12px;font-size:12px}.dropzone{border:1.5px dashed var(--line);text-align:center;color:var(--muted);background:linear-gradient(160deg,#0d6b560f,#0000 60%),#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;min-height:160px;padding:48px 16px;transition:border-color .2s,background .2s,transform .15s;display:flex;position:relative}.dropzone:hover{border-color:color-mix(in srgb, var(--brand) 55%, var(--line))}.dropzone.over,.dropzone.has-file{border-color:var(--brand);color:var(--ink);background:linear-gradient(160deg,#0d6b561a,#0000 55%),#fff}.dropzone p{pointer-events:none;margin:0;font-size:14px;line-height:1.5}.dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.paste-toggle{text-align:left;margin:12px 0 0;font-size:13px;display:block}.paste-area{margin-top:8px}.primary,.ghost{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 14px;transition:background .15s,border-color .15s,opacity .15s}.primary{background:var(--brand);color:#fff;width:100%;margin-top:16px;font-weight:600}.ops-panel>.primary{margin-top:auto}.primary:hover:not(:disabled){background:var(--brand-deep)}.primary.compact{width:auto;margin-top:0;padding:7px 14px;font-size:13px}.primary:disabled{opacity:.55;cursor:not-allowed}.ghost{border-color:var(--line);color:var(--ink);background:#fff}.ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand-deep)}.ghost:disabled{opacity:.5;cursor:not-allowed}.ghost.small{padding:6px 10px;font-size:13px}.reeval-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.reeval-actions .ghost{width:100%;font-size:13px}.linkish{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0}.linkish:disabled{opacity:.5;cursor:not-allowed}.empty{color:var(--muted);text-align:center;background:radial-gradient(50% 40% at 50% 45%,#0d6b560f,#0000 70%);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:48px 32px;line-height:1.65;display:flex}.empty-title{font-family:var(--font-display);color:var(--ink);margin:0 0 10px;font-size:clamp(24px,2.5vw,32px)}.empty p{max-width:420px;margin:0 auto;font-size:15px}.meta-strip{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:12px;padding:8px 0;font-size:13px;display:flex}.meta-sep{opacity:.5}.report-blurb{background:var(--info-bg);border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:14px}.report-blurb strong{color:var(--brand-deep);margin-bottom:4px;display:block}.report-blurb p{color:var(--ink);margin:0;line-height:1.5}.result-body{flex-direction:column;flex:1;min-height:0;display:flex}.summary{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 14px}.stat span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.stat strong{font-size:28px;font-family:var(--font-display);font-weight:600;line-height:1}.score-denom{color:var(--muted);margin-left:2px;font-size:14px;font-weight:400}.stat.hit strong{color:var(--hit)}.stat.miss strong{color:var(--miss)}.result-grid{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.insights,.transcript{flex-direction:column;min-height:0;display:flex}.insights ul{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.insights li{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:10px 12px;transition:border-color .15s}.insights li.active{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.insight-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.badge{border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.badge.ok{color:var(--hit);background:#e4f4eb}.badge.no{color:var(--miss);background:#f8e8e5}.insights p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.suggest-title{margin-top:16px!important}.suggest-item{cursor:default!important}.transcript-scroll{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:auto}.para{background:#fff;border:1px solid #0000;border-radius:10px;padding:10px 12px}.para.highlight{background:#e8f5ef;border-color:#b7d9c8}.speaker{color:var(--brand);margin-bottom:4px;font-size:12px;font-weight:600;display:inline-block}button.speaker{text-underline-offset:2px;text-decoration:underline}button.speaker:hover:not(:disabled){opacity:.85}button.speaker:disabled{cursor:not-allowed;opacity:.6}.para p{margin:0;font-size:14px;line-height:1.55}.muted{color:var(--muted)}.drawer-root{z-index:40;pointer-events:none;position:fixed;inset:0}.drawer-root.open{pointer-events:auto}.drawer-backdrop{opacity:0;cursor:pointer;background:#1a2a2459;border:none;margin:0;padding:0;transition:opacity .22s;position:absolute;inset:0}.drawer-root.open .drawer-backdrop{opacity:1}.drawer{height:100%;width:var(--drawer-width);background:var(--panel);border-left:1px solid var(--line);flex-direction:column;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #1a2a241f}.drawer-root.open .drawer{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}.drawer-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin:0;font-size:11px;font-weight:600}.drawer-head h2{font-family:var(--font-display);margin:4px 0 0;font-size:22px;font-weight:600}.drawer-body{flex:1;padding:12px 18px 28px;overflow:auto}.drawer-toolbar{justify-content:flex-end;gap:8px;margin-bottom:4px;display:flex}.rules-head{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.rules-head .field-label{margin:0}.rule-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.rule-row{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.rule-row.open{border-color:color-mix(in srgb, var(--brand) 40%, var(--line))}.rule-summary{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.rule-summary:hover{background:#f3f7f5}.rule-index{color:var(--muted);font-size:12px;font-weight:600}.rule-title-preview{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.rule-score-preview{color:var(--muted);white-space:nowrap;font-size:12px}.rule-editor{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.score-row{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.score-input{width:72px}@media (width<=960px){.page{height:auto;min-height:100vh}.workbench{flex:none;grid-template-columns:1fr}.ops-panel,.result-panel{height:auto}.result-panel{min-height:60vh}.empty{min-height:360px}.result-grid,.summary{grid-template-columns:1fr}.insights ul,.transcript-scroll{max-height:50vh}.sop-select{flex:1;min-width:0}.drawer{width:100%}}