:root { --fg:#111; --muted:#666; --bd:#e5e7eb; --bg:#fff; }
*{ box-sizing:border-box; }
body{ margin:0; font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto; color:var(--fg); background:var(--bg); }
.container{ max-width:860px; margin:4rem auto; padding:0 1rem; }
h1{ margin:0 0 .5rem; font-size:2rem; }
.muted{ color:var(--muted); }
form{ display:flex; gap:.6rem; margin:1rem 0 1.5rem; }
input[type=url]{ flex:1; padding:.7rem .9rem; border:1px solid var(--bd); border-radius:.6rem; }
button{ padding:.7rem 1rem; border:1px solid var(--bd); background:#f9fafb; border-radius:.6rem; cursor:pointer; }
button:disabled{ opacity:.6; cursor:not-allowed; }
#ad{ height:90px; border:1px dashed var(--bd); border-radius:.6rem; display:flex; align-items:center; justify-content:center; color:var(--muted); }
.hidden{ display:none; }
.card{ display:flex; gap:1rem; align-items:flex-start; padding:1rem; border:1px solid var(--bd); border-radius:.8rem; margin-bottom:1rem; }
.card img{ width:160px; height:220px; object-fit:cover; border-radius:.5rem; }
.btn{ display:inline-block; padding:.6rem 1rem; border:1px solid var(--bd); border-radius:.6rem; text-decoration:none; }
.warn{ color:#b45309; margin:.5rem 0 0; }
video{ width:100%; border:1px solid var(--bd); border-radius:.8rem; }