.fi-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px;border-bottom:1px solid #e2e8f0}
.fi-type-grid .fi-type-card{display:block;width:100%;border:1px solid #cbd5e0;border-radius:8px;background:#fff;padding:12px 8px;text-align:left;font-size:13px;color:#334155;cursor:pointer}
.fi-type-grid .fi-type-card.active{border-color:#2c5282;background:#ebf4ff;color:#1a365d}
.fi-type-card:disabled{opacity:.6;cursor:not-allowed}
.fi-type-card:focus-visible,.fi-panel button:focus-visible{outline:3px solid #3182ce;outline-offset:2px}
.fi-note{font-size:13px;line-height:1.6;color:#526175;margin:10px 0}
.fi-example{white-space:pre-line;overflow-wrap:anywhere;padding:8px 12px;border-left:3px solid #90b4df;background:#f1f6fc;border-radius:0 6px 6px 0;margin-bottom:16px}
.fi-panel{padding:20px;margin:16px 0;border:1px solid #cbd5e0;border-radius:12px;background:#f8fafc;overflow-wrap:anywhere}
.fi-panel h2{font-size:20px;margin:0 0 12px}.fi-panel h3{font-size:16px;margin:14px 0 8px}
.fi-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #e2e8f0}
.fi-item-title{flex:1 1 150px;font-weight:600}.fi-result{color:#475569;font-size:13px;min-width:70px}
.fi-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fi-controls select{max-width:140px}
.fi-panel button{min-height:36px}.fi-panel button[aria-pressed="true"]{background:#2c5282;color:#fff}
.fi-message{font-size:14px;margin:10px 0 0;color:#334155}.fi-message.fi-error{color:#b91c1c}
.fi-badge{display:inline-block;font-size:12px;font-weight:600;color:#2c5282;background:#ebf4ff;border-radius:5px;padding:2px 6px;margin:0 5px}
.fi-panel progress{width:100%;height:12px}.fi-history{margin-top:16px}.fi-history p{font-size:13px;margin:8px 0}
#tabInteractive[hidden]{display:none!important}
#tabInteractive .form-label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
#tabInteractive .form-control,#tabInteractive .form-select,.fi-panel .form-control,.fi-panel .form-select{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:8px;background:#fff;color:#1e293b;font:inherit}
#tabInteractive .mb-3{margin-bottom:16px}#tabInteractive textarea{resize:vertical}
.fi-panel .btn-outline-primary{border:1px solid #2c5282;border-radius:6px;background:#fff;color:#2c5282;padding:6px 10px;cursor:pointer}
.fi-panel .btn-outline-primary:disabled{opacity:.6;cursor:wait}
@media(min-width:768px){.fi-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.fi-panel{padding:14px}.fi-type-grid{padding:12px}.fi-controls{width:100%}}