.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 32px rgba(15,23,42,.08)}
.tab-btn{border-bottom:4px solid transparent;color:#64748b}
.tab-btn.active{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.metric-cell{padding:10px 12px;border-right:1px solid #e5e7eb;background:#fff}.metric-cell:last-child{border-right:none}
.status-strip{margin:8px 0 10px;padding:8px 10px;border-radius:10px;background:#f8fafc;color:#334155;font-size:14px;font-weight:800}
.result-box{min-height:240px;white-space:pre-wrap;line-height:1.75}
.summary-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}
.media-summary-card{min-height:118px;padding:14px;line-height:1.25;border-radius:14px;border:1px solid #e5e7eb;background:#f8fafc}
.claude-button{background:#b46a45;color:#fff}.claude-button:hover{background:#9f5736}.claude-soft{background:#fff7ed;border-color:#fed7aa}
.cache-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:#ecfeff;color:#0e7490}
.stage-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;background:#fff}
.stage-label{display:inline-flex;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;background:#eef2ff;color:#3730a3}
.copy-btn{border:1px solid #e2e8f0;background:#f8fafc;color:#334155;border-radius:10px;padding:8px 12px;font-weight:800}
.copy-btn:hover{background:#eef2ff}
.disabled-output{opacity:.55;cursor:not-allowed}
.comparison-table{border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:14px;font-size:.96rem}
.comparison-table th,.comparison-table td{padding:12px 10px}.comparison-table th{white-space:nowrap;background:#f1f5f9}
.final-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.final-kpi-card{border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#f8fafc}
@media(max-width:920px){.metric-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.metric-cell:nth-child(2){border-right:none}.metric-cell{border-bottom:1px solid #e5e7eb}.metric-cell:nth-child(3),.metric-cell:nth-child(4){border-bottom:none}}
@media(max-width:640px){.metric-grid{grid-template-columns:1fr 1fr}.tab-btn{padding-left:14px!important;padding-right:14px!important}}
.chart-frame{position:relative}