/* Minimal modern, accessible UI */
.tet-wrap{--bg1:#0ea5e9;--bg2:#7c3aed;background:linear-gradient(135deg,var(--bg1),var(--bg2));padding:2rem;border-radius:1.25rem;color:#0b1220}
.tet-hero{background:rgba(255,255,255,.6);backdrop-filter:blur(8px);padding:1.25rem;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.15);margin-bottom:1rem}
.tet-hero h1{margin:0 0 .25rem 0}
.tet-tabs{display:flex;gap:.5rem;margin:.75rem 0}
.tet-tab{flex:1;padding:.75rem 1rem;border:0;border-radius:.75rem;background:rgba(255,255,255,.6);cursor:pointer}
.tet-tab-active{background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);}
.tet-panel{background:rgba(255,255,255,.7);backdrop-filter:blur(6px);padding:1rem;border-radius:1rem;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.tet-hidden{display:none}
.tet-label{display:block;margin:.5rem 0 .25rem}
.tet-help{font-size:.875rem;opacity:.85;margin:.25rem 0 .75rem}
#tet-public-url{width:100%;padding:.7rem;border-radius:.6rem;border:1px solid rgba(0,0,0,.1);}
.tet-btn{background:#0f172a;color:#fff;border:0;border-radius:.6rem;padding:.6rem 1rem;cursor:pointer}
.tet-btn:disabled{opacity:.5;cursor:not-allowed}
.tet-ghost{background:transparent;border:1px solid rgba(15,23,42,.25);color:#0f172a}
.tet-status{margin:.75rem 0;font-weight:600}
.tet-card{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 12px 24px rgba(0,0,0,.08);}
.tet-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.tet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;margin:.5rem 0 1rem}
.tet-check{display:flex;gap:.5rem;align-items:center;background:#f8fafc;padding:.5rem;border-radius:.5rem;border:1px solid #e2e8f0}
.tet-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999}
.tet-modal-inner{max-width:900px;width:100%}
.tet-foot{margin-top:1rem;text-align:center;color:#0b1220}
@media (prefers-reduced-motion:no-preference){
  .tet-card{transition:transform .2s ease, box-shadow .2s ease}
  .tet-card:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(0,0,0,.12)}
}