:root{color:#172026;background:#f4f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}.shell{min-height:100vh;padding:24px}.workspace{width:min(1180px,100%);margin:0 auto}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.15;font-weight:720}.topbar p,.hint,footer{color:#59666d}.topbar p{margin-top:6px;font-size:14px}.status{display:flex;align-items:center;gap:8px;min-height:38px;max-width:460px;padding:8px 12px;border:1px solid #ccd6d3;border-radius:8px;background:#fff;color:#334047;font-size:13px}.status[data-busy=true]{border-color:#5f8d78;color:#17543d}.grid{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:16px}.panel{border:1px solid #d6dedb;border-radius:8px;background:#fff;box-shadow:0 10px 30px #2a363e0f}.controls{display:flex;flex-direction:column;gap:14px;padding:16px}.sectionTitle,.compareHeader,.modelDetailTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sectionTitle{margin-bottom:8px}.sectionTitle span{color:#2d3940;font-size:12px;font-weight:760}.sectionTitle small,.modelDetail p,.compareHeader p,td small{color:#66747b;font-size:12px;line-height:1.4}.modelButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.secondaryButtons{grid-template-columns:repeat(3,minmax(0,1fr))}.modelButton{min-width:0;height:38px;border-color:#c8d2ce;background:#f7f9f8;color:#26333a;font-size:13px;font-weight:690}.modelButton.active{border-color:#275d80;background:#e7f2f7;color:#123d55}.modelDetail{border:1px solid #dbe3df;border-radius:8px;padding:13px;background:#fbfcfb}.modelDetail h2{font-size:16px;line-height:1.25}.tag{display:inline-flex;align-items:center;min-height:24px;border:1px solid #d5c28d;border-radius:999px;padding:3px 8px;background:#fff8df;color:#6e5716;font-size:12px;font-weight:720;white-space:nowrap}.tag.live{border-color:#91b7a7;background:#e8f5ef;color:#17543d}.modelNote{margin-top:8px;color:#344047}.signalGrid{display:grid;gap:7px;margin-top:12px}.signalGrid div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;color:#435057;font-size:12px;line-height:1.4}.signalGrid svg{margin-top:1px;color:#275d80}.prosCons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.prosCons strong{color:#27343b;font-size:12px}.prosCons ul{margin:6px 0 0;padding-left:17px;color:#4b5960;font-size:12px;line-height:1.45}label{display:flex;flex-direction:column;gap:7px}label>span{font-size:12px;font-weight:680;color:#344047}select,input{width:100%;height:40px;border:1px solid #cbd5d1;border-radius:7px;padding:0 10px;background:#fbfcfb;color:#172026}select:focus,input:focus,textarea:focus{outline:2px solid #8ab6a0;outline-offset:1px}.hint{margin-top:-8px;font-size:13px;line-height:1.45}.buttonRow{display:flex;gap:10px}button,.fileButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid transparent;border-radius:8px;padding:0 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover,.fileButton:hover{transform:translateY(-1px)}button:disabled,.fileButton:has(input:disabled){cursor:not-allowed;opacity:.55;transform:none}.primary{background:#196b50;color:#fff}.danger{background:#a83b39;color:#fff}.ghost,.fileButton{border-color:#c8d2ce;background:#f7f9f8;color:#26333a}.wide{flex:1}.fileButton{flex:1;position:relative;overflow:hidden}.fileButton input{position:absolute;inset:0;opacity:0;cursor:pointer}.player{width:100%;height:42px}.transcript{display:flex;min-height:520px;flex-direction:column;overflow:hidden}.resultHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 16px;border-bottom:1px solid #dbe3df}.resultHeader h2{font-size:16px}.resultHeader span{color:#68757b;font-size:12px}textarea{min-height:0;flex:1;width:100%;border:0;resize:none;padding:16px;color:#172026;background:#fff;line-height:1.55;font-size:16px}footer{margin-top:14px;font-size:13px;line-height:1.5}.comparePanel{margin-top:16px;overflow:hidden}.compareHeader{padding:16px;border-bottom:1px solid #dbe3df}.compareHeader h2{font-size:17px;line-height:1.2}.compareHeader p{margin-top:5px}.compareHeader>span{color:#59666d;font-size:12px;white-space:nowrap}.tableWrap{overflow-x:auto}table{width:100%;min-width:1080px;border-collapse:collapse}th,td{border-bottom:1px solid #e3e9e6;padding:12px 14px;text-align:left;vertical-align:top;font-size:13px;line-height:1.45}th{background:#f7f9f8;color:#2e3a41;font-size:12px;font-weight:760}td{color:#38454c}td:first-child{width:190px}td small{display:block;margin-top:4px}.selectedRow td{background:#f1f7fa}.tableModelButton{justify-content:flex-start;width:100%;height:auto;border:0;padding:0;background:transparent;color:#123d55;font-weight:740;text-align:left}.tableModelButton:hover{transform:none;text-decoration:underline}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.shell{padding:14px}.topbar{align-items:stretch;flex-direction:column}.status{max-width:none}.grid{grid-template-columns:1fr}.transcript{min-height:420px}.prosCons{grid-template-columns:1fr}.secondaryButtons{grid-template-columns:repeat(2,minmax(0,1fr))}.compareHeader{flex-direction:column}}