:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7faff;--bg-elevated:#eef5ff;--surface:#ffffffb8;--surface-solid:#fff;--surface-muted:#eff5ffbd;--surface-hover:#e5efffe0;--surface-pressed:#d8e5fff2;--ink:#171b22;--ink-muted:#5d6675;--ink-subtle:#7f899a;--line:#1e37fc1f;--line-strong:#1e37fc42;--brand-cyan:#37e1be;--brand-blue:#1e37fc;--brand-violet:#a569ff;--success:#16885f;--warning:#a35f00;--danger:#c7334f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--shadow-sm:0 8px 24px #1e37fc12;--shadow-md:0 20px 70px #1e37fc1c;--shadow-brand:0 18px 58px #1e37fc33;--ring-focus:0 0 0 3px #1e37fc2e, 0 0 0 6px #37e1be29;--glass-bg:#ffffff94;--glass-bg-strong:#ffffffb8;--glass-border:1px solid transparent;--glass-highlight:inset 0 1px 0 #ffffffdb, inset 0 0 0 1px #1e37fc12;--glass-blur:blur(24px) saturate(145%);--max:1240px;--rail:380px;--font-body:Geist, "Instrument Sans", "SF Pro Text", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Sora, "Space Grotesk", Geist, "SF Pro Display", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", "SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-panel:cubic-bezier(.16, 1, .3, 1);--ease-liquid:cubic-bezier(.22, 1, .36, 1);--duration-fast:.12s;--duration:.18s;--duration-panel:.26s;--duration-liquid:.38s;--pointer-x:50vw;--pointer-y:24vh}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;color:var(--ink);scroll-behavior:smooth}body{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #37e1be1a, transparent 26vw), radial-gradient(circle at 14% 4%, #a569ff24, transparent 38vw), radial-gradient(circle at 84% 14%, #1e37fc21, transparent 36vw), linear-gradient(135deg, #fbfdff 0%, #f7faff 46%, #eef5ff 100%);min-width:320px;color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{z-index:-3;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#1e37fc09 1px,#0000 1px),linear-gradient(90deg,#1e37fc08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 0,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 0,#000,#0000 72%)}body:after{z-index:-2;pointer-events:none;opacity:.32;content:"";background:radial-gradient(circle at 45% 18%,#1e37fc14,#0000 1px) 0 0/260px 260px,radial-gradient(circle at 52% 55%,#37e1be1a,#0000 1px) 0 0/340px 340px,radial-gradient(circle at 72% 42%,#a569ff17,#0000 1px) 0 0/420px 420px;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration) var(--ease-standard), background var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard), box-shadow var(--duration) var(--ease-standard), opacity var(--duration) var(--ease-standard)}button:disabled{cursor:not-allowed;opacity:.48;transform:none}main{z-index:1;width:min(var(--max), calc(100% - 32px));margin:0 auto;position:relative}h1,h2,h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;margin:0}h1{max-width:900px;font-size:clamp(2.35rem,5vw,4rem);line-height:.99}h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.08}h3{font-size:1.18rem;line-height:1.2}p{color:var(--ink-muted);margin:0;line-height:1.62}strong{color:var(--ink)}::selection{color:var(--ink);background:#37e1be47}.app-shell{isolation:isolate;min-height:100vh;position:relative}.ambient-field{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-field span{border-radius:var(--radius-full);opacity:.28;background:#37e1be47;width:6px;height:6px;position:absolute;box-shadow:0 0 26px #37e1be47}.ambient-field span:first-child{animation:ion-drift 28s var(--ease-standard) infinite alternate;top:14%;left:11%}.ambient-field span:nth-child(2){width:8px;height:8px;animation:ion-drift 34s var(--ease-standard) infinite alternate-reverse;background:#a569ff42;top:28%;left:88%;box-shadow:0 0 30px #a569ff3d}.ambient-field span:nth-child(3){animation:ion-drift 24s var(--ease-standard) infinite alternate;background:#1e37fc42;top:64%;left:76%;box-shadow:0 0 28px #1e37fc3d}.ambient-field span:nth-child(4){width:4px;height:4px;animation:ion-drift 38s var(--ease-standard) infinite alternate-reverse;top:78%;left:18%}.ambient-field span:nth-child(5){width:5px;height:5px;animation:ion-drift 30s var(--ease-standard) infinite alternate;background:#1e37fc29;top:44%;left:8%;box-shadow:0 0 22px #1e37fc29}.ambient-field span:nth-child(6){width:3px;height:3px;animation:ion-drift 26s var(--ease-standard) infinite alternate-reverse;background:#37e1be33;top:12%;left:55%;box-shadow:0 0 20px #37e1be33}.app-header{z-index:20;align-items:center;gap:var(--space-5);width:min(var(--max), calc(100% - 32px));border-radius:var(--radius-xl);min-height:68px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#ffffffb3,#f6faff85) padding-box padding-box,linear-gradient(135deg,#ffffffe6,#1e37fc21,#37e1be1a) border-box;border:1px solid #0000;grid-template-columns:auto 1fr auto;margin:14px auto 0;padding:10px;display:grid;position:sticky;top:14px;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #1e37fc0a,0 18px 54px #1e37fc17}.app-header:before{pointer-events:none;opacity:.82;content:"";background:linear-gradient(120deg,#ffffff8f,#0000 36%),radial-gradient(circle at 16% 12%,#37e1be21,#0000 24rem);position:absolute;inset:0}.app-header>*{z-index:1;position:relative}.brand,.footer-brand{border-radius:var(--radius-full);min-height:44px;color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:820;display:inline-flex}.brand{padding:4px 10px 4px 4px}.brand-mark{background:radial-gradient(circle at 38% 22%,#37e1be33,#0000 46%),#ffffffa8;border:1px solid #ffffffc2;border-radius:17px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffdb,0 14px 34px #1e37fc21}.brand-mark:after{z-index:-1;opacity:.72;content:"";background:radial-gradient(circle,#37e1be29,#0000 64%);border-radius:24px;position:absolute;inset:-9px}.brand-mark img{filter:drop-shadow(0 4px 12px #1e37fc2e);width:27px;height:27px}.footer-brand .brand-mark{border-radius:14px;width:34px;height:34px}.footer-brand .brand-mark img{width:22px;height:22px}.app-nav{--active-nav-index:0;border-radius:var(--radius-full);color:var(--ink-muted);background:#e8eeff7a;grid-template-columns:repeat(3,minmax(78px,1fr));justify-content:center;gap:0;padding:4px;font-size:14px;font-weight:680;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,inset 0 0 0 1px #1e37fc0d}.nav-indicator{border-radius:var(--radius-full);width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--active-nav-index) * 100%));transition:transform var(--duration-liquid) var(--ease-liquid), opacity var(--duration) var(--ease-standard);view-transition-name:app-nav-indicator;background:radial-gradient(circle at 18% 0,#37e1be2e,#0000 58%),#ffffffc2;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 1px #ffffffeb,0 10px 28px #1e37fc1a}.app-nav a,.footer-links a,.seo-link-grid a,.primary-link,.signin-link{transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration) var(--ease-standard), background var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard), box-shadow var(--duration) var(--ease-standard)}.app-nav a{z-index:1;border-radius:var(--radius-full);justify-content:center;align-items:center;min-height:40px;padding:0 14px;display:inline-flex;position:relative}.app-nav a:hover,.app-nav a.active,.footer-links a:hover,.seo-link-grid a:hover{color:var(--brand-blue)}.signin-link,.primary-link{border-radius:var(--radius-full);min-height:44px;color:var(--ink);box-shadow:inset 0 1px 0 #ffffffdb, var(--shadow-sm);background:#ffffffb8;border:1px solid #1e37fc1f;justify-content:center;align-items:center;font-size:14px;font-weight:780;display:inline-flex}.signin-link{padding:0 17px}.primary-link{margin-top:var(--space-5);background:linear-gradient(135deg,#37e1be24,#a569ff1a),#ffffffc7;justify-self:start;padding:0 18px}.signin-link:hover,.primary-link:hover{box-shadow:var(--ring-focus), inset 0 1px 0 #ffffffe6;border-color:#1e37fc4d;transform:translateY(-1px)}.studio-shell{padding:56px 0 var(--space-12)}.studio-heading,.tool-intro,.page-intro{position:relative}.studio-heading{gap:var(--space-8);margin-bottom:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;display:grid}.tool-intro,.page-intro{gap:var(--space-4);max-width:900px;padding-top:var(--space-12);display:grid}.studio-heading h1,.tool-intro h1,.page-intro h1,.legal-page h1,.not-found h1{margin-bottom:var(--space-4)}.studio-heading p:not(.eyebrow),.tool-intro p:not(.eyebrow),.page-intro p:not(.eyebrow),.legal-page p:not(.eyebrow),.not-found p:not(.eyebrow){max-width:760px;font-size:clamp(1rem,1.4vw,1.12rem)}.eyebrow{width:fit-content;min-height:26px;margin-bottom:var(--space-3);border-radius:var(--radius-full);color:var(--brand-blue);letter-spacing:.08em;text-transform:uppercase;background:#e8eeffb8;border:1px solid #1e37fc1f;align-items:center;padding:0 10px;font-size:12px;font-weight:820;line-height:1;display:inline-flex}.trust-note{padding:var(--space-4);border:var(--glass-border);border-radius:var(--radius-lg);color:var(--ink-muted);background:linear-gradient(135deg,#ffffffad,#f6faff7a) padding-box padding-box,linear-gradient(135deg,#ffffffe6,#1e37fc1a,#37e1be14) border-box;font-size:13px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffdb,0 14px 38px #1e37fc14}.trust-note:before{background:linear-gradient(var(--brand-cyan), var(--brand-violet));content:"";width:3px;position:absolute;inset:0 auto 0 0}.studio-grid{grid-template-columns:minmax(0, 1fr) minmax(340px, var(--rail));gap:var(--space-4);align-items:stretch;display:grid;position:relative}.studio-grid:before{z-index:-1;border-radius:calc(var(--radius-xl) + 4px);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #37e1be17, transparent 260px), linear-gradient(135deg, #37e1be24, #1e37fc12, #a569ff1c);opacity:.58;filter:blur(22px);content:"";position:absolute;inset:-1px}.result-pane,.control-rail,.pricing-card,.history-empty,.account-panel,.faq-item,.workflow-card,.legal-page,.history-card,.seo-link-band{border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#ffffffb8,#f6faff80) padding-box padding-box,linear-gradient(135deg,#ffffffeb,#1e37fc1c,#37e1be14) border-box;border:1px solid #0000;box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #1e37fc09,0 20px 64px #1e37fc17}.result-pane{min-height:640px;padding:var(--space-4);border-radius:var(--radius-xl);flex-direction:column;display:flex}.result-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-2) var(--space-2) var(--space-4);display:flex}.status-pill{border-radius:var(--radius-full);min-height:34px;color:var(--brand-blue);background:#e8eeffd1;border:1px solid #1e37fc29;align-items:center;padding:0 12px;font-size:12px;font-weight:820;display:inline-flex}.result-stage{border-radius:var(--radius-lg);background:radial-gradient(circle at 22% 15%,#37e1be1f,#0000 32%),radial-gradient(circle at 82% 20%,#a569ff1f,#0000 34%),linear-gradient(145deg,#ffffffd1,#eef5ffb8);border:1px solid #1e37fc1a;flex:1;place-items:center;min-height:488px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc7}.result-stage:before{pointer-events:none;opacity:.42;content:"";background-color:#0000;background-image:linear-gradient(#1e37fc0a 1px,#0000 1px),linear-gradient(90deg,#1e37fc09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.result-stage.succeeded:before{opacity:.18}.empty-preview{z-index:1;gap:var(--space-6);width:min(720px,100%);padding:var(--space-8);color:var(--ink);text-align:center;display:grid;position:relative}.empty-preview h2,.empty-preview p{color:var(--ink)}.empty-preview p{color:var(--ink-muted)}.empty-preview-art{gap:var(--space-3);perspective:900px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(520px,100%);margin:0 auto;display:grid}.empty-preview-art img,.result-tile img,.history-thumb-grid img{aspect-ratio:1;border-radius:var(--radius-md);object-fit:cover;width:100%}.empty-preview-art img{border:1px solid #ffffffd1;transform:rotate(-2deg);box-shadow:0 24px 80px #1e37fc29}.empty-preview-art img:nth-child(2){transform:rotate(2deg)translateY(18px)}.result-grid{z-index:1;gap:var(--space-4);width:100%;padding:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.result-tile{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-liquid) var(--ease-liquid), border-color var(--duration-liquid) var(--ease-liquid), box-shadow var(--duration-liquid) var(--ease-liquid);background:#ffffffad;border:1px solid #1e37fc1f;margin:0;position:relative;overflow:hidden}.result-tile:after{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--duration-liquid) var(--ease-liquid);content:"";background:linear-gradient(135deg,#ffffff3d,#0000 32%,#37e1be1f);position:absolute;inset:0}.result-tile:hover,.result-tile:focus-within{border-color:#1e37fc47;transform:scale(1.01)translateY(-1px);box-shadow:0 18px 54px #1e37fc21}.result-tile:hover:after,.result-tile:focus-within:after{opacity:1}.generation-progress{z-index:1;gap:var(--space-3);width:min(460px,100% - 32px);padding:var(--space-6);border:var(--glass-border);border-radius:var(--radius-lg);color:var(--ink);background:linear-gradient(135deg,#ffffffbd,#f6faff8a) padding-box padding-box,linear-gradient(135deg,#ffffffe6,#1e37fc1c,#37e1be14) border-box;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6,0 18px 48px #1e37fc1a}.generation-progress span{border-radius:var(--radius-full);background:#1e37fc1a;width:100%;height:8px;display:block;overflow:hidden}.generation-progress span:after{border-radius:inherit;background:linear-gradient(90deg, var(--brand-cyan), var(--brand-blue), var(--brand-violet));width:42%;height:100%;animation:progress-sweep 1.5s var(--ease-standard) infinite;content:"";display:block;box-shadow:0 0 28px #1e37fc33}.generation-progress p{color:var(--ink-muted)}.inline-alert{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--ink);background:#c7334f14;border:1px solid #ff6b7a57;flex-wrap:wrap;display:flex}.inline-alert span{color:var(--ink-muted)}.result-actions{gap:var(--space-2);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.result-actions button,.secondary-action,.text-action,.pricing-card button,.account-panel button,.button{border-radius:var(--radius-md);min-height:44px;color:var(--ink);box-shadow:inset 0 1px 0 #ffffffdb, var(--shadow-sm);background:#ffffffb3;border:1px solid #1e37fc1f;font-size:14px;font-weight:760}.result-actions button{padding:0 14px}.result-actions button:not(:disabled):hover,.secondary-action:not(:disabled):hover,.pricing-card button:not(:disabled):hover,.account-panel button:not(:disabled):hover,.button:not(:disabled):hover{background:#ffffffe0;border-color:#1e37fc42;transform:translateY(-1px)}.control-rail{gap:var(--space-4);min-height:640px;padding:var(--space-4);border-radius:var(--radius-xl);flex-direction:column;display:flex}.control-group{gap:var(--space-2);display:grid}.control-label,.compact-controls span,.credit-box span,.account-panel label span{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.segmented-control{--active-segment-index:0;border-radius:var(--radius-md);isolation:isolate;background:#eff5ffb3;border:1px solid #1e37fc1a;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid;position:relative}.segmented-control:before{z-index:0;width:calc(33.3333% - 3.33333px);transform:translateX(calc(var(--active-segment-index) * 100%));transition:transform var(--duration-liquid) var(--ease-liquid);content:"";background:radial-gradient(circle at 18% 0,#37e1be38,#0000 58%),#ffffffd6;border-radius:12px;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:inset 0 1px #ffffffeb,0 12px 28px #1e37fc1c}.segmented-control button{z-index:1;min-height:40px;color:var(--ink-muted);background:0 0;border:0;border-radius:12px;font-size:13px;font-weight:820;position:relative}.segmented-control button:hover{color:var(--brand-blue)}.segmented-control button.active{color:var(--brand-blue);box-shadow:none;background:0 0}textarea,input,select{border-radius:var(--radius-md);width:100%;color:var(--ink);transition:border-color var(--duration) var(--ease-standard), background var(--duration) var(--ease-standard), box-shadow var(--duration-liquid) var(--ease-liquid), transform var(--duration-liquid) var(--ease-liquid);background:#ffffffb3;border:1px solid #1e37fc1f;outline:none;box-shadow:inset 0 1px #ffffffdb}textarea{resize:vertical;min-height:150px;padding:13px 14px;line-height:1.5}input,select{min-height:44px;padding:0 13px}select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}textarea:hover,input:hover,select:hover{background:#ffffffdb;border-color:#1e37fc38}textarea:focus,input:focus,select:focus{box-shadow:var(--ring-focus), inset 0 1px 0 #ffffffe6;border-color:#1e37fc80;transform:translateY(-1px)}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--ring-focus), inset 0 1px 0 #ffffffe6;outline:0}.secondary-action{width:100%;color:var(--brand-blue);background:#e8eeffc2}.upload-dropzone{place-items:center;gap:var(--space-2);border-radius:var(--radius-lg);min-height:122px;color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 0,#37e1be1f,#0000 58%),#ffffff8f;border:1px dashed #1e37fc3d;display:grid;position:relative;overflow:hidden}.upload-dropzone:hover{background:radial-gradient(circle at 50% 0,#37e1be29,#0000 58%),#ffffffc7;border-color:#1e37fc61;transform:translateY(-1px)}.upload-dropzone img{border-radius:var(--radius-md);object-fit:cover;width:100%;height:98px}.upload-dropzone span,.field-note,.privacy-note{color:var(--ink-muted);font-size:12px}.text-action{min-height:32px;color:var(--danger);box-shadow:none;background:0 0;border:0;justify-self:start;padding:0}.text-action:hover{color:#9e1733}.compact-controls{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compact-controls label{gap:var(--space-2);display:grid}.credit-box{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0,#37e1be24,#0000 54%),#e8eeffc2;border:1px solid #1e37fc1f;margin-top:auto;display:grid}.credit-box div{justify-content:space-between;gap:var(--space-3);display:flex}.generate-button,.button.primary{border-radius:var(--radius-md);background:radial-gradient(circle at 20% 0%, #ffffff57, transparent 38%), linear-gradient(135deg, var(--brand-blue) 0%, #4f72ff 58%, var(--brand-cyan) 100%);color:#fff;border:0;min-height:52px;font-weight:860;box-shadow:0 20px 58px #1e37fc40,inset 0 1px #ffffff52}.generate-button:not(:disabled):hover,.button.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 24px 68px #1e37fc52,0 0 0 1px #37e1be3d,inset 0 1px #ffffff61}.generate-button:not(:disabled):active,.button.primary:not(:disabled):active,.result-actions button:not(:disabled):active,.secondary-action:not(:disabled):active,.signin-link:active,.primary-link:active{transform:scale(.992)}.privacy-note{line-height:1.45}.workflow-section,.seo-link-band,.faq-section,.pricing-grid,.history-empty,.legal-page,.page-intro,.tool-intro{margin:var(--space-16) 0}.section-heading{max-width:760px;margin-bottom:var(--space-5)}.workflow-grid,.faq-list,.history-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pricing-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.workflow-card,.pricing-card,.faq-item,.history-card,.account-panel,.history-empty,.legal-page{padding:var(--space-6)}.workflow-card{gap:var(--space-3);align-content:start;min-height:180px;display:grid;position:relative;overflow:hidden}.workflow-card:before,.pricing-card:before{pointer-events:none;opacity:0;transition:opacity var(--duration) var(--ease-standard);content:"";background:radial-gradient(circle at 15% 0,#37e1be1f,#0000 45%);position:absolute;inset:0}.workflow-card:hover,.pricing-card:hover,.history-card:hover,.seo-link-grid a:hover{border-color:#1e37fc3d;transform:translateY(-2px)}.workflow-card:hover:before,.pricing-card:hover:before{opacity:1}.workflow-card span{color:var(--brand-blue);font-size:13px;font-weight:820}.seo-link-band{gap:var(--space-6);padding:var(--space-6);grid-template-columns:minmax(0,.88fr) minmax(320px,1.12fr);align-items:start;display:grid}.seo-link-grid{gap:var(--space-2);display:grid}.seo-link-grid a{border-radius:var(--radius-md);min-height:48px;color:var(--ink);background:#ffffff94;border:1px solid #1e37fc1a;padding:13px 14px;font-weight:740}.pricing-card{gap:var(--space-3);min-height:292px;display:grid;position:relative;overflow:hidden}.pricing-card:nth-child(3){box-shadow:var(--glass-highlight), var(--shadow-brand), var(--shadow-md);border-color:#1e37fc47}.plan-price{color:var(--ink);font-family:var(--font-display);letter-spacing:-.05em;font-size:34px;font-weight:880;line-height:1}.plan-quota{color:var(--brand-blue);font-weight:820}.pricing-card button{align-self:end;padding:0 14px}.pricing-card button:not(:disabled){color:var(--brand-blue);background:#e8eeffc7}.history-empty{min-height:240px}.history-grid{margin:var(--space-8) 0 var(--space-16)}.history-card{gap:var(--space-4);transition:transform var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard);display:grid}.history-thumb-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));min-height:160px;display:grid}.history-thumb-grid img{background:#ffffffad}.history-meta{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.history-meta span{border-radius:var(--radius-full);min-height:28px;color:var(--brand-blue);text-transform:capitalize;background:#e8eeffbd;border:1px solid #1e37fc1f;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.history-card h2{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box;overflow:hidden}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-item,.legal-page,.history-empty,.account-panel{gap:var(--space-3);display:grid}.legal-page{max-width:820px}.account-panel{max-width:560px;margin:0 0 var(--space-16)}.account-panel label{gap:var(--space-2);display:grid}.account-panel button{padding:0 16px}.form-error{color:var(--danger)}.form-success{color:var(--success)}.app-footer{z-index:1;gap:var(--space-6);width:min(var(--max), calc(100% - 32px));margin:var(--space-16) auto var(--space-6);padding:var(--space-6) 0 0;border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.app-footer p{max-width:620px;margin-top:var(--space-2);font-size:13px}.footer-links{gap:var(--space-2);color:var(--ink-muted);font-size:14px;font-weight:650;display:grid}.footer-links a{border-radius:var(--radius-sm);min-height:28px;padding:4px 8px}.not-found{place-content:center;gap:var(--space-4);width:min(720px,100% - 32px);min-height:100vh;margin:0 auto;display:grid}.category-grid,.price-grid,.tag-row,.button-row,.prompt-columns{gap:var(--space-3);display:grid}.category-grid,.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card,.tool-card,.prompt-card,.generator-panel,.premium-card,.price-card,.prompt-detail{border:var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffffb8,#f6faff80) padding-box padding-box,linear-gradient(135deg,#ffffffe6,#1e37fc17,#37e1be12) border-box;box-shadow:inset 0 1px #ffffffe0,0 10px 30px #1e37fc0f}.category-card,.tool-card,.prompt-card-body,.generator-panel,.premium-card,.price-card,.prompt-detail{padding:var(--space-5)}.muted,.form-note{color:var(--ink-muted)}.form-note.success{color:var(--success)}.form-note.error{color:var(--danger)}.pill{border-radius:var(--radius-full);min-height:26px;color:var(--ink-muted);background:#e8eeffb8;align-items:center;padding:0 9px;font-size:12px;font-weight:760;display:inline-flex}.pill.accent{color:#6b39d4;background:#a569ff21}.text-link,.locale-switch{color:var(--brand-blue);font-weight:760}@keyframes ion-drift{0%{transform:translate(0,0)}to{transform:translate(10px,-18px)}}@keyframes progress-sweep{0%{transform:translate(-120%)}to{transform:translate(260%)}}@media (max-width:980px){.studio-heading,.studio-grid,.seo-link-band,.app-footer{grid-template-columns:1fr}.result-pane,.control-rail{min-height:auto}.control-rail{order:-1}.result-stage{min-height:400px}.workflow-grid,.history-grid,.category-grid,.price-grid{grid-template-columns:1fr}}@media (max-width:1180px) and (min-width:681px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){main,.app-header,.app-footer{width:min(100% - 20px, var(--max))}body{background:radial-gradient(circle at 50% 0,#37e1be1f,#0000 70vw),radial-gradient(circle at 92% 8%,#1e37fc1c,#0000 76vw),linear-gradient(135deg,#fbfdff 0%,#eef5ff 100%)}.app-header{gap:var(--space-2);border-radius:var(--radius-lg);grid-template-columns:1fr auto;min-height:64px;top:8px}.brand{padding-right:4px}.brand-mark{border-radius:15px;width:38px;height:38px}.signin-link{grid-area:1/2;min-height:40px;padding:0 13px}.app-nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:start;padding:2px 0 0;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a{white-space:nowrap;min-height:36px;padding:0 12px}.studio-shell{padding-top:var(--space-10)}.studio-grid{gap:var(--space-3)}.result-pane,.control-rail{padding:var(--space-3);border-radius:var(--radius-lg)}.result-stage{min-height:320px}.empty-preview,.result-grid{padding:var(--space-3)}.empty-preview-art,.result-grid,.compact-controls,.pricing-grid,.faq-list,.history-grid{grid-template-columns:1fr}.empty-preview-art img:nth-child(2){transform:none}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.workflow-section,.seo-link-band,.faq-section,.pricing-grid,.history-empty,.legal-page,.page-intro,.tool-intro{margin:var(--space-12) 0}.workflow-card,.pricing-card,.faq-item,.history-card,.account-panel,.history-empty,.legal-page,.seo-link-band{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.ambient-field,body:after{display:none}}