*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b0b12;color:#e8e8f0;line-height:1.55}
a{color:#a78bfa}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-weight:800;font-size:18px}.logo span{color:#a78bfa}
.btn{display:inline-block;background:linear-gradient(90deg,#7c3aed,#db2777);color:#fff;border:0;border-radius:10px;padding:12px 22px;font-weight:600;text-decoration:none;cursor:pointer;font-size:15px}
.btn.ghost{background:transparent;border:1px solid #3a3a52}
.hero{padding:70px 0 50px;text-align:center}.hero h1{font-size:48px;line-height:1.1;margin:0 0 18px}.grad{background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;color:transparent}
.hero p{font-size:19px;color:#b4b4c8;max-width:680px;margin:0 auto 28px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.card{background:#14141f;border:1px solid #25253a;border-radius:14px;padding:20px}.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:#a8a8bc;font-size:14.5px}
section{padding:36px 0}h2{font-size:28px;margin:0 0 18px}
footer{border-top:1px solid #22223a;padding:28px 0;color:#8a8aa0;font-size:14px;margin-top:40px}
label{display:block;font-size:13px;color:#a8a8bc;margin:12px 0 5px}input,select,textarea{width:100%;background:#0f0f19;border:1px solid #2c2c44;color:#eee;border-radius:9px;padding:10px 12px;font-size:15px;font-family:inherit}
.app{display:grid;grid-template-columns:340px 1fr;gap:22px;padding-bottom:40px}@media(max-width:820px){.app{grid-template-columns:1fr}.hero h1{font-size:34px}}
.banner{border-radius:10px;padding:12px 14px;margin:0 0 16px;font-size:14px}.warn{background:#3a2a0a;border:1px solid #8a6414;color:#ffd98a}.info{background:#1e1838;border:1px solid #5b45b0;color:#d6ccff}
.shot{border-left:3px solid #7c3aed;padding:10px 14px;margin:12px 0;background:#10101a;border-radius:0 10px 10px 0}.t{font-family:ui-monospace,monospace;color:#f472b6;font-size:13px}
.prompt{background:#0a0a12;border:1px dashed #3a3a55;border-radius:8px;padding:10px;font-family:ui-monospace,monospace;font-size:13px;margin-top:6px;position:relative;white-space:pre-wrap}
.copy{position:absolute;top:6px;right:6px;font-size:11px;padding:3px 8px;background:#2a2a40;color:#ddd;border:0;border-radius:6px;cursor:pointer}
.tag{display:inline-block;background:#1f1f33;border-radius:20px;padding:3px 10px;margin:3px;font-size:13px}.lang button{background:none;border:1px solid #3a3a52;color:#ccc;border-radius:6px;padding:4px 9px;cursor:pointer}.lang button.on{background:#7c3aed;color:#fff}
.badge{background:#db2777;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.05em}