.ai-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ai-nav .wrap{display:flex;align-items:center;gap:1rem;min-height:62px;flex-wrap:wrap}
.ai-brand{font-weight:800;font-family:Syne,sans-serif;color:var(--ink);text-decoration:none;font-size:1.1rem;white-space:nowrap}
.ai-brand b{background:var(--mf2-grad,linear-gradient(135deg,#8b7cff,#5eb6ff));-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-menu{display:flex;gap:.2rem;flex-wrap:wrap;align-items:center;flex:1}
.ai-menu a,.ai-more summary{color:var(--muted);text-decoration:none;padding:.45rem .7rem;border-radius:10px;font-weight:600;font-size:.93rem;cursor:pointer;list-style:none}
.ai-menu a:hover,.ai-more summary:hover{color:var(--ink);background:color-mix(in srgb,var(--brand) 12%,transparent)}
.ai-more{position:relative}.ai-more summary::-webkit-details-marker{display:none}
.ai-more div{position:absolute;top:110%;left:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.4rem;display:grid;min-width:190px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.ai-acts{display:flex;gap:.5rem;align-items:center}
.ai-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:12px;padding:.65rem 1.1rem;font-weight:700;cursor:pointer;text-decoration:none;font:inherit;font-weight:700;background:linear-gradient(135deg,var(--grad-b,#8b7cff),var(--grad-c,#5eb6ff));color:#fff}
.ai-btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.ai-btn[disabled]{opacity:.6;cursor:wait}
.ai-burger{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.4rem .6rem;font-size:1.1rem}
@media(max-width:900px){.ai-burger{display:block;margin-left:auto}.ai-menu{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding-bottom:.6rem}.ai-nav.open .ai-menu{display:flex}.ai-more div{position:static;box-shadow:none}.ai-acts{order:2}}
.ai-hero{padding:2.4rem 0 1rem;text-align:center}.ai-hero h1{font-family:Syne,sans-serif;font-size:clamp(1.8rem,5vw,3rem);margin:.2rem 0}
.ai-hero p{color:var(--muted);max-width:700px;margin:.6rem auto}
.ai-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:1.2rem}@media(max-width:860px){.ai-grid{grid-template-columns:1fr}}
.ai-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r,18px);padding:1.3rem;min-width:0}
.ai-card textarea,.ai-card input[type=email],.ai-card input[type=password]{width:100%;box-sizing:border-box;background:var(--bg-2,var(--bg));color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.75rem;font:inherit}
.ai-card textarea{min-height:120px;resize:vertical}
.ai-row{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}.ai-row label{font-weight:600;font-size:.9rem;display:grid;gap:.3rem;flex:1;min-width:130px}
.ai-row select{background:var(--bg-2,var(--bg));color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.55rem;font:inherit}
.ai-out{min-height:300px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:14px;overflow:hidden;text-align:center;color:var(--muted);padding:.5rem}
.ai-out img{max-width:100%;max-height:70vh;border-radius:10px;display:block}
.ai-spin{width:46px;height:46px;border:4px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:aisp 1s linear infinite;margin:0 auto .6rem}@keyframes aisp{to{transform:rotate(360deg)}}
.ai-msg{margin:.6rem 0;padding:.7rem .9rem;border-radius:12px;font-weight:600}.ai-msg.err{background:color-mix(in srgb,#ef4444 15%,transparent);color:var(--ink)}.ai-msg.ok{background:color-mix(in srgb,var(--ok) 18%,transparent)}
.ai-pill{display:inline-block;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line);font-size:.85rem;font-weight:700}
.ai-hist{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin-top:.6rem}.ai-hist img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;cursor:pointer;border:1px solid var(--line)}
.ai-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:860px){.ai-plans{grid-template-columns:1fr}}
.ai-plan{position:relative;text-align:center}.ai-plan.hot{border:2px solid var(--brand);transform:scale(1.03);box-shadow:0 10px 40px color-mix(in srgb,var(--brand) 25%,transparent)}
.ai-plan .price{font-size:2.4rem;font-weight:800;font-family:Syne,sans-serif}.ai-plan ul{text-align:left;padding-left:1.1rem;color:var(--muted)}
.ai-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;padding:.2rem .8rem;border-radius:999px;font-size:.8rem;font-weight:800}
.ai-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:700px){.ai-gal{grid-template-columns:1fr}}
.ai-gal figure{margin:0}.ai-gal img{width:100%;height:auto;border-radius:14px;display:block}.ai-gal figcaption{color:var(--muted);font-size:.88rem;margin-top:.35rem}
.ai-sec{margin:2.2rem 0}.ai-sec>h2{font-family:Syne,sans-serif;text-align:center}
.ai-modal{border:0;border-radius:18px;padding:0;background:var(--card);color:var(--ink);width:min(420px,92vw)}.ai-modal::backdrop{background:rgba(0,0,0,.55)}
.ai-tabs{display:flex;gap:.4rem;margin-bottom:.8rem}.ai-tabs button{flex:1;background:none;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.5rem;font:inherit;font-weight:700;cursor:pointer}.ai-tabs button[aria-selected=true]{border-color:var(--brand);color:var(--brand)}
.ai-modal form{display:grid;gap:.6rem}
.hidden{display:none!important}