@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f7f4fc;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b0a10;--panel:#121019;--panel-hover:#1a1524;--border:#292432;--text:#f7f4fc;--muted:#9690a5;--purple:#bd70ff;--pink:#ff62c7;--green:#c7ff5e;--mono:"DM Mono", monospace;background:#0b0a10;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.studio{width:min(1180px,100% - 64px);margin:0 auto}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:19px 0;display:flex}.brand,.footer-brand{letter-spacing:-1.1px;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;border-radius:9px;width:32px;height:32px}.brand-period,.footer-brand>span{color:var(--pink)}.topbar-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.language-switch{border:1px solid var(--border);background:#100e16;border-radius:999px;align-items:center;gap:3px;padding:3px;display:inline-flex}.language-switch button{color:var(--muted);font:10px var(--mono);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 9px}.language-switch button.active{color:#100b16;background:var(--green)}.topbar-label{color:var(--muted);font:10px var(--mono);letter-spacing:.07em;justify-content:flex-end;align-items:center;gap:12px;display:flex}.status-dot{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #c7ff5e55}.credit-balance{color:var(--green);white-space:nowrap}.login-button{color:var(--text);font:11px var(--mono);cursor:pointer;background:#1b1424;border:1px solid #44344f;border-radius:9px;padding:10px 13px;transition:border-color .2s,background .2s}.login-button:hover{border-color:var(--purple);background:#25182f}.login-button:disabled{opacity:.55;cursor:wait}.auth-message{color:#e7d9f3;background:#17111d;border:1px solid #49334e;border-radius:10px;margin:14px 0 0;padding:12px 14px;font-size:13px}.auth-message button{color:var(--green);cursor:pointer;background:0 0;border:0;margin-left:8px;text-decoration:underline}.hero{max-width:none;padding:40px 0 30px}.eyebrow,.result-kicker,.preview-topline,.footer-label,.placeholder-label{color:var(--muted);font:10px var(--mono);letter-spacing:.13em;align-items:center;gap:10px;display:flex}.eyebrow-line{background:var(--pink);width:25px;height:1px}.hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:100%;margin:14px 0 12px;font-size:clamp(42px,5.5vw,72px);font-weight:600;line-height:1.04}.gradient-text{color:var(--pink);background:linear-gradient(105deg, var(--purple), var(--pink) 70%, #ffb2a7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-copy{color:#aaa3b7;max-width:620px;margin:0;font-size:15px;line-height:1.55}.creation-layout{flex-direction:column;align-items:stretch;gap:26px;padding-bottom:48px;display:flex}.controls{padding-top:0}.step-section{padding-bottom:18px}.section-heading{align-items:flex-start;gap:16px;display:flex}.step-number{height:35px;color:var(--pink);font:11px var(--mono);background:#1c1323;border:1px solid #493454;border-radius:11px;flex:0 0 35px;place-items:center;display:grid}.section-heading h2,.result-header h2{letter-spacing:-.04em;margin:2px 0 8px;font-size:20px;line-height:1.25}.section-heading p{max-width:330px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.creative-intro{border:1px solid var(--border);background:radial-gradient(ellipse at 100% 50%, #bd70ff18, transparent 55%), radial-gradient(ellipse at 0% 0%, #bd70ff12, transparent 65%), var(--panel);border-radius:15px;margin-top:18px;padding:18px 125px 18px 54px;position:relative;overflow:hidden}.creative-symbol{color:var(--pink);font-size:23px;animation:18s linear infinite slow-spin;position:absolute;top:18px;left:18px}.creative-intro strong{margin-bottom:8px;font-size:15px;display:block}.creative-intro p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.generate-button{border:1px solid var(--border);width:100%;min-height:108px;color:var(--text);text-align:left;cursor:pointer;background:radial-gradient(at 0%,#bd70ff20,#0000 55%),linear-gradient(110deg,#17131f,#111016 72%);border-radius:18px;align-items:center;gap:18px;margin-top:24px;padding:18px 24px;transition:border-color .25s,transform .25s,background .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.generate-button:hover:not(:disabled){border-color:#bd70ff99;transform:translateY(-2px);box-shadow:0 10px 35px #bd70ff12}.generate-button:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.generate-button:disabled{cursor:wait;opacity:.85}.generate-orb{background:0 0;border:0;border-radius:0;flex:0 0 76px;place-items:center;width:76px;height:76px;display:grid;position:relative;overflow:visible}.generate-orb .creative-visual{flex-shrink:0;width:100%;height:100%;display:block;position:static;overflow:visible}.generate-content{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.generate-content strong{letter-spacing:-.035em;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.generate-hint{color:var(--muted);font-size:12px;line-height:1.5}.button-arrow{color:#dca4ff;flex:none;font-size:22px;transition:transform .25s}.generate-button:hover:not(:disabled) .button-arrow{transform:translate(3px,-3px)}.spinner{border:2px solid #130d1950;border-top-color:#130d19;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}.microcopy{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:10px 0 0;font-size:11px;display:flex}.microcopy span{color:var(--pink)}.creative-visual{pointer-events:none;width:112px;height:112px;position:absolute;top:50%;right:8px;overflow:visible;transform:translateY(-50%)}.creative-ring{fill:none;stroke:#bd70ff80;stroke-width:.8px;transform-box:fill-box;transform-origin:50%;animation:12s linear infinite creative-orbit}.ring-two{stroke:#c7ff5e80;animation-duration:16s;animation-direction:reverse}.creative-core{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite creative-breathe}.creative-point{fill:var(--green);filter:drop-shadow(0 0 4px #c7ff5e90)}.point-two{fill:var(--pink)}.creative-spark{fill:none;stroke:var(--pink);stroke-width:1.5px;stroke-linecap:round}.result-panel{min-width:0}.result-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:17px;display:flex}.result-header h2{margin:9px 0 0;font-size:21px}.result-index{color:#5f576d;font:11px var(--mono)}.preview-frame{background:#100e16;border:1px solid #332b3c;border-radius:16px;overflow:hidden}.preview-topline{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:15px 17px;font-size:9px;display:flex}.preview-live{color:var(--muted);align-items:center;gap:7px;display:flex}.preview-live .status-dot{width:5px;height:5px}.preview-art{isolation:isolate;background:radial-gradient(at 50% 52%,#392347 0%,#1b1425 32%,#100e16 72%);place-items:center;min-height:350px;display:grid;position:relative;overflow:hidden}.preview-art:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.art-orbit{border:1px solid #e5a4ff27;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.orbit-one{width:245px;height:310px}.orbit-two{border-color:#c7ff5e22;width:330px;height:200px;transform:translate(-50%,-50%)rotate(35deg)}.art-glow{filter:blur(55px);background:#bd70ff28;border-radius:50%;width:180px;height:180px;position:absolute}.preview-placeholder,.generating-state,.generation-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:min(80%,360px);display:flex;position:relative}.placeholder-star{color:var(--green);text-shadow:0 0 30px #c7ff5e44;font-size:49px;line-height:1}.placeholder-label{color:#d3c7e2;justify-content:center;font-size:9px}.placeholder-caption{color:#9e91b0;max-width:260px;font-size:13px;line-height:1.7}.generating-state{color:#eee5f6;font-size:14px}.generating-symbol{color:var(--pink);font-size:40px;animation:3s linear infinite slow-spin}.generating-state small{color:var(--muted);font-size:12px}.loading-track{background:#ffffff16;border-radius:9px;width:min(190px,90%);height:3px;overflow:hidden}.loading-track span{border-radius:inherit;background:linear-gradient(90deg, var(--purple), var(--pink), var(--green));width:40%;height:100%;animation:1.5s ease-in-out infinite loading;display:block}.is-generating .art-orbit{animation:2.6s ease-in-out infinite alternate orbit-pulse}.generated-image{object-fit:contain;width:100%;height:auto;max-height:650px;display:block}.has-result .preview-art{background:#09080c}.generation-error{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.generation-error strong{color:var(--text);font-size:15px}.generation-error button{cursor:pointer;background:#20172a;border:1px solid #554163;border-radius:8px;padding:9px 12px}.preview-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:17px;display:flex}.preview-footer>div:first-child{min-width:0}.footer-label{margin-bottom:7px;font-size:8px}.preview-footer strong{font-size:11px;font-weight:500;display:block}.preview-footer strong span{color:var(--pink);padding:0 4px}.preview-count{color:#756a84;font:10px var(--mono);white-space:nowrap}.image-actions{gap:7px;display:flex}.image-actions a{color:#eee5f6;font:9px var(--mono);white-space:nowrap;border:1px solid #43354e;border-radius:7px;padding:9px 10px;text-decoration:none}.image-actions a:hover{border-color:var(--green);color:var(--green)}.image-action-button{color:#eee5f6;font:9px var(--mono);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #43354e;border-radius:7px;padding:9px 10px;transition:border-color .2s,color .2s,opacity .2s}.image-action-button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.image-action-button:disabled{opacity:.55;cursor:wait}.result-note{color:var(--muted);align-items:flex-start;gap:9px;margin:13px 2px 0;font-size:11px;line-height:1.6;display:flex}.result-note span{color:var(--pink)}.gallery-section{margin:72px 0 88px}.gallery-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.gallery-heading h2{letter-spacing:-.04em;margin:10px 0 6px;font-size:clamp(1.6rem,3vw,2.2rem)}.gallery-heading p{color:var(--muted);margin:0}.gallery-refresh{border:1px solid var(--border);width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.4rem;display:grid}.gallery-refresh:disabled{opacity:.5;cursor:wait}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.gallery-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;min-width:0;overflow:hidden}.gallery-image-link{aspect-ratio:4/3;background:var(--panel);display:block;position:relative;overflow:hidden}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.gallery-image-link:hover .gallery-image{transform:scale(1.035)}.gallery-open{color:#fff;opacity:0;background:#000000b3;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .18s;display:grid;position:absolute;bottom:12px;right:12px}.gallery-image-link:hover .gallery-open,.gallery-image-link:focus-visible .gallery-open{opacity:1}.gallery-card-footer{flex-direction:column;gap:8px;padding:15px;display:flex}.gallery-card-label{letter-spacing:.12em;opacity:.65;font-size:.68rem;font-weight:700}.gallery-card-footer time{color:var(--muted);font-size:.82rem}.gallery-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.gallery-card-actions a{border:1px solid var(--border);color:inherit;border-radius:8px;justify-content:center;align-items:center;padding:8px 11px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s;display:inline-flex}.gallery-card-actions a:hover{border-color:var(--muted);background:#ffffff0f}.gallery-card-actions a:focus-visible{outline-offset:3px;outline:2px solid}.gallery-empty,.gallery-message{border:1px solid var(--border);color:var(--muted);text-align:center;border-radius:14px;padding:36px 20px}.gallery-empty p{color:inherit;margin-bottom:8px}.gallery-empty>span:last-child{font-size:.9rem}.gallery-message button{margin-left:8px}.page-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:24px 0 30px;display:flex}.footer-brand{letter-spacing:-.7px;gap:7px;font-size:16px}.footer-brand img{object-fit:contain;border-radius:6px;width:23px;height:23px}.footer-links{gap:22px;display:flex}.footer-links a{color:var(--muted);font-size:11px;text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-tagline{color:#746b80;font:9px var(--mono);letter-spacing:.1em}.footer-spark{color:var(--pink);margin-left:5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(260%)}}@keyframes orbit-pulse{0%{opacity:.55;transform:translate(-50%,-50%)rotate(-25deg)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)rotate(25deg)scale(1.08)}}@keyframes creative-orbit{to{transform:rotate(360deg)}}@keyframes creative-breathe{0%,to{opacity:.75;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@media (width<=850px){.studio{width:min(100% - 40px,650px)}.hero{padding:34px 0 24px}.creation-layout{gap:24px}.preview-art{min-height:330px}}@media (width<=760px){.gallery-section{margin:52px 0 60px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-card-footer{padding:12px}.gallery-card-footer time{font-size:.75rem}}@media (width<=560px){.studio{width:calc(100% - 32px)}.topbar{align-items:flex-start;gap:12px;padding:15px 0}.brand{gap:7px;font-size:19px}.brand-mark{width:27px;height:27px}.topbar-actions{flex-direction:column-reverse;align-items:flex-end;gap:9px}.topbar-label{flex-wrap:wrap;gap:8px;font-size:8px}.login-button{padding:8px 9px;font-size:9px}.credit-balance{display:none}.hero{padding:30px 0 24px}.hero h1{font-size:clamp(38px,10vw,54px)}.hero-copy{font-size:14px;line-height:1.55}.section-heading{gap:12px}.section-heading h2{font-size:18px}.creative-intro{margin-top:16px;padding:17px 94px 17px 48px}.creative-symbol{top:17px;left:15px}.creative-intro p{line-height:1.6}.step-section{padding-bottom:16px}.generate-button{gap:13px;min-height:96px;padding:15px}.generate-orb{flex-basis:62px;width:62px;height:62px}.generate-content strong{font-size:18px}.generate-hint{font-size:11px}.preview-art{min-height:285px}.preview-footer{flex-wrap:wrap;align-items:flex-start}.image-actions{width:100%}.image-actions a{text-align:center;flex:1}.page-footer{flex-wrap:wrap;align-items:flex-start}.footer-links{order:3;gap:18px;width:100%}.footer-tagline{margin-left:auto;font-size:8px}}@media (width<=420px){.gallery-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}