*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#14141f;--border:#2a2a3a;--text:#f0f0f5;--muted:#8888a0;--accent:#f44;--accent2:#ffd500;--radius:12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}header{margin-bottom:2.5rem}header h1{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}header h1 span{color:var(--accent2)}header p{color:var(--muted);margin-top:.5rem;font-size:.95rem}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}@media (max-width:768px){.grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.panel h2{text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem}.panel h2,label{font-size:.85rem;color:var(--muted)}label{display:block;font-weight:600;margin-bottom:.4rem}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.75rem 1rem;font-size:.95rem;margin-bottom:1rem;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent2)}textarea{resize:vertical;min-height:80px}button.generate{width:100%;background:linear-gradient(135deg,var(--accent),#c20);color:#fff;border:none;border-radius:8px;padding:.9rem;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:opacity .15s,transform .1s}button.generate:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button.generate:disabled{opacity:.5;cursor:not-allowed}.preview-area{aspect-ratio:16/9;background:var(--bg);border:2px dashed var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.preview-area img{width:100%;height:100%;object-fit:cover}.preview-placeholder{text-align:center;color:var(--muted);font-size:.9rem;padding:2rem}.preview-placeholder .icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.4}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--muted)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.meta{margin-top:1rem;font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.download-btn{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:border-color .15s}.download-btn:hover{border-color:var(--accent2)}.error{background:#2a1010;border:1px solid #622;color:#f88;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;margin-top:1rem;word-break:break-word}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:.3rem .75rem;font-size:.78rem;color:var(--muted)}.chip strong{color:var(--accent2)}