*{box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;margin:0;padding:1rem;background:#f7f7fb;color:#111}.container{max-width:900px;margin:0 auto}.header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000000f}.controls{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.tag{background:#eef2ff;color:#1f2d7a;padding:6px 10px;border-radius:999px;display:inline-flex;gap:6px;align-items:center}.tag button{border:0;background:transparent;cursor:pointer;color:#6b7280;font-weight:700}.input{padding:8px;border:1px solid #ddd;border-radius:6px;min-width:160px}.videoWrapper{position:relative;width:100%;aspect-ratio:4/3;background:#000;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}video,canvas{width:100%;height:100%;object-fit:cover;display:block}.small{font-size:.9rem;color:#6b7280}.btn{padding:10px 14px;border-radius:8px;border:0;cursor:pointer}.btn-primary{background:#2563eb;color:#fff}.btn-ghost{background:#f3f4f6;color:#111}.preview{margin-top:.75rem;display:flex;gap:.75rem;align-items:center}.meta{font-size:.9rem;color:#374151}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.gallery img{width:100%;height:140px;object-fit:cover;border-radius:6px}