body{font-family:Arial,sans-serif;background:#0f172a;color:#e2e8f0;margin:0;padding:24px}
.wrap{max-width:1280px;margin:0 auto}
.hero{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:20px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.card{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:16px}
h1,h2,h3{margin:0 0 10px}
.muted{color:#94a3b8}
select,button{display:block;width:100%;padding:11px 12px;border-radius:12px;border:1px solid #334155;background:#020617;color:#fff}
button{background:#ff7a00;border:none;cursor:pointer;font-weight:700}
.preview{margin-top:12px;background:#020617;border:1px solid #1f2937;border-radius:16px;min-height:120px;padding:12px}
.preview img{max-width:100%;max-height:160px;object-fit:contain;border-radius:14px}
.preview .chips{display:flex;gap:8px;flex-wrap:wrap}
.preview .chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:#111827;border:1px solid #334155;color:#e2e8f0;font-size:12px}
.status{margin-top:12px;font-size:13px}
.ok{color:#34d399}
.err{color:#f87171}
.path{font-size:12px;color:#94a3b8;word-break:break-all}