:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) { min-width:0; color:var(--frame-ink); background:#dde0dd var(--material-mineral); }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) [hidden] { display:none!important; }
.ai-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:32px 36px; border-bottom:1px solid var(--frame-line); }
.ai-head h1 { font-size:30px; line-height:1.3; margin:8px 0 0; }
.ai-head .section-index { margin:0; }
.ai-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:9px 14px; border:1px solid #bac1bd; border-radius:4px; background:linear-gradient(135deg,#fff,#ecf0ec); color:var(--frame-ink); font:600 13px/1.5 var(--font-ui); cursor:pointer; text-decoration:none; box-shadow:inset 0 1px 0 #fff,-3px -3px 10px var(--material-led-soft),4px 6px 10px #1f242110; transform:none; filter:none; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-btn:hover { background:#fff; border-color:#858f88; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-primary { background:#e34c35; color:white; border-color:#c73d28; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-primary:hover { background:#c73d28; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-icon { width:44px; height:44px; padding:0; flex:0 0 44px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) button:disabled { opacity:.45; cursor:not-allowed; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-btn i { font-size:20px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .pe-7s-download::before { content:"\e65c"; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) :is(button,input,textarea,select,a,[tabindex]):focus-visible { outline:2px solid #ac3525; outline-offset:3px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) label { display:block; margin:0; font:500 12px/1.6 var(--font-ui); text-transform:none; color:var(--frame-muted); }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) { display:block; width:100%; min-height:44px; padding:10px 12px; border:1px solid #b9c1bb; border-radius:4px; background:#ffffffc7; color:var(--frame-ink); font:13px/1.6 var(--font-code); box-shadow:inset 0 1px 0 #fff; margin:6px 0 0; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) select { font-family:var(--font-ui); }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) textarea { resize:vertical; min-height:260px; white-space:pre-wrap; overflow-wrap:anywhere; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) input[type=checkbox],:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) input[type=radio] { appearance:auto; width:17px; height:17px; min-height:0; padding:0; margin:0; flex:0 0 17px; accent-color:#c43d2a; box-shadow:none; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-check { display:flex; align-items:start; gap:9px; font-size:13px; }
.ai-check input { margin-top:3px!important; }
.ai-band { padding:22px 36px; border-bottom:1px solid var(--frame-line); background:#ffffff52; }
.ai-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ai-pane { min-width:0; padding:24px 28px; background:linear-gradient(135deg,#ffffffa8,#f1f3f16b),var(--material-reflection); border-top:2px solid #fff1cb; }
.ai-pane+.ai-pane { border-left:1px solid var(--frame-line); }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) h2 { font-size:18px; line-height:1.4; margin:0 0 14px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) h3 { font-size:14px; line-height:1.5; margin:0 0 8px; }
.ai-status-wrap { min-height:56px; padding:15px 36px; background:#fbfcf7a8; border-block:1px solid var(--frame-line); }
.ai-status-wrap p { margin:0; font-size:13px; overflow-wrap:anywhere; }
.ai-status-wrap [data-state=error] { color:#a42e20; }
.ai-status-wrap progress { display:block; width:100%; height:6px; margin-top:8px; accent-color:#e34c35; }
.ai-note { padding:26px 36px; background:#f6f8f3af; }
.ai-note p { font-size:12px; line-height:1.8; color:var(--frame-muted); margin:0 0 10px; max-width:100ch; }
.ai-note p:last-child { margin-bottom:0; }
.ai-note a { text-decoration:underline; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-tabs { display:flex; gap:4px; border-bottom:1px solid var(--frame-line); padding:12px 36px 0; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) [role=tab] { border:0; border-bottom:3px solid transparent; padding:12px 18px; border-radius:0; background:transparent; color:var(--frame-muted); min-height:48px; font:600 14px var(--font-ui); cursor:pointer; box-shadow:none; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) [role=tab][aria-selected=true] { border-color:#e34c35; color:#a63120; background:#ffffff78; }
.ai-table-wrap { width:100%; overflow-x:auto; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) table { width:100%; border-collapse:collapse; font:13px/1.6 var(--font-ui); background:#f5f7f3c9; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) th { background:#e5e9e4; font-size:11px; color:#59645d; text-align:left; text-transform:uppercase; padding:12px 16px; border-bottom:1px solid #bcc6be; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) td { padding:12px 16px; border-bottom:1px solid #d1d8d1; vertical-align:middle; overflow-wrap:anywhere; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) tbody tr:nth-child(even) { background:#ffffff75; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) td select { margin:0; min-width:160px; max-width:420px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-table-empty { padding:28px 0; margin:0; color:var(--frame-muted); font-size:13px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-warn { color:#a13925; }
.ai-row { display:flex; align-items:end; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.ai-row>.ai-actions { align-self:end; }
.ai-caption { color:var(--frame-muted); font-size:12px; margin:10px 0 0; }
.ai-draw { display:flex; align-items:center; justify-content:center; min-height:300px; background:#e5e8e4; border:1px dashed #aab5ad; border-radius:4px; overflow:hidden; }
.ai-draw canvas { display:block; width:100%; height:auto; cursor:crosshair; touch-action:none; }
.ai-draw p { padding:25px; color:var(--frame-muted); font-size:13px; }
.ai-rect-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) 44px; align-items:end; gap:10px; margin-top:16px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-rect-fields input { padding:8px; }
.ai-detections { max-height:440px; overflow:auto; margin-top:18px; }
.ai-detections table { table-layout:fixed; }
.ai-detections th:first-child { width:55px; }
.ai-detections th:last-child { width:130px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-redacted-text { min-height:180px; }
.ai-record-settings { display:grid; grid-template-columns:minmax(200px,1fr) minmax(200px,1fr); gap:20px; }
.ai-record-settings .ai-actions { flex-wrap:nowrap; align-items:end; }
.ai-record-settings select { flex:1; min-width:0; }
.ai-recorder-display { display:flex; align-items:center; gap:24px; padding:22px 0; }
.ai-timer { font:500 32px/1.3 var(--font-code); min-width:170px; }
.ai-meter-group { flex:1; min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.ai-meter-group label { min-width:0; }
.ai-meter-group meter { display:block; width:100%; height:12px; margin-top:8px; }
.ai-recorder-display[data-recording=true] .ai-timer { color:#b32b1b; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) audio { width:100%; margin-top:16px; }
.ai-transcript-controls { display:grid; grid-template-columns:minmax(160px,230px) auto; gap:18px; align-items:end; margin-bottom:18px; }
:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-transcript { min-height:350px; }
@media(max-width:850px){.ai-head{align-items:start;flex-direction:column}.ai-grid{grid-template-columns:minmax(0,1fr)}.ai-pane+.ai-pane{border-left:0}.ai-record-settings{grid-template-columns:minmax(0,1fr)}.ai-recorder-display{align-items:start;flex-direction:column}.ai-meter-group{width:100%}}
@media(max-width:600px){.ai-head{padding:26px 20px}.ai-head h1{font-size:26px}.ai-band,.ai-pane,.ai-note{padding:22px 20px}.ai-status-wrap{padding:14px 20px}:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-tabs{padding-left:20px;padding-right:20px}:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) [role=tab]{padding:10px 14px}:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) textarea{min-height:220px}.ai-transcript-controls{grid-template-columns:minmax(0,1fr)}:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) td,:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) th{padding:10px}.ai-rect-fields{gap:6px}:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) .ai-rect-fields input{font-size:12px;padding:6px}.ai-detections th:last-child{width:100px}.ai-meter-group{gap:12px}}
@media(prefers-reduced-motion:reduce){:is(#ai-screenshot-redactor,#ai-field-mapper,#ai-audio-transcriber) *{transition:none!important}}