: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);width:100%;max-width:100vw;min-height:100vh;color:var(--text-1);grid-template:"header""capture"1fr/minmax(0,1fr);display:grid;overflow-x:hidden}.controls-bar{background:var(--surface-header);border:var(--border);border-bottom:var(--divider-strong);flex-wrap:wrap;grid-area:header;align-items:center;gap:14px;min-width:0;padding:12px 22px;display:flex}.btn{letter-spacing:0;min-width:142px;color:inherit;cursor:pointer;border:1px solid #b9c2ce;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s;display:inline-flex}.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-spinner{border:2px solid #1f29373d;border-top-color:var(--text-1);border-radius:999px;flex:none;width:12px;height:12px;animation:.8s linear infinite phase-spin}@keyframes phase-spin{to{transform:rotate(360deg)}}.app-version{color:var(--text-2);background:#ffffff57;border:1px solid #b8c2cf;border-radius:8px;margin-left:auto;padding:8px 10px;font-family:Consolas,Courier New,monospace;font-size:13px}.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:calc(100vh - 68px);display:flex}.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;position:relative;overflow:hidden}.iad-capture-host,.iad-capture-element{contain:layout paint size;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:block!important;position:relative!important;inset:auto!important;overflow:hidden!important}.iad-capture-host video,.iad-capture-host canvas,.iad-capture-host img{max-width:100%!important;max-height:100%!important}.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}.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}.calls-table{table-layout:fixed;border-collapse:collapse;width:100%;font-family:Consolas,Courier New,monospace;font-size:12px}.calls-table th:first-child,.calls-table td:first-child{width:auto}.calls-table th:nth-child(2),.calls-table td:nth-child(2){width:96px}.calls-table th,.calls-table td{vertical-align:top;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #e2e8f0;padding:7px 8px}.calls-table th{color:#263244;background:#e8eef5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px}.calls-table tr[data-status=ok] td:nth-child(2){color:var(--ok)}.calls-table tr[data-status=warning] td:nth-child(2){color:var(--warning)}.calls-table tr[data-status=error] td:nth-child(2){color:var(--error)}.calls-table tr[data-status=unsupported] td:nth-child(2){color:var(--unsupported)}.calls-table pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.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:70vh;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}}