*{box-sizing:border-box}body{color:#111827;background:#f5f6f8;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{width:min(1500px,98vw);margin:auto;padding:12px 0 28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.topbar h1{margin:0;font-size:22px}.topbar p{color:#6b7280;margin:3px 0 0;font-size:12px}.state{border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.state.ok{color:#047857;background:#ecfdf5}.state.bad{color:#b91c1c;background:#fef2f2}.controls{z-index:10;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px;display:flex;position:sticky;top:0}.controls form{align-items:center;gap:6px;display:flex}.controls span{color:#4b5563;font-size:12px}.input{background:#fff;border:1px solid #d1d5db;border-radius:7px;align-items:center;gap:5px;padding:0 8px;display:flex}input,select{color:#111827;background:0 0;border:0;outline:none;height:32px}input{width:310px}select{background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:0 8px}button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 10px;display:inline-flex}.plain{color:#111827;background:#fff;border-color:#d1d5db}.mini,.icon{color:#111827;background:#fff;border-color:#d1d5db;height:26px;padding:0 8px}.icon{justify-content:center;width:28px}.notice{border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:9px 10px;display:flex}.notice.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.block{background:#fff;border:1px solid #d1d5db;border-radius:10px;margin-bottom:10px;overflow:hidden}.section-title{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.section-title h2{margin:0;font-size:15px}.section-title span{color:#6b7280;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:8px 10px;font-size:13px}th{color:#4b5563;background:#f9fafb;font-size:12px;font-weight:600}.sym{font-weight:700}.selected{background:#eff6ff}.pos{color:#047857}.neg{color:#dc2626}.compare-grid{grid-template-columns:repeat(3,minmax(360px,1fr));gap:10px;padding:10px;display:grid}.panel{background:#fff;border:1px solid #d1d5db;border-radius:9px;overflow:hidden}.panel-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:8px;padding:10px;display:flex}.panel-head h3{margin:0;font-size:18px}.panel-head p{color:#6b7280;margin:3px 0 0;font-size:12px}.summary{background:#e5e7eb;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.summary div{background:#fbfbfc;padding:8px}.summary span{color:#6b7280;font-size:11px;display:block}.summary b{font-size:13px}.links{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid}.links a,.component-table a{color:#2563eb;text-decoration:none}.links a{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:6px;font-size:12px}.links a:hover,.component-table a:hover{text-decoration:underline}.component-table th,.component-table td{padding:7px 8px;font-size:12px}.component-table em{color:#92400e;background:#fef3c7;border-radius:999px;margin-left:5px;padding:1px 5px;font-size:11px;font-style:normal}.component-table tr.added{background:#f0fdf4}.component-table tr.changed{background:#fffbeb}.component-table tr.removed{color:#b91c1c;background:#fef2f2}.change-box{background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;margin:8px;padding:8px}.change-box>div{justify-content:space-between;align-items:center;display:flex}.change-box button{color:#92400e;background:#fff;border-color:#fbbf24;height:24px}.change-box small{color:#92400e}.change-box p{background:#fff;border-radius:6px;margin:5px 0 0;padding:5px 7px;font-size:12px}.change-box p.added{border-left:4px solid #22c55e}.change-box p.changed{border-left:4px solid #f59e0b}.change-box p.removed{border-left:4px solid #ef4444}.empty,.empty-cell{text-align:center;color:#6b7280;padding:20px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.compare-grid{grid-template-columns:1fr}.links{grid-template-columns:repeat(2,1fr)}input{width:220px}}@media (width<=720px){main{width:98vw}.topbar,.controls,.controls form{display:block}.input{margin:5px 0}input{width:100%}.controls button,.controls select{justify-content:center;width:100%;margin-top:5px}.summary{grid-template-columns:repeat(2,1fr)}.links{grid-template-columns:1fr}.compare-grid{padding:6px}}.component-table tr.deviated{background:#fff7ed}.component-table tr.deviated td:first-child{border-left:3px solid #f97316}.component-table tr.deviated td:last-child{font-weight:700}