:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--surface-page:#eef1f4;--surface-header:#c8d2de;--surface-feed:#d8e0ea;--surface-debug:#edf2f8;--surface-card:#f8fafc;--capture-area-height:42vh;--text-1:#1f2937;--text-2:#4b5563;--ok:#166534;--warning:#92400e;--error:#991b1b;--unsupported:#475569;--border:1px solid #cfd4db;--divider-strong:1px solid #aab4c2}.app-container{box-sizing:border-box;background:var(--surface-page);height:100vh;color:var(--text-1);grid-template:"header""capture"minmax(0,1fr)/minmax(0,1fr);display:grid;overflow:hidden}.controls-bar{background:var(--surface-header);border:var(--border);border-bottom:var(--divider-strong);grid-area:header;align-items:center;gap:14px;min-width:0;padding:12px 22px;display:flex}.btn{letter-spacing:0;cursor:pointer;border:1px solid #b9c2ce;border-radius:8px;min-width:142px;padding:10px 16px;font-size:14px;font-weight:700;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s}.btn:hover:not(:disabled){border-color:#96a3b4;box-shadow:inset 0 -2px #0f172a14}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;border-color:#cfd4db}.btn:active:not(:disabled){box-shadow:inset 0 2px #0f172a1a}.btn:focus-visible{outline-offset:1px;outline:2px solid #3b82f6}.btn-secondary{color:var(--text-1);background:linear-gradient(#f9fafb 0%,#edf1f5 100%)}.phase-indicator{background:#ffffff57;border:1px solid #b8c2cf;border-radius:8px;grid-template-columns:max-content max-content;align-items:baseline;gap:8px;padding:8px 10px;font-size:13px;display:inline-grid}.phase-label{color:var(--text-2);font-weight:700}.phase-value{font-family:Consolas,Courier New,monospace}.copy-status{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.capture-panel{background:var(--surface-feed);border-left:var(--border);border-right:var(--border);border-bottom:var(--border);border-top:none;flex-direction:column;grid-area:capture;min-height:0;display:flex;overflow:hidden}.capture-area{flex:0 0 var(--capture-area-height);height:var(--capture-area-height);isolation:isolate;background:var(--surface-feed);width:100%;position:relative;overflow:hidden}.diagnostic-media-grid{border-bottom:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.media-pane{background:#dce4ed;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.media-pane header{border-bottom:var(--border);color:#263244;background:#f8fafc94;padding:8px 12px;font-size:13px;font-weight:800}.media-frame{min-height:0;color:var(--text-2);justify-content:center;align-items:center;font-size:13px;display:flex;overflow:hidden}.media-frame idlive-document-capture,.media-frame video,.media-frame img{aspect-ratio:16/9;object-fit:contain;object-position:center center;width:auto;max-width:100%;height:100%;max-height:100%;display:block}.debug-area{box-sizing:border-box;background:var(--surface-debug);border-top:none;flex:auto;min-height:180px;overflow-y:auto}.diagnostic-debug-area{padding:14px 18px 18px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.summary-card{border:var(--border);background:var(--surface-card);border-radius:8px;padding:12px}.summary-card h2{margin:0 0 6px;font-size:14px;line-height:1.2}.summary-card p{color:var(--text-2);margin:0 0 10px;font-size:13px}.summary-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.summary-card dl div{min-width:0}.summary-card dt{color:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:700}.summary-card dd{margin:2px 0 0;font-family:Consolas,Courier New,monospace;font-size:14px}.calls-table-wrap{border:var(--border);background:#f8fafc;border-radius:8px;max-height:340px;overflow:auto}.calls-table{border-collapse:collapse;width:100%;min-width:980px;font-family:Consolas,Courier New,monospace;font-size:12px}.calls-table th,.calls-table td{vertical-align:top;text-align:left;border-bottom:1px solid #e2e8f0;padding:7px 8px}.calls-table th{z-index:1;color:#263244;background:#e8eef5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;position:sticky;top:0}.calls-table tr[data-status=ok] td:nth-child(4){color:var(--ok)}.calls-table tr[data-status=warning] td:nth-child(4){color:var(--warning)}.calls-table tr[data-status=error] td:nth-child(4){color:var(--error)}.calls-table tr[data-status=unsupported] td:nth-child(4){color:var(--unsupported)}.calls-table pre{white-space:pre-wrap;max-width:520px;max-height:120px;margin:0;overflow:auto}.report-details{border:var(--border);background:var(--surface-card);border-radius:8px;margin-top:12px}.report-details summary{cursor:pointer;padding:10px 12px;font-weight:800}.report-details textarea{box-sizing:border-box;border:0;border-top:var(--border);resize:vertical;color:#e5e7eb;background:#0f172a;width:100%;min-height:240px;padding:12px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.45;display:block}@media (width<=980px){:root{--capture-area-height:56vh}.controls-bar{flex-wrap:wrap;padding:10px 12px}.btn{min-width:132px}.diagnostic-media-grid,.summary-grid{grid-template-columns:minmax(0,1fr)}.media-pane{min-height:28vh}.summary-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-debug-area{padding:12px}}