/* Premium themeable styles */
.astroai-wrap{--bg:#0f1220;--card:#171a2b;--text:#e7e9f5;--muted:#9aa3c2;--line:#242844;--accent:var(--astro-accent, #7a5cff);}
.astroai-wrap{background:var(--bg);padding:12px;border:1px solid var(--line);border-radius:18px}
.astroai-header{display:flex;align-items:center;gap:10px;margin:6px 4px 14px}
.step{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}
.step .num{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--line);color:var(--text);font-size:14px}
.step.active .num{background:linear-gradient(90deg,var(--accent),#9b7aff)}
.divider{flex:1;height:2px;background:var(--line);border-radius:4px}

.astroai-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-bottom:14px;color:var(--text)}
.field label{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}
.field.small{font-size:12px;color:var(--muted)}
input[type=text]{width:100%;padding:14px 12px;border-radius:12px;border:1px solid var(--line);background:#0e1020;color:var(--text);outline:none}
input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(122,162,255,.2)}

.field.floating{position:relative}
.field.floating input{padding-top:20px}
.field.floating label{position:absolute;left:12px;top:10px;transition:all .15s ease;background:transparent;padding:0 4px}
.field.floating input:focus + label,
.field.floating input:not(:placeholder-shown) + label{top:-8px;background:var(--card);color:var(--accent);font-size:12px}

.field.file .preview{margin-top:8px;display:grid;grid-template-columns:1fr;gap:8px}
.field.file .preview img{width:100%;border-radius:12px;border:1px solid var(--line)}

.consent{display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;width:100%;padding:12px 16px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--accent),#9b7aff);color:white;font-weight:800;cursor:pointer}
.btn:hover{opacity:.95}
.spinner{width:0;height:0;border:0 solid transparent;border-left-width:0}
.btn.loading .spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.astroai-status{margin-top:10px;color:var(--muted)}
.astroai-report{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:16px;color:var(--text)}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
@media (max-width:760px){.grid-2,.report-grid{grid-template-columns:1fr} .astroai-wrap{border:none;padding:0;background:transparent}}