:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
body { margin: 0; background: #fafafa; color: #111; }
.wrap { max-width: 720px; margin: 24px auto; padding: 0 16px; }
.card { background: #fff; border: 1px solid #e7e7e7; border-radius: 14px; padding: 16px; margin: 16px 0; }
.muted { color: #666; }
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px; border: 1px solid #222; background: #222; color: #fff; cursor: pointer; }
.btn.secondary { background: #fff; color: #222; }
.queue { margin-top: 12px; display: grid; gap: 10px; }
.item { display: grid; gap: 6px; padding: 10px; border: 1px solid #eee; border-radius: 12px; }
.bar { height: 8px; background: #eee; border-radius: 999px; overflow: hidden; }
.bar > div { height: 100%; width: 0%; background: #222; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.grid img { width: 100%; border-radius: 12px; border: 1px solid #eee; }