.te-start{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 6px}
.te-chip{font:inherit;font-size:14px;padding:6px 12px;border-radius:999px;border:1px solid #1A1A2E;background:#fff;color:#1A1A2E;cursor:pointer}
.te-chip:hover,.te-chip.on{background:#1A1A2E;color:#fff}
.te-note{font-size:13px;color:#6B7280}
.te-box{margin:14px 0}
.te-row{display:grid;grid-template-columns:1fr 1fr 90px 32px;gap:8px;margin-bottom:8px}
.te-row input,.te-row select{font:inherit;padding:8px;border:1px solid #E5E7EB;border-radius:8px;min-width:0}
.te-x{font:inherit;border:0;background:none;color:#6B7280;cursor:pointer;font-size:18px}
.te-btn{font:inherit;padding:9px 16px;border-radius:8px;border:1px solid #1A1A2E;background:#fff;color:#1A1A2E;cursor:pointer}
.te-btn:hover,.te-primary{background:#1A1A2E;color:#fff}
.te-primary:hover{background:#C2410C;border-color:#C2410C}
.te-result{border:1px solid #E5E7EB;border-radius:14px;padding:18px;margin:18px 0}
.te-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-width:440px;margin:10px 0}
.te-tile{aspect-ratio:1;border-radius:7px;border:2px solid #1A1A2E;background:#fff;opacity:0;transform:scale(.6);animation:te-pop .35s ease forwards}
.te-tile.f{border-color:transparent}
@keyframes te-pop{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.te-tile{animation:none;opacity:1;transform:none}}
.te-headline{font-size:18px;font-weight:600;margin:10px 0}
.te-legend{list-style:none;padding:0;margin:8px 0}
.te-legend li{margin:4px 0}
.te-sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:middle}
.te-ev{border-left:4px solid #E5E7EB;padding:2px 0 2px 12px;margin:10px 0}
.te-ev strong{display:block}
.te-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media (max-width:560px){.te-row{grid-template-columns:1fr 1fr 32px}.te-row .te-h{grid-column:1 / 3}}