:root{--ci-blue: #1D4ED8;--ci-green: #16A34A;--ci-green-deep: #15803D;--ci-lilac: #7C3AED;--ci-red: #B91C1C;--ci-blue-tint: rgba(29, 78, 216, .1);--ci-green-tint: rgba(21, 128, 61, .12);--ci-red-tint: rgba(185, 28, 28, .08);--ci-bg: #FFFFFF;--ci-white: #FFFFFF;--ci-idle: #e9ecef;--ci-neutral: #6c757d;--ci-placeholder: #6b7684;--ci-frame: #c9d2dd;--ci-text: #0F172A;--primary: var(--ci-blue);--success: var(--ci-green-deep);--error: var(--ci-red);--warn: var(--ci-blue);--bg: var(--ci-bg);--card: #ffffff;--text: var(--ci-text);--muted: #5a6570;--border: #C0C0C0;--radius: 0px}*{box-sizing:border-box}body{font-family:Lato,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);margin:0;padding:20px;line-height:1.5}.container{max-width:1100px;margin:0 auto}h1{color:var(--ci-blue);font-size:1.6rem;border-bottom:3px solid var(--ci-blue);padding-bottom:8px}h1 span{font-size:.85rem;color:var(--muted);font-weight:400}h2{font-size:1.15rem;margin-top:24px;color:var(--ci-green-deep)}.ci-header{background:var(--ci-blue);color:var(--ci-white);padding:10px 16px;margin-bottom:16px;display:flex;align-items:center;gap:14px;border-radius:0}.ci-header img{height:40px;display:block;background:var(--ci-bg);padding:3px 6px}.ci-header .ci-tagline{font-size:13px;font-style:italic;opacity:.85}.ci-header .ci-version{font-size:12px;font-weight:600;font-family:Consolas,Courier New,monospace;color:var(--ci-text);background:var(--ci-bg);border:1px solid var(--ci-blue);border-radius:0;padding:2px 8px}.btn-help{width:28px;height:28px;border:1px solid var(--ci-white);background:transparent;color:var(--ci-white);font-weight:700;font-size:14px;line-height:1;border-radius:0;cursor:pointer}.btn-help:hover{background:#ffffff26}.ci-header .ci-title{font-weight:700;font-size:15px}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:#ebebeb 1px 1px 4px;padding:20px;margin-bottom:16px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}button{padding:10px 18px;border:none;border-radius:0;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-record{background:var(--error);color:var(--ci-white)}.btn-record.recording{background:var(--ci-neutral)}.has-vu{position:relative;overflow:hidden}.vu-meter{position:absolute;top:0;bottom:0;left:0;width:0%;background:var(--ci-green-tint);pointer-events:none}.vu-meter.vu-clip{background:var(--ci-red-tint)}@media(prefers-reduced-motion:no-preference){.btn-record.recording{animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}}.btn-primary{background:var(--primary);color:var(--ci-white)}.btn-success{background:var(--success);color:var(--ci-white)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-mini{background:transparent;border:1px solid var(--border);color:var(--muted);padding:2px 8px;font-size:13px;border-radius:0}.btn-mini:hover{border-color:var(--primary);color:var(--primary)}.fs-overlay{position:fixed;inset:0;z-index:1000;background:#0a0e198c;display:flex;align-items:stretch;justify-content:center;padding:3vmin}.fs-panel{display:flex;flex-direction:column;width:100%;max-width:1600px;gap:10px;background:var(--ci-bg);border-radius:0;padding:12px 16px;box-shadow:0 10px 40px #0006}.fs-panel .section-label{margin-bottom:0;font-size:13px}.fs-panel .btn-mini{border-color:var(--ci-frame);color:var(--text)}.fs-panel textarea{height:calc(100vh - 110px)!important;min-height:calc(100vh - 110px);font-size:1.05rem;resize:none}select{padding:10px 14px;border:1px solid var(--border);border-radius:0;font-size:14px;background:var(--ci-bg);min-width:220px}.key-wrap{display:inline-flex;align-items:center;gap:6px}.key-wrap input{min-width:200px;padding:10px 14px;border:1px solid var(--border);border-radius:0;font-size:14px;background:var(--ci-bg)}.key-hint{opacity:.6;font-size:.85em;margin-left:8px}.status{padding:10px 14px;border-radius:0;font-weight:600;font-size:13px;margin-bottom:12px}.status-idle{background:var(--ci-idle);color:var(--muted)}.status-processing{background:var(--ci-blue-tint);color:var(--ci-blue)}.status-success{background:var(--ci-green-tint);color:var(--ci-green-deep)}.status-error{background:var(--ci-red-tint);color:var(--ci-red)}.status-warning{background:var(--ci-blue-tint);color:var(--ci-blue)}textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--border);border-radius:0;font-family:Consolas,Courier New,monospace;font-size:13px;resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.grid-2{grid-template-columns:1fr}}.epias-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.epias-table th,.epias-table td{border:1px solid var(--border);padding:8px 10px;text-align:left}.epias-table th{background:var(--ci-idle);font-weight:600;color:var(--primary);white-space:nowrap}.epias-table td{font-family:Consolas,monospace;font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:0;font-size:11px;font-weight:700}.badge-new{background:var(--ci-green-tint);color:var(--ci-green-deep)}.badge-epias{background:var(--ci-blue-tint);color:var(--ci-blue)}.info-box{background:var(--ci-blue-tint);border-left:4px solid var(--ci-blue);padding:12px 16px;margin-top:16px;font-size:13px;border-radius:0}.hidden{display:none}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px;font-weight:700}.file-input{font-size:13px;color:var(--primary);padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.file-input input{position:absolute;width:1px;height:1px;opacity:0}.control-group{display:flex;align-items:center;gap:8px;min-width:0}.control-group select{min-width:0;flex:1}@media(max-width:900px){.controls{display:grid;grid-template-columns:1fr 1fr}.controls>.control-group{grid-column:auto}.controls>#recordBtn,.controls>.file-input,.controls>#processBtn,.controls>#retryBtn{grid-column:1 / -1}.key-wrap{width:100%}.key-wrap input{flex:1;min-width:0;width:auto}}@media(max-width:540px){.controls{grid-template-columns:1fr}}textarea::placeholder,input::placeholder{color:var(--ci-placeholder);opacity:1}.md-render{height:calc(100vh - 110px)!important;min-height:calc(100vh - 110px);font-size:1.05rem;overflow:auto;padding:12px;border:1px solid var(--border);background:var(--ci-bg)}.md-render h2{margin:.8em 0 .4em;font-size:1.15rem;color:var(--ci-blue)}.md-render h3{margin:.7em 0 .3em;font-size:1.02rem;color:var(--ci-text)}.md-render p{margin:.35em 0}.md-render ul,.md-render ol{margin:.35em 0 .35em 1.4em}.md-render li{margin:.15em 0}.md-render hr{border:0;border-top:1px solid var(--border);margin:.8em 0}.help-panel{max-width:900px;overflow:auto}.help-panel h2{font-size:1.05rem;color:var(--ci-blue);margin:.9em 0 .3em}.help-panel h3{font-size:.95rem;margin:.7em 0 .25em}.help-panel p,.help-panel li{font-size:.92rem}.help-panel kbd{font-family:Consolas,Courier New,monospace;background:var(--ci-idle);border:1px solid var(--border);border-radius:0;padding:1px 5px;font-size:.85em}.llm-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ci-idle);border:1px solid var(--border);border-radius:0;padding:8px 12px;margin-bottom:12px}.llm-stats .mono{font-family:Cascadia Code,Consolas,monospace;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-cancel{padding:5px 12px;background:var(--ci-bg);border:1px solid var(--ci-red);border-radius:0;color:var(--ci-red);cursor:pointer;font-size:13px;white-space:nowrap}.btn-cancel:hover{background:var(--ci-red-tint)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(8px);background:var(--ci-green-deep);color:var(--ci-white);padding:10px 20px;border-radius:0;box-shadow:#ebebeb 1px 1px 4px;opacity:0;transition:opacity .2s,transform .2s;z-index:2000;font-size:14px;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}:focus-visible{outline:2px solid var(--ci-blue);outline-offset:1px}#rawText,#briefText{font-size:14px}