@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f7f4ff;background:#0a0a0f;font-synthesis:none;--bg:#0a0a0f;--panel:#11111a;--panel2:#171721;--line:#262633;--muted:#9692a8;--pink:#d95cf5;--violet:#7c62ff;--soft:#cdbdfd}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% 0,#1b0f2b 0,transparent 34%),var(--bg)}button,input,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;border-right:1px solid var(--line);background:#0a0a0ff0;padding:22px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;gap:8px;align-items:center;font-size:19px;font-weight:700;padding:0 8px;margin-bottom:28px}.brand small{font-size:10px;color:#d8a7ff;border:1px solid #653b7a;border-radius:99px;padding:2px 5px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 0 25px #a441d633}.sidebar nav{display:grid;gap:6px}.sidebar button{border:0;background:none;color:#aaa6b7;display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:10px;text-align:left;cursor:pointer}.sidebar button:hover,.sidebar nav button.active{background:#191823;color:#fff}.sidebar button svg{width:19px}.side-title{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#686475;margin:26px 10px 10px}.recent-list{display:grid;gap:4px}.recent-list button img{width:32px;height:32px;object-fit:cover;border-radius:50%}.recent-list span{display:grid;min-width:0}.recent-list b{font-size:13px;color:#eeeaf5}.recent-list small{font-size:10px;color:#777384;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-bottom{margin-top:auto;display:grid;gap:4px}.main{margin-left:248px;min-height:100vh;width:calc(100% - 248px)}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;background:#0a0a0fc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10}.top-spacer{flex:1}.privacy-pill{font-size:11px;color:#aaa5b9;border:1px solid #2f2c3c;border-radius:99px;padding:6px 10px}.avatar-mini{margin-left:12px;width:30px;height:30px;border-radius:50%;border:0;background:#ded4ff;color:#27193a;font-weight:800}.icon-btn{border:0;background:transparent;color:#aaa6b7;display:grid;place-items:center;cursor:pointer}.mobile{display:none}.page{max-width:1180px;margin:0 auto;padding:34px 36px 72px}.hero{padding:44px 0 58px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#d799ff}.hero h1,.creator-intro h1{font-family:Playfair Display,serif;font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.04em;margin:16px 0 20px}.hero h1 span{font-style:italic;color:#d3b9ff}.hero p,.creator-intro p{max-width:570px;color:#9f9aaa;font-size:17px;line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:28px}.primary,.secondary{border:0;border-radius:11px;padding:12px 18px;display:inline-flex;gap:9px;align-items:center;justify-content:center;cursor:pointer;font-weight:700}.primary{color:#fff;background:linear-gradient(135deg,#ad50e9,#6e5cf6);box-shadow:0 8px 30px #7a45df24}.secondary{background:#181722;color:#e7e2ef;border:1px solid #2b2938}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-head h2{font-size:24px;margin:0 0 4px}.section-head p{margin:0;color:#777384;font-size:13px}.search{width:330px;display:flex;gap:8px;align-items:center;border:1px solid #2a2836;background:#13131b;padding:9px 12px;border-radius:11px;color:#716d7f}.search input{width:100%;background:none;border:0;outline:0;color:#fff}.chip-row{display:flex;gap:8px;overflow:auto;margin:20px 0 24px}.chip{white-space:nowrap;border:1px solid #282633;color:#8f8a9c;border-radius:99px;padding:7px 11px;font-size:12px}.chip.active{background:#21172b;color:#e6bbff;border-color:#4c2d5f}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.character-card{border:1px solid #242330;border-radius:16px;overflow:hidden;background:#111119;cursor:pointer;transition:.2s transform,.2s border-color}.character-card:hover{transform:translateY(-4px);border-color:#514166}.card-image{position:relative;aspect-ratio:.82;background:#16151e}.card-image img{width:100%;height:100%;object-fit:cover}.pop,.spicy{position:absolute;top:10px;background:#09090dbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff18;border-radius:99px;font-size:10px;padding:5px 8px}.pop{left:10px;display:flex;align-items:center;gap:4px}.spicy{right:10px;color:#ffb1d9}.card-body{padding:14px}.card-body h3{margin:0 0 4px;font-size:16px}.card-body p{margin:0 0 12px;color:#8a8597;font-size:12px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:9px;padding:4px 7px;border-radius:99px;background:#1d1c27;color:#a39eaf}.center{justify-content:center}.chat-layout{height:calc(100vh - 64px);display:grid;grid-template-columns:320px 1fr}.character-panel{border-right:1px solid var(--line);background:#101018;overflow:auto;text-align:center;padding-bottom:30px}.cover{height:165px;background-size:cover;background-position:center}.profile-avatar{width:94px;height:94px;object-fit:cover;border-radius:50%;border:4px solid #11111a;margin-top:-44px}.character-panel h2{margin:12px 0 2px}.character-panel>p{margin:0 0 12px;font-size:12px;color:#8e8999}.profile-copy{text-align:left;margin:25px 20px 0;border-top:1px solid #252430;padding-top:18px}.profile-copy b{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#a680c1}.profile-copy p{font-size:12px;line-height:1.55;color:#8c8797;margin:6px 0 18px}.chat-panel{display:grid;grid-template-rows:64px 1fr auto auto;min-width:0;max-width:880px;width:100%;margin:auto;height:100%}.chat-head{display:flex;align-items:center;border-bottom:1px solid #211f2b;padding:10px 18px}.chat-head img{width:38px;height:38px;border-radius:50%;object-fit:cover;margin-right:10px}.chat-head>div{display:grid}.chat-head b{font-size:14px}.chat-head span{font-size:10px;color:#767181}.chat-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65d18b;margin-right:4px}.chat-head .icon-btn{margin-left:auto}.messages{overflow:auto;padding:24px 22px 12px;display:flex;flex-direction:column;gap:12px}.msg-row{display:flex}.msg-row.user{justify-content:flex-end}.bubble{max-width:min(76%,660px);border:1px solid #242331;background:#161620;color:#e8e4ed;border-radius:18px 18px 18px 6px;padding:11px 14px;font-size:14px;line-height:1.55;white-space:pre-wrap}.user .bubble{background:#6e45c5;border-color:#7b54d0;border-radius:18px 18px 6px;color:#fff}.bubble em{color:#aca6b5}.generated{display:block;width:min(100%,420px);border-radius:12px;margin-bottom:8px}.typing{display:flex;gap:4px;padding:13px}.typing span{width:5px;height:5px;background:#888296;border-radius:50%;animation:blink 1.1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.composer{display:flex;align-items:flex-end;gap:7px;margin:8px 18px;padding:8px;border:1px solid #302d3d;background:#15151e;border-radius:16px}.composer textarea{flex:1;resize:none;max-height:140px;min-height:38px;border:0;outline:0;background:transparent;color:#fff;padding:9px 5px}.image-button,.send-button{width:38px;height:38px;border-radius:10px;border:0;display:grid;place-items:center;cursor:pointer}.image-button{background:#201d2a;color:#bcb6c8}.send-button{background:linear-gradient(135deg,#b14fed,#705cfa);color:#fff}.chat-note{text-align:center;color:#5e5969;font-size:9px;padding:0 0 10px}.creator{max-width:900px}.creator-intro{padding:30px 0}.creator-intro h1{font-size:56px}.form-card{border:1px solid #272532;background:#111119;border-radius:18px;padding:24px}.form-card label{display:grid;gap:8px;font-size:12px;color:#aaa5b5;margin-bottom:16px}.form-card input,.form-card textarea,.modal textarea{width:100%;border:1px solid #2a2836;background:#16161f;color:#fff;border-radius:10px;padding:11px 12px;outline:0}.form-card textarea,.modal textarea{min-height:90px;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle-row{grid-template-columns:1fr auto!important;align-items:center}.toggle-row span{display:grid;gap:3px}.toggle-row small{color:#716d7c}.toggle-row input{width:18px;height:18px}.wide{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;z-index:50;padding:20px}.modal{position:relative;width:min(520px,100%);border:1px solid #353044;background:#13131d;border-radius:18px;padding:28px}.modal .close{position:absolute;right:14px;top:14px;border:0;background:none;color:#8a8495;cursor:pointer}.modal-icon{color:#d589ff}.modal h2{margin:10px 0 4px}.modal p{color:#8f899a;font-size:13px}.modal textarea{margin:10px 0 14px;min-height:120px}.age-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#2d1548,transparent 40%),#09090d}.age-card{max-width:450px;text-align:center;border:1px solid #2c2937;background:#11111aa8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:38px;border-radius:22px}.brand.large{justify-content:center;margin-bottom:24px}.age-card h1{font-family:Playfair Display,serif;font-size:42px;margin:0 0 12px}.age-card p{color:#9e98a7;line-height:1.6}.age-card>small{display:block;color:#666170;font-size:9px;line-height:1.5;margin-top:14px}@media(max-width:1000px){.character-grid{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:240px 1fr}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.main{margin-left:0;width:100%}.mobile{display:grid}.topbar{padding:0 16px}.page{padding:24px 18px 60px}.hero{padding-top:28px}.hero h1{font-size:54px}.section-head{align-items:stretch;flex-direction:column}.search{width:100%}.character-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-body{padding:11px}.chat-layout{display:block;height:calc(100vh - 64px)}.character-panel{display:none}.chat-panel{height:100%}.bubble{max-width:88%}.two-col{grid-template-columns:1fr}.creator-intro h1{font-size:44px}}@media(max-width:430px){.character-grid{grid-template-columns:1fr 1fr}.card-image{aspect-ratio:.76}.hero-actions{align-items:stretch;flex-direction:column}.privacy-pill{display:none}}.cloud-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #2b2938;background:#14131d;color:#777384;border-radius:999px;padding:6px 9px;font-size:10px;white-space:nowrap}.cloud-pill.online{color:#8fe2ad;border-color:#254735;background:#102119}.send-button:disabled{opacity:.55;cursor:not-allowed}.form-card label>small{color:#716d7c;font-size:10px;line-height:1.45}@media(max-width:600px){.cloud-pill{display:none}}.creator-page,.studio-page{max-width:1400px}.creator-title,.studio-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:4px 0 24px}.creator-title h1,.studio-title h1{margin:0 0 6px;font-size:34px;letter-spacing:-.03em}.creator-title p,.studio-title p{margin:0;color:#777384;font-size:13px}.quality-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #493348;background:#1d1823;color:#dc82e9;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:700}.creator-workbench,.studio-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.3fr);gap:22px}.creator-input-card,.creator-result-card,.studio-controls,.studio-output{border:1px solid #332c38;background:linear-gradient(180deg,#17161a,#121216);border-radius:20px;min-height:650px}.creator-input-card,.studio-controls{padding:24px}.creator-input-card h3{margin:0 0 4px;font-size:18px}.creator-input-card>p{margin:0 0 22px;color:#777384;font-size:12px}.creator-input-card label,.studio-label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#d4d0d8;margin:0 0 17px}.creator-input-card label b{color:#ff5aaa}.creator-input-card label span{color:#75707e;font-weight:500}.creator-input-card textarea,.studio-controls textarea{width:100%;min-height:108px;resize:vertical;border:1px solid #443347;background:#222125;color:#fff;border-radius:13px;padding:13px;outline:0;line-height:1.5}.creator-input-card textarea:focus,.studio-controls textarea:focus{border-color:#9b4a95;box-shadow:0 0 0 3px #d851b414}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 18px}.style-tile{position:relative;overflow:hidden;aspect-ratio:.92;border:1px solid #423943;border-radius:13px;padding:0;background:#1d1b1f;color:#fff;cursor:pointer}.style-art{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 60% 30%,#735170 0,transparent 35%),linear-gradient(145deg,#24202d,#121116)}.style-tile.anime .style-art{background:radial-gradient(circle at 50% 30%,#e566b8,transparent 27%),linear-gradient(135deg,#30214c,#111421)}.style-tile.realistic .style-art{background:radial-gradient(circle at 55% 28%,#b28577,transparent 26%),linear-gradient(135deg,#2b2928,#101113)}.style-tile.cinematic .style-art{background:radial-gradient(circle at 45% 24%,#a26f47,transparent 25%),linear-gradient(135deg,#211a18,#121317)}.style-tile.fantasy .style-art{background:radial-gradient(circle at 58% 26%,#825fca,transparent 28%),linear-gradient(135deg,#1a1530,#151019)}.style-tile.three-d .style-art{background:radial-gradient(circle at 50% 30%,#7387bc,transparent 30%),linear-gradient(135deg,#202534,#101217)}.style-tile.vintage .style-art{background:radial-gradient(circle at 52% 28%,#c0844e,transparent 28%),linear-gradient(135deg,#3b2b1e,#17110c)}.style-tile.dark .style-art{background:radial-gradient(circle at 52% 28%,#6d3549,transparent 24%),linear-gradient(135deg,#171219,#08090c)}.style-tile.cyberpunk .style-art{background:radial-gradient(circle at 55% 28%,#d03fd0,transparent 23%),linear-gradient(135deg,#10224a,#160f2e)}.style-tile b{position:absolute;left:0;right:0;bottom:7px;font-size:10px;text-shadow:0 1px 6px #000;text-align:center}.style-tile.selected{border-color:#ff57b2;box-shadow:0 0 0 2px #ff57b277,0 0 22px #ff4ea629}.style-check{position:absolute;right:6px;top:6px;border-radius:50%;background:#ff57b2;padding:2px;color:#fff;box-sizing:content-box}.generate-big{width:100%;min-height:48px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-weight:800;background:linear-gradient(90deg,#ff4f9e,#c89cff);box-shadow:0 9px 28px #e552aa2e;cursor:pointer}.generate-big:disabled{opacity:.45;cursor:not-allowed}.creator-result-card,.studio-output{display:grid;place-items:center;padding:24px}.empty-result{text-align:center;max-width:560px;color:#73707d}.empty-result h3{color:#efecf3;margin:16px 0 7px}.empty-result p{font-size:13px;line-height:1.55}.empty-icon{width:58px;height:58px;border-radius:18px;background:#512344;color:#ff6fc3;display:grid;place-items:center;margin:auto}.feature-pills{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.feature-pills span{border:1px solid #2d2a31;border-radius:99px;padding:7px 11px;font-size:11px;color:#8f8998}.feature-pills i{width:3px;height:3px;border-radius:50%;background:#514c57}.character-result{width:100%;display:grid;grid-template-columns:minmax(230px,330px) 1fr;gap:28px;align-items:start}.result-avatar{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:#201e24;border:1px solid #37323d}.result-copy h2{font-size:30px;margin:8px 0 2px}.result-subtitle{margin:0 0 14px;color:#9a94a3}.result-copy h4{margin:18px 0 5px;color:#d5b5de;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.result-copy>p{color:#aaa4b2;font-size:13px;line-height:1.55}.result-copy blockquote{margin:5px 0 0;border-left:2px solid #b35fc2;padding:8px 12px;color:#d1ccd7;background:#19171d;border-radius:0 9px 9px 0;font-size:13px;line-height:1.55}.result-kicker{display:inline-flex;gap:6px;align-items:center;color:#8fe2ad;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.result-actions{display:flex;gap:9px;margin-top:24px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border:1px solid #6d3346;background:#29141d;color:#f79ebd;border-radius:10px;padding:10px 12px;font-size:12px;margin:8px 0 14px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.mode-tabs button,.ratio-row button{border:1px solid #312d37;background:#17161b;color:#8c8795;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.mode-tabs button.active,.ratio-row button.active{border-color:#9a497f;background:#2b1827;color:#ffd1eb}.upload-zone{position:relative;min-height:210px;border:1px dashed #4d3b4f;border-radius:15px;background:#17151a;color:#8f8896;display:grid;place-items:center;align-content:center;gap:7px;margin-bottom:18px;overflow:hidden;cursor:pointer;text-align:center}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-zone img{width:100%;height:260px;object-fit:contain;background:#0d0d10}.upload-zone span{font-size:10px;color:#67616e}.ratio-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:12px 0 18px}.ratio-row button{padding:8px 6px;font-size:11px}.studio-output{min-height:650px}.output-wrap{width:100%;display:grid;place-items:center;gap:15px}.output-wrap>img{max-width:100%;max-height:650px;border-radius:16px;object-fit:contain;border:1px solid #302c34;background:#0b0b0d}.output-actions{display:flex;gap:9px}.output-actions a{text-decoration:none}.modal .secondary.wide{margin-top:8px}@media(max-width:1100px){.creator-workbench,.studio-grid{grid-template-columns:1fr}.creator-result-card,.studio-output{min-height:500px}.character-result{grid-template-columns:260px 1fr}}@media(max-width:760px){.creator-title,.studio-title{flex-direction:column}.creator-title h1,.studio-title h1{font-size:28px}.creator-workbench,.studio-grid{display:block}.creator-input-card,.studio-controls{margin-bottom:16px}.style-grid{grid-template-columns:repeat(4,1fr)}.character-result{grid-template-columns:1fr}.result-avatar{max-width:320px;margin:auto}.result-actions{flex-direction:column}.ratio-row{grid-template-columns:repeat(5,1fr)}}@media(max-width:480px){.style-grid{grid-template-columns:repeat(2,1fr)}.ratio-row{grid-template-columns:repeat(3,1fr)}.creator-input-card,.creator-result-card,.studio-controls,.studio-output{padding:16px;border-radius:15px}}.style-tile{background:#111;isolation:isolate}.style-sample{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .2s ease,filter .2s ease}.style-tile:hover .style-sample{transform:scale(1.08)}.style-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#050508e0 0,#05050814 54%,#05050814);pointer-events:none}.style-tile.anime .style-sample{filter:saturate(1.85) contrast(1.28) brightness(1.08)}.style-tile.anime .style-overlay{background:linear-gradient(to top,#14081ee6,#ff56be1f 62%,#655aff24)}.style-tile.realistic .style-sample{filter:none}.style-tile.cinematic .style-sample{filter:contrast(1.2) saturate(.9) sepia(.17) brightness(.88)}.style-tile.cinematic .style-overlay{background:linear-gradient(to top,#0c0906eb,#ff843114 55%,#0000001f)}.style-tile.fantasy .style-sample{filter:hue-rotate(22deg) saturate(1.45) contrast(1.08) brightness(1.02)}.style-tile.fantasy .style-overlay{background:linear-gradient(to top,#140822e6,#764cff29 60%,#f083ff1a)}.style-tile.three-d .style-sample{filter:saturate(1.12) contrast(1.22) brightness(1.12)}.style-tile.three-d .style-overlay{background:linear-gradient(to top,#0a0c14e6,#80aaff21 55%,#ffffff14)}.style-tile.vintage .style-sample{filter:sepia(.78) saturate(.82) contrast(.9) brightness(.93)}.style-tile.vintage .style-overlay{background:linear-gradient(to top,#231409e0,#ebaa5014 58%,#ffe1a51a)}.style-tile.dark .style-sample{filter:grayscale(.32) brightness(.52) contrast(1.38) saturate(.72)}.style-tile.dark .style-overlay{background:linear-gradient(to top,#040408f5,#4d0c261f 60%,#00000047)}.style-tile.cyberpunk .style-sample{filter:hue-rotate(215deg) saturate(2.15) contrast(1.28) brightness(.92)}.style-tile.cyberpunk .style-overlay{background:linear-gradient(135deg,rgba(0,238,255,.14),transparent 42%,rgba(255,0,190,.17)),linear-gradient(to top,rgba(5,7,25,.92),transparent 65%)}.style-tile b{z-index:2;font-size:11px}.style-check{z-index:3}