body{margin:0;background:#0b0e14;color:#f2f3f5;font-family:system-ui}
.hidden{display:none}
.fullscreen{position:fixed;inset:0;background:black}
video{width:100%;height:100%;object-fit:cover}
.hud{position:absolute;top:14px;right:14px}
.hudBtn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.4);color:white}
.primary{position:absolute;bottom:20px;left:14px;right:14px;padding:1rem;border-radius:999px;border:none;background:#6ee7b7;color:#052e1a;font-weight:800}
.app{max-width:520px;margin:auto;padding:14px}
.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
.brand{text-align:center}
.brandName{font-weight:900}
.brandTag{opacity:.7;font-size:.85rem}
.photo canvas{width:100%;border-radius:18px;margin-bottom:8px}
.card{background:#121726;border-radius:18px;padding:12px;margin-top:12px}
textarea{width:100%;min-height:70px;border-radius:14px;border:1px solid #1e2433;background:#0b0e14;color:#f2f3f5;padding:8px}
.row{display:flex;gap:8px;flex-wrap:wrap}
select{flex:1;border-radius:14px;border:1px solid #1e2433;background:#0b0e14;color:#f2f3f5;padding:8px}
.primaryWide{width:100%;margin-top:8px;padding:1rem;border-radius:14px;border:none;background:#6ee7b7;color:#052e1a;font-weight:800}
ul{list-style:none;padding:0}
li{background:rgba(110,231,183,.08);padding:8px;border-radius:12px;margin-bottom:6px}
footer{text-align:center;font-size:.75rem;opacity:.6;margin-top:14px}
.pill{padding:.5rem .8rem;border-radius:999px;border:1px solid #1e2433;background:transparent;color:#f2f3f5}
.pill.ghost{opacity:.6}
.chipBar{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.chip{background:rgba(110,231,183,.1);border-radius:999px;padding:.3rem .6rem;font-size:.8rem}