.teo5ie-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:1200px;margin:16px auto;padding:12px}
.teo5ie-topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.teo5ie-brand{display:flex;flex-direction:column;gap:2px}
.teo5ie-title{font-size:18px;font-weight:700}
.teo5ie-sub{font-size:12px;color:#6b7280}
.teo5ie-conn{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.teo5ie-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
@media (max-width: 900px){.teo5ie-grid{grid-template-columns:1fr}}

.teo5ie-card{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.teo5ie-card-title{font-size:14px;font-weight:700;margin-bottom:8px}
.teo5ie-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.teo5ie-wrap{flex-wrap:wrap}
.teo5ie-inline{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#374151}
.teo5ie-note{font-size:12px;color:#6b7280;margin-top:8px;line-height:1.35}

.teo5ie-input{flex:1;min-width:220px;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;font-size:13px;background:#fff}
.teo5ie-select{padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;font-size:13px;background:#fff}
.teo5ie-select-small{padding:6px 8px;font-size:12px}

.teo5ie-btn{border:1px solid #d1d5db;background:#fff;border-radius:12px;padding:8px 10px;font-size:13px;cursor:pointer}
.teo5ie-btn:hover{background:#f9fafb}
.teo5ie-btn:disabled{opacity:.5;cursor:not-allowed}
.teo5ie-primary{border-color:#111827;background:#111827;color:#fff}
.teo5ie-primary:hover{background:#0b1220}
.teo5ie-small{padding:6px 8px;font-size:12px;border-radius:10px}

.teo5ie-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto;padding-right:4px}
.teo5ie-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}
.teo5ie-item-name{font-weight:700;font-size:13px}
.teo5ie-item-meta{font-size:12px;color:#6b7280}
.teo5ie-item-actions{display:flex;gap:6px}

.teo5ie-editor{margin-top:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:12px}
.teo5ie-editor-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}

.teo5ie-section{border:1px solid #eef2f7;border-radius:14px;margin:10px 0;overflow:hidden}
.teo5ie-section>summary{list-style:none;cursor:pointer;padding:10px 12px;font-weight:700;background:#f9fafb;border-bottom:1px solid #eef2f7}
.teo5ie-section>summary::-webkit-details-marker{display:none}
.teo5ie-param-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:10px}
.teo5ie-param{display:grid;grid-template-columns:1fr 2fr 110px;gap:10px;align-items:center;padding:10px;border:1px solid #f1f5f9;border-radius:12px}
@media (max-width: 760px){.teo5ie-param{grid-template-columns:1fr}}
.teo5ie-param-label .name{font-weight:700;font-size:13px}
.teo5ie-param-label .meta{font-size:12px;color:#6b7280;margin-top:2px}
.teo5ie-slider{width:100%}
.teo5ie-number{width:110px;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;font-size:13px}

.teo5ie-footer{margin-top:10px;font-size:12px;color:#6b7280;text-align:center}

.teo5ie-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:opacity .2s ease}
.teo5ie-toast.show{opacity:1}
.teo5ie-toast[data-kind="ok"]{border-color:#bbf7d0}
.teo5ie-toast[data-kind="error"]{border-color:#fecaca}
.teo5ie-toast[data-kind="info"]{border-color:#bfdbfe}
.hidden{display:none !important}