@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#101016;--panel:#17171f;--border:#2a2a36;--muted:#a2a1b2;--text:#f5f3fd;--purple:#9a7cff;--cyan:#a1eadc;--font:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',var(--font)}.header{height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 3.3%;gap:55px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.ai{font-size:12px;color:#c6b9fa;margin-left:7px;font-weight:500;letter-spacing:0}.header nav{display:flex;height:100%;gap:30px;align-items:center}.nav-link{border:0;background:none;font-size:14px;color:var(--muted);height:100%;position:relative}.nav-link.active{color:white}.nav-link.active:after{position:absolute;content:'';bottom:0;height:2px;background:var(--purple);left:0;right:0}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.credits{font-size:13px;color:#c4b6ef;border:1px solid #393045;border-radius:20px;padding:7px 12px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:45px;padding:10px 19px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:14px;transition:background .18s,transform .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:#9776ff;color:#110925;box-shadow:inset 0 1px #c2aeff}.primary:hover:not(:disabled){background:#b19aff}.subtle{background:#22222d;border-color:#343442}.white{background:#f2edff;color:#181324}.small{min-height:36px;padding:7px 13px}.intro{display:flex;align-items:center;justify-content:space-between;padding:36px 3.3% 29px}.eyebrow,.section-label{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.eyebrow{color:#a599cc;margin-bottom:10px}h1{font-size:clamp(28px,2.8vw,44px);font-weight:650;letter-spacing:-1.7px;line-height:1.2}h1 span{color:#b5a0ff}.intro p:last-child{margin-top:12px;color:var(--muted);font-size:14px}.intro-note{display:flex;align-items:center;gap:15px;font-size:13px;color:var(--muted)}.intro-note strong{font-weight:400;color:#d4d1e0}.spark{font-size:39px;color:#b397ff}.mobile-break{display:none}.studio{margin:0 3.3%;display:grid;grid-template-columns:176px minmax(0,1fr) 260px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel);min-height:720px}.tools{padding:24px 12px;display:flex;flex-direction:column;border-right:1px solid var(--border)}.tools>.section-label{padding:0 14px;margin-bottom:18px}.tool-list{display:flex;flex-direction:column;gap:8px}.tool{border:1px solid transparent;border-radius:7px;background:none;text-align:left;padding:11px 12px;color:#b5b3c4;font-size:14px;display:flex;gap:12px;align-items:center;white-space:nowrap}.tool>span:first-child{font-size:20px;width:20px;text-align:center}.tool:hover{background:#24232f}.tool.selected{background:#30283f;border-color:#4f3c6d;color:#c9b6ff}.tools-bottom{margin-top:auto;padding-top:35px}.mini-pro{padding:17px 12px;background:linear-gradient(145deg,#2c2540,#201e2d);border:1px solid #3e3354;border-radius:9px}.mini-pro>span{font-size:12px;font-weight:700;letter-spacing:1px;color:#baa0ff}.mini-pro h3{font-size:21px;line-height:1.3;margin:13px 0}.mini-pro p{font-size:12px;color:#b4aac7;margin-bottom:16px}.mini-pro .button{width:100%;font-size:12px;padding:8px;gap:10px;min-height:36px}.text-button,.icon-button{border:0;background:none;color:#b3afc3;font-size:13px;padding:8px}.text-button:hover{color:white}.tools-bottom>.text-button{margin-top:20px}.editor{min-width:0;background:#131319;display:flex;flex-direction:column}.editor-top{height:57px;flex-shrink:0;padding:0 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;font-size:12px;color:#cac7d6}.editor-top>div:first-child{display:flex;align-items:center;gap:8px;min-width:0;flex:1}#file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-switch{display:flex;background:#202029;border:1px solid #2d2c38;border-radius:6px;padding:3px}.view-switch button{border:0;border-radius:4px;background:none;color:#8f8a9f;font-size:12px;padding:3px 10px}.view-switch button.selected{background:#393342;color:white}.icon-button{font-size:19px;padding:3px 5px}.canvas{position:relative;display:flex;justify-content:center;align-items:center;min-height:340px;flex:1;padding:20px;background-color:#131319;background-image:radial-gradient(#ffffff0c .6px,transparent .6px);background-size:10px 10px}.canvas.dragging{outline:2px dashed var(--purple);outline-offset:-10px}.image-stage{position:relative;width:100%;height:380px;overflow:hidden;border-radius:5px;background:#18141f}.image-stage>img{width:100%;height:100%;object-fit:cover;display:block}.image-stage.loaded>img{object-fit:contain}.image-stage>#result-image{position:absolute;inset:0}.image-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px;background:linear-gradient(90deg,rgba(10,9,19,.88),rgba(13,8,30,.18) 85%)}.image-caption h2{font-size:clamp(27px,2.6vw,40px);line-height:1.25;letter-spacing:-1.2px;max-width:400px;margin:19px 0 10px}.pill{border:1px solid #ffffff40;border-radius:4px;background:#13122040;padding:5px 8px;font-size:12px;letter-spacing:1.8px}.image-caption p{font-size:13px;color:#ded7e6;margin-bottom:23px}.sample-link{background:none;border:0;color:#c7bfd8;font-size:12px;padding:12px 0}.image-badge{position:absolute;right:12px;bottom:12px;border-radius:4px;background:#161321c9;font-size:12px;padding:5px 9px;color:#cdc5da}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 15px;font-size:12px;color:#8f8a9f}.canvas-footer .text-button{font-size:12px;padding:0}.canvas-footer .button{font-size:12px;min-height:32px}.prompt-area{background:#1b1a24;margin:0 20px 20px;border:1px solid #3a324e;border-radius:10px;padding:15px}.prompt-area label{font-size:12px;font-weight:600}.prompt-area textarea{width:100%;resize:vertical;min-height:68px;max-height:200px;background:none;border:0;color:#f6f3fc;padding:10px 0;font-size:14px;line-height:1.5}.prompt-area textarea::placeholder{color:#777185}.prompt-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.prompt-bottom>span{color:#938aab;font-size:12px}.prompt-bottom .button{font-size:12px;min-height:36px;padding:8px 15px}.settings{padding:24px 20px;border-left:1px solid var(--border)}.settings .section-label{font-size:12px;letter-spacing:1.4px}.settings h2{font-size:23px;margin:18px 0 7px}.settings>p{color:#9d97af;font-size:13px;line-height:1.65}.field-label{display:block;font-size:12px;margin:24px 0 8px}.settings select{width:100%;color:#dbd6e8;background:#202029;border:1px solid #373240;border-radius:7px;padding:11px;font-size:12px}.settings .helper{font-size:12px;margin-top:9px}.divider{height:1px;background:var(--border);margin:24px 0}.presets{display:flex;flex-direction:column;gap:10px;margin-top:15px}.presets button{background:#202028;border:1px solid #2b2a35;border-radius:8px;display:flex;align-items:center;gap:10px;text-align:left;padding:11px;color:#cbc5db;font-size:12px}.presets button:hover{border-color:#6e558f}.presets button>span:first-child{color:#b199e6;font-size:20px}.presets button>span:last-child{margin-left:auto;color:#82788f}.presets small{display:block;font-size:12px;color:#898293;margin-top:3px}.history{margin-top:16px;max-height:180px;overflow:auto}.empty-history{padding:16px 4px;font-size:12px;color:#b3abbf;text-align:center;line-height:1.9}.empty-history span{font-size:12px;color:#797185}.history-item{display:flex;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--border);padding:8px 0;background:none;text-align:left;font-size:12px}.history-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}.history-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item small{display:block;color:var(--muted);font-size:12px}.privacy-note{font-size:12px;color:#aea4c0;border-top:1px solid var(--border);padding-top:18px;margin-top:22px;line-height:1.9}.privacy-note span{font-size:12px;color:#7e768c}.under-studio{text-align:center;padding:33px 20px 40px}.under-studio>span{font-size:12px;letter-spacing:2px;color:#8a8198}.under-studio p{font-size:13px;color:#aea6bc;margin-top:8px}footer{border-top:1px solid var(--border);padding:24px 3.3%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:14px;letter-spacing:-.4px}footer>span{font-size:12px;color:#8e849e}footer>div{display:flex;gap:15px}footer .text-button{font-size:12px}.notice{padding:10px 4%;font-size:13px;color:#c5b2eb;background:#251e33;border-bottom:1px solid #443457}.busy-overlay{position:absolute;inset:0;background:#14111eea;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:5;padding:30px;text-align:center}.busy-overlay span{font-size:13px;color:var(--muted);max-width:300px}.spinner{width:35px;height:35px;border:2px solid #514663;border-top-color:#b79aff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pricing-intro{text-align:center;padding:70px 20px 45px}.pricing-intro h1{font-size:48px}.pricing-intro>p:last-child{color:var(--muted);margin-top:18px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:auto;padding:0 24px}.price-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;position:relative;display:flex;flex-direction:column}.price-card.featured{border-color:var(--purple);background:linear-gradient(140deg,#2c2240,#1b1725)}.popular{position:absolute;top:-13px;left:30px;background:#a184ff;color:#1d102d;font-size:12px;letter-spacing:1px;padding:6px 12px;border-radius:20px;font-weight:700}.price-card h2{font-size:25px;margin:10px 0}.price{font-size:44px;font-weight:600;letter-spacing:-1.5px;margin:10px 0}.price small{font-size:14px;color:var(--muted);letter-spacing:0;font-weight:400}.price-card>p:not(.eyebrow){color:var(--muted);font-size:14px}.price-card ul{padding:0;list-style:none;flex:1;margin:28px 0;display:flex;flex-direction:column;gap:14px;font-size:14px}.price-card li:before{content:'✓';color:#b69bfc;margin-right:10px}.fine-print{font-size:12px;color:#9b8eaf;margin-top:14px}.pricing-foot{text-align:center;color:var(--muted);font-size:12px;padding:30px 20px 70px}dialog{color:var(--text);width:min(480px,calc(100vw - 32px));background:#1b1824;border:1px solid #4d3d61;border-radius:18px;padding:35px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#07050cbe;backdrop-filter:blur(6px)}dialog .close-dialog{position:absolute;top:10px;right:14px;background:none;border:0;color:#c7bcd6;font-size:28px}dialog h2{font-size:28px;line-height:1.3;letter-spacing:-1px;margin:10px 0 15px}dialog p{color:#b7abc7;font-size:14px;margin:15px 0}dialog .eyebrow{margin-top:20px;font-size:12px}dialog form{display:flex;flex-direction:column;gap:10px;margin:25px 0}dialog label{font-size:13px}dialog input{padding:13px;background:#110e19;border:1px solid #493b5c;border-radius:7px;color:white}dialog small{font-size:12px;color:#a090b0}.inline-link{border:0;background:none;padding:0;color:#c2a5f5;text-decoration:underline;font-size:inherit}#account-dialog>.button{width:100%;margin:7px 0}#account-credits{background:#272031;padding:18px;border-radius:8px;margin:18px 0;font-size:14px;line-height:2}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;border:1px solid #716080;border-radius:10px;background:#2d233b;padding:15px 22px;box-shadow:0 10px 40px #0008;font-size:14px;max-width:90vw;width:max-content}.skip{position:fixed;top:-100px;left:15px;z-index:30;background:white;color:black;padding:10px}.skip:focus{top:10px}
@media(min-width:1600px){.studio{grid-template-columns:200px minmax(0,1fr) 300px}.image-stage{height:460px}.settings{padding:30px}.canvas{padding:24px}.image-caption{padding:50px}.intro{padding-top:45px;padding-bottom:40px}}
@media(max-width:1100px){.studio{grid-template-columns:150px minmax(0,1fr) 220px}.tools{padding:20px 8px}.tool{font-size:12px;padding:10px 8px;gap:8px}.settings{padding:22px 14px}.image-caption{padding:24px}.header{gap:30px}.header nav{gap:22px}.intro-note{display:none}.canvas-footer #image-info{display:none}.intro h1{font-size:34px}.header-actions{gap:8px}.credits{font-size:12px}.pricing-grid{gap:15px}.price-card{padding:25px}.image-stage{height:350px}}
@media(max-width:850px){.header{padding:0 20px;height:72px;gap:25px}.header-actions .credits{display:none}.studio{margin:0 20px;grid-template-columns:130px minmax(0,1fr)}.settings{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:5px 25px;padding:24px}.settings>.section-label:first-child,.settings h2,.settings>p,.settings>.field-label,.settings>select{grid-column:1}.settings .divider{display:none}.settings>.section-label:nth-of-type(2){grid-column:2;grid-row:1}.settings .presets{grid-column:2;grid-row:2/7;margin-top:5px}.settings .section-label:nth-of-type(3),.history,.privacy-note{grid-column:1/-1}.settings .history{max-height:150px}.settings .section-label:nth-of-type(3){margin-top:20px}.privacy-note{margin-top:10px}.intro{padding:28px 20px}.intro h1{font-size:32px}.tool{font-size:12px;gap:7px}.tool>span:first-child{font-size:17px}.mini-pro{padding:14px 9px}.mini-pro h3{font-size:19px}.mini-pro .button{font-size:12px}.brand{font-size:21px}.image-stage{height:400px}.pricing-grid{grid-template-columns:1fr;max-width:500px;gap:30px}.price-card{padding:30px}.price-card ul{margin:22px 0}.pricing-intro h1{font-size:38px}}
@media(max-width:600px){.header{height:65px;padding:0 16px;gap:14px}.brand{font-size:19px;gap:7px}.brand>img{width:29px;height:29px}.ai{font-size:12px;margin-left:4px}.header nav{gap:12px;margin-left:auto}.nav-link{font-size:12px}.header-actions{margin-left:0}.header-actions>.primary{display:none}.header-actions>.subtle{font-size:12px;min-height:34px;padding:6px 10px}.intro{padding:28px 18px 24px}.intro .eyebrow{font-size:12px}.intro h1{font-size:30px;line-height:1.25;letter-spacing:-1.1px}.mobile-break{display:block}.intro p:last-child{font-size:12px}.studio{display:flex;flex-direction:column;margin:0 12px;border-radius:12px}.tools{padding:10px 8px;border-right:0;border-bottom:1px solid var(--border)}.tools>.section-label,.tools-bottom{display:none}.tool-list{flex-direction:row;gap:5px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.tool{flex-direction:column;gap:3px;min-width:65px;padding:7px 6px;font-size:12px}.tool>span:first-child{font-size:21px}.editor-top{height:49px;padding:0 12px}.canvas{min-height:340px;padding:12px}.image-stage{height:350px}.image-caption{padding:25px}.image-caption h2{font-size:32px}.image-caption p{font-size:12px}.canvas-footer{padding:0 12px 12px}.prompt-area{margin:0 12px 15px;padding:13px}.prompt-area textarea{font-size:16px}.prompt-bottom>span{font-size:12px;max-width:100px}.prompt-bottom .button{font-size:12px}.settings{display:block;padding:23px 20px}.settings .section-label:nth-of-type(2){margin-top:25px}.settings>.helper{margin-bottom:22px}.settings select{font-size:16px}.settings h2{font-size:22px;margin-top:12px}.settings .section-label{font-size:12px}.settings .presets{margin-top:13px;gap:8px}.presets button{font-size:14px;padding:12px}.presets small{font-size:12px}.settings>p{font-size:14px}.settings .field-label{font-size:14px}.empty-history{font-size:14px}.empty-history span{font-size:12px}.privacy-note{font-size:12px}.privacy-note span{font-size:12px}.under-studio{padding:28px 16px}.under-studio>span{font-size:12px}.under-studio p{font-size:12px}footer{flex-wrap:wrap;padding:20px;gap:12px}footer>span{order:3;width:100%;font-size:12px}footer>div{margin-left:auto;gap:8px}.pricing-intro{padding:45px 20px 40px}.pricing-intro h1{font-size:34px}.pricing-intro p:last-child{font-size:14px}.notice{font-size:12px;padding:10px 16px}dialog{padding:28px}dialog h2{font-size:26px}.view-switch button{font-size:12px;padding:4px 8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.icon{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle;stroke:currentColor;fill:none}.tool>span:first-child{display:flex;width:27px;height:27px;align-items:center;justify-content:center;border-radius:7px;background:#ffffff05}.tool .icon{width:21px;height:21px}.tool[data-tool=edit] .icon{color:#c8a5ff}.tool[data-tool=background] .icon{color:#85c7f1}.tool[data-tool=remove] .icon{color:#e7a4c5}.tool[data-tool=enhance] .icon{color:#b9da9d}.tool[data-tool=restore] .icon{color:#e8c08c}.tool[data-tool=style] .icon{color:#b6a2ec}.tool.selected>span:first-child{background:#b398ff15}.spark .icon{width:34px;height:34px;stroke-width:1.25}.presets button>span:first-child{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#40304d,#292635)}.presets button>span:last-child .icon{width:14px;height:14px}.button .icon{width:17px;height:17px}.prompt-bottom>span .icon,.mini-pro>span .icon{width:14px;height:14px;margin-right:3px}.privacy-note>.icon{color:#9bcfbd;width:16px;height:16px;margin-right:4px}.price-card li{display:flex;gap:10px;align-items:flex-start}.price-card li:before{content:none}.price-card li>.icon{width:17px;height:17px;color:#b69bfc;margin-top:2px}.text-button .icon{width:16px;height:16px;margin-right:3px}.icon-button .icon{width:18px;height:18px}.tools-bottom>.text-button{display:flex;align-items:center;gap:3px;padding-left:2px;padding-right:0}.canvas-footer>.text-button{white-space:nowrap}
@media(max-width:600px){.tool>span:first-child{width:27px;height:27px}.tool .icon{width:20px;height:20px}.tool{min-width:72px}.canvas-footer>.text-button{font-size:12px}.canvas-footer #use-result{font-size:11px}.intro h1{font-size:32px}}

.owner-badge{color:#c5ecdd;border-color:#436858;background:#20352c}.owner-panel{padding:18px 12px;border:1px solid #456856;border-radius:10px;background:linear-gradient(140deg,#26392d,#1b2426);color:#c9e9d9}.owner-panel>.icon{color:#b0e5c9;margin-bottom:10px}.owner-panel strong,.owner-panel span,.owner-panel small{display:block}.owner-panel strong{font-size:16px}.owner-panel span{color:#c5a8ff;font-size:14px;margin:8px 0}.owner-panel small{font-size:12px;color:#a6b7ac;line-height:1.7}

.preferences-form{margin:24px 0;padding-top:20px;border-top:1px solid #ffffff18}.preferences-form label{font-weight:600}.preferences-form textarea{width:100%;margin-top:8px}.preference-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#preferences-status{font-size:12px;color:#bcdf9c}

/* Ambient accents stay outside the photo so color judgments remain neutral. */
.intro{position:relative;isolation:isolate;background:radial-gradient(ellipse at 23% 48%,#9270ff55,transparent 72%)}
.intro h1{text-shadow:0 0 12px #c1a8ff70,0 0 38px #a075ff65}
.intro h1 span{ text-shadow:0 0 12px #bb9fffaa,0 0 30px #a17cff80}
.tool{transition:background .2s,border-color .2s,box-shadow .2s}
.tool.selected{border-color:#c4a2ff;box-shadow:inset 0 0 18px #9a7cff45,0 0 12px #9a7cff70}
.tool.selected .icon{filter:drop-shadow(0 0 7px #bba0ffcc)}
#generate{box-shadow:inset 0 1px #e8ddff,0 0 12px #ab87ffb0,0 0 32px #9776ff75;transition:background .2s,transform .2s,box-shadow .2s}
#generate:hover:not(:disabled),#generate:focus-visible{box-shadow:inset 0 1px #e3d8ff,0 0 18px #c5aaffcc,0 0 40px #9776ff90}
#generate:disabled{box-shadow:none}
.busy-overlay{overflow:hidden;isolation:isolate}
.busy-overlay::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#a886ff15 50%,transparent 75%);transform:translateX(-100%);animation:studio-shimmer 4.5s ease-in-out infinite}
.busy-overlay .spinner{box-shadow:0 0 20px #a886ff25}
@keyframes studio-shimmer{0%,15%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.busy-overlay::before{animation:none;transform:none;opacity:.4}.tool,#generate{transition:none}}

.header .brand>img{filter:drop-shadow(0 0 9px #ac83ffb0)}
.studio{border-color:#7653a8;box-shadow:0 0 22px #a173ff30}
.intro .eyebrow{color:#c5b3ef}
@media(max-width:600px){.intro{background:radial-gradient(ellipse at 30% 55%,#9a70ff66,transparent 78%)}.tool-list{padding:7px 4px 9px}}
/* Layered smoke remains behind the interface, never over uploaded photos. */
body{position:relative;isolation:isolate;background:#0b0b12}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 12%,#7964924a 0%,transparent 34%),radial-gradient(ellipse at 90% 30%,#6545914d 0%,transparent 38%),radial-gradient(ellipse at 30% 73%,#45495742 0%,transparent 42%),radial-gradient(ellipse at 80% 98%,#65517d45 0%,transparent 38%),repeating-radial-gradient(ellipse at -30% 45%,transparent 0%,#82758f12 9%,transparent 18%);filter:blur(22px)}
.header{background:#101017b8;backdrop-filter:blur(12px)}
.intro{background:radial-gradient(ellipse at 23% 48%,#9270ff45,transparent 72%)}
footer{background:#101017aa}
@media(max-width:600px){body::before{filter:blur(15px);background:radial-gradient(ellipse at -15% 15%,#8b69a45c,transparent 48%),radial-gradient(ellipse at 110% 48%,#694b9359,transparent 48%),radial-gradient(ellipse at 5% 90%,#55516355,transparent 45%),repeating-radial-gradient(ellipse at -80% 40%,transparent 0%,#a08ca01a 10%,transparent 20%)}.intro{background:radial-gradient(ellipse at 30% 55%,#9a70ff55,transparent 78%)}}

/* A fine hot-pink edge brings warmth to the smoky violet studio. */
.studio{border-color:#cb6da480;box-shadow:0 0 22px #e35ca21c,0 0 30px #a173ff20}
.prompt-area{border-color:#bc648b8c;box-shadow:inset 0 0 14px #f06cac06}
.presets button,.mini-pro,.price-card{border-color:#b7658a55}
.presets button:hover{border-color:#f18bb8a6;box-shadow:0 0 12px #ee6caa1a}
.tool.selected{border-color:#f3a0d0;box-shadow:inset 0 0 18px #9a7cff45,0 0 12px #ed7aba50}
.price-card.featured{border-color:#ed90c2b3;box-shadow:0 0 24px #e16aab18}
dialog{border-color:#c77aa188}

.edit-feedback{margin:12px 0;padding:12px 14px;border:1px solid #a73d73;border-radius:12px;background:#261c28;color:#f6deec;font-size:14px;line-height:1.55;overflow-wrap:anywhere}

/* Original customer-supplied logo and free local photo controls. */
.intro>div:first-of-type{margin-right:auto}
.quick-entry{display:flex;align-items:center;gap:12px;margin:0 20px 16px;flex-wrap:wrap}.quick-entry>span{font-size:12px;color:var(--muted)}
#quick-dialog{width:min(980px,calc(100vw - 24px));max-height:92dvh;overflow:auto}#quick-dialog .eyebrow{margin-top:0}.quick-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.quick-preview-wrap{background:#100e16;min-height:280px;display:flex;align-items:center;justify-content:center;border:1px solid #92566a70;border-radius:12px;padding:12px;position:sticky;top:0}#quick-preview{display:block;max-width:100%;max-height:440px;width:auto;height:auto;object-fit:contain}.quick-controls{display:flex;flex-direction:column;gap:12px;min-width:0}.quick-controls select{background:#17121f;color:var(--text);padding:12px;border:1px solid #654957;border-radius:8px;width:100%}.quick-controls input[type=range]{width:100%;accent-color:#f38ac1;padding:0;min-height:28px}.adjust-label{display:flex;justify-content:space-between;gap:12px}.adjust-label output{font-variant-numeric:tabular-nums;color:#ecb6d1}.quick-transforms,.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-transforms .button{flex:1;font-size:12px;padding:9px;min-height:44px}.quick-transforms [aria-pressed=true]{border-color:#ed88b8;background:#47303e}.quick-actions{justify-content:flex-end}#crop-position{display:grid;gap:8px}#quick-dialog .helper{font-size:12px}#quick-status{min-height:22px}
@media(max-width:700px){.intro h1{font-size:26px}.intro .eyebrow{font-size:10px}.quick-layout{grid-template-columns:1fr;gap:18px}.quick-preview-wrap{min-height:180px;position:static}#quick-preview{max-height:260px}#quick-dialog{padding:24px 18px}.quick-controls select{font-size:16px}.quick-actions .button{flex:1}.quick-entry{margin:0 12px 14px}.quick-entry>span{width:100%}.intro-note{display:none}}

/* The customer describes the result; all tool selection belongs to the engine. */
.studio.simple-studio{display:block;max-width:1080px;margin-left:auto;margin-right:auto}.simple-studio .editor{width:100%;min-width:0;border:0}.simple-instruction{color:var(--muted);font-size:13px;margin-bottom:14px}.account-history{margin-top:24px}.account-history .history{max-height:300px;overflow:auto}.simple-studio .canvas{min-height:280px}@media(max-width:700px){.studio.simple-studio{margin:0 12px}.simple-studio .canvas{min-height:220px}.simple-studio .canvas-footer{flex-wrap:wrap;gap:10px}.simple-studio .canvas-footer #image-info{order:3;width:100%}.simple-studio .prompt-bottom{flex-wrap:wrap;gap:12px}.simple-studio #generate{width:100%}}

.start-options{display:flex;gap:12px;padding:16px;flex-wrap:wrap}.start-options [aria-pressed=true]{border-color:#e8a1ce;background:#342637}.reference-area{padding:16px 24px;border-top:1px solid var(--border)}.reference-list{display:flex;gap:12px;overflow-x:auto;padding:12px 0}.reference-card{flex:0 0 100px;display:flex;flex-direction:column;gap:5px;font-size:12px}.reference-card img{width:100px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #a05b8133}.reference-card button{padding:4px}#reference-status{font-size:12px;color:var(--muted)}@media(max-width:600px){.start-options .button{flex:1;font-size:12px}.reference-area{padding:16px}}

/* Editorial discovery sections: native swipe on phones, three columns on desktop. */
.discover-section{max-width:1080px;margin:0 auto;padding:48px 0 28px}.discover-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.discover-heading h2{font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.13;letter-spacing:-1.5px;margin:12px 0 0}.discover-heading h2 span{color:#e7b7d0}.discover-heading>p{color:#b6aabd;font-size:14px;max-width:210px;line-height:1.65}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card{position:relative;padding:28px 24px;border:1px solid #bd698645;border-radius:20px;background:linear-gradient(145deg,#262029ee,#15141bee);min-width:0}.step-number{font-size:46px;line-height:1;font-weight:400;color:#e6bdd3;letter-spacing:-2px}.step-card>.icon{position:absolute;right:24px;top:30px;width:27px;height:27px;color:#cdb5c9}.step-card h3{font-size:20px;font-weight:500;margin:30px 0 10px;letter-spacing:-.5px}.step-card p,.note-card p{font-size:14px;line-height:1.75;color:#beb3c4}.discover-start{display:inline-flex;margin-top:24px}.inspiration-track,.notes-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#996080 transparent;padding:2px 0 12px}.inspiration-card{scroll-snap-align:start;overflow:hidden;border-radius:20px;background:#201b25;border:1px solid #c4769a55;min-width:0}.inspiration-art{aspect-ratio:1;background-image:url('/inspiration.webp');background-size:300% 100%;position:relative;background-repeat:no-repeat}.art-portrait{background-position:left center}.art-product{background-position:center center}.art-landscape{background-position:right center}.inspiration-art>span{position:absolute;bottom:16px;left:16px;border:1px solid #ffffff50;border-radius:20px;background:#131019be;padding:7px 11px;color:#fff;font-size:10px;letter-spacing:1.6px}.inspiration-copy{padding:22px}.inspiration-copy h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:0 0 10px}.inspiration-copy p{font-size:14px;color:#bcb0c4;line-height:1.6;min-height:45px}.inspiration-copy .text-button{margin-top:18px;color:#f0bbd8;display:flex;justify-content:space-between;width:100%;min-height:44px;text-align:left;font-weight:600}.gallery-navigation{display:flex;align-items:center;gap:9px}.gallery-arrow{border:1px solid #ca79a266;border-radius:50%;background:#241d29;color:#f7d5e7;width:44px;height:44px;font-size:21px}.gallery-arrow:hover{background:#432c3d}.gallery-hint{font-size:12px;color:#b7a6bb;margin-right:8px}.concept-note{font-size:11px;line-height:1.65;color:#a399ab;margin-top:10px;max-width:680px}.note-card{scroll-snap-align:start;padding:26px 22px;border-radius:18px;border:1px solid #c17e9840;background:linear-gradient(140deg,#2c232c,#16151d);min-width:0}.note-tag{font-size:10px;letter-spacing:2px;color:#eab3d0}.note-card h3{font-size:23px;line-height:1.3;font-weight:400;letter-spacing:-.7px;margin:24px 0 14px}.note-signature{display:block;font-size:9px;letter-spacing:1.5px;color:#ae98b0;margin-top:24px}.studio-notes{padding-bottom:64px}.inspiration-track:focus-visible,.notes-track:focus-visible{outline:2px solid #e8a7cf;outline-offset:6px}.discover-section a:focus-visible,.discover-section button:focus-visible{outline:2px solid #f5bddc;outline-offset:4px}
@media(min-width:701px){.gallery-navigation{display:none}}
@media(max-width:1120px){.discover-section{margin-left:24px;margin-right:24px}}
@media(max-width:700px){.discover-section{margin:0;padding:34px 18px 16px;overflow:hidden}.discover-heading{gap:15px;margin-bottom:24px}.discover-heading>.eyebrow,.discover-heading .eyebrow{font-size:10px;letter-spacing:1.5px}.discover-heading>p{display:none}.discover-heading h2{font-size:33px}.steps-grid{grid-template-columns:1fr;gap:12px}.step-card{padding:22px 20px 22px 78px;min-height:136px}.step-number{position:absolute;top:26px;left:20px;font-size:34px}.step-card>.icon{width:19px;height:19px;right:18px;top:24px}.step-card h3{font-size:19px;margin:0 22px 8px 0}.step-card p{font-size:13px}.discover-start{width:100%;justify-content:center;min-height:48px;margin-top:16px}.inspiration-track,.notes-track{grid-auto-columns:86%;gap:14px;margin-right:-18px;padding-right:18px;scroll-padding-left:0}.inspiration-copy{padding:20px}.gallery-hint{display:none}.gallery-arrow{width:40px;height:40px}.inspiration-copy h3{font-size:21px}.note-card{padding:26px 22px}.studio-notes{padding-bottom:44px}.concept-note{font-size:10px;padding-right:10px}}

/* Brand-led header and an expandable menu that stays in one place. */
.header.simple-header{height:100px;padding:0 3.3%;gap:12px;position:relative;z-index:10;overflow:visible}
.simple-header .brand{flex-shrink:0;line-height:0}
.header.simple-header .brand>img{width:120px;height:96px;object-fit:contain;filter:drop-shadow(0 0 5px #ffe5a275) drop-shadow(0 0 16px #dbaa454d)}
.simple-header .header-actions{margin-left:auto;gap:18px}
.simple-header #account-button{border-radius:999px;min-height:44px;padding:10px 22px;font-size:14px;background:#242129;border-color:#b7658a55;white-space:nowrap}
.site-menu{position:static}
.site-menu summary{list-style:none;cursor:pointer;color:#f5f3fd}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px}
.site-menu>summary:hover,.site-menu[open]>summary{background:#ffffff0a}
.site-menu summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.menu-glyph{width:24px;height:22px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0}
.menu-glyph i{display:block;height:2px;width:24px;background:currentColor;transform-origin:center;transition:transform .18s,opacity .18s}
.site-menu[open]>.menu-glyph{color:var(--text)}
.site-menu[open]>summary .menu-glyph i:first-child{transform:translateY(8px) rotate(45deg)}
.site-menu[open]>summary .menu-glyph i:nth-child(2){opacity:0}
.site-menu[open]>summary .menu-glyph i:last-child{transform:translateY(-8px) rotate(-45deg)}
.simple-header nav.menu-panel{position:absolute;right:3.3%;top:100%;width:min(530px,93.4vw);height:auto;max-height:calc(100dvh - 116px);display:block;margin:0;padding:24px 28px;background:#121118;border:1px solid #b7658a55;border-radius:0 0 18px 18px;box-shadow:0 24px 45px #0006;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.menu-eyebrow{font-size:11px;letter-spacing:2px;color:#b7a2af;margin:0 0 20px}
.menu-section{border-bottom:1px solid #ffffff0b}
.menu-section>summary{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'Manrope',var(--font);font-size:23px;letter-spacing:-.5px;padding:12px 0}
.menu-chevron{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 7px 4px 0;flex-shrink:0}
.menu-section[open]>summary .menu-chevron{transform:rotate(225deg);margin-bottom:-4px}
.menu-section-content{padding:2px 0 18px;display:grid;gap:10px}
.menu-item{display:block;width:100%;border:1px solid transparent;border-radius:9px;background:#ffffff04;text-align:left;color:var(--text);padding:12px 14px;min-height:44px}
.menu-item:hover{background:#ffffff08;border-color:#b7658a40}
.menu-item strong{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;gap:10px}
.menu-item strong>span{color:#d897b6}.menu-item small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.menu-feature-list p{padding:10px 14px;border-left:1px solid #b7658a60}
.menu-feature-list strong{display:block;font-size:14px;font-weight:600}.menu-feature-list p>span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.menu-plan{padding:18px;border:1px solid #b7658a40;border-radius:12px;background:#1c1921}
.menu-plan>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.menu-plan strong{font-size:15px;font-weight:600}.menu-plan>div>span{font-size:21px;white-space:nowrap;line-height:1.2}.menu-plan>div small{display:block;font-size:11px;font-weight:400;color:#c8b8c2;text-align:right;margin-top:4px}
.menu-plan p{font-size:13px;color:#c2b7c0;margin:12px 0}.menu-plan .button{width:100%;min-height:44px;white-space:normal}.menu-plan>small{display:block;font-size:11px;color:var(--muted);margin-top:10px}.menu-plan-pro{border-color:#b7658a88;background:linear-gradient(145deg,#2b202d,#1c1921)}
.menu-pricing-note{font-size:12px;color:var(--muted);padding:4px;line-height:1.7}
.menu-account{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:22px}.menu-account .credits{display:inline-flex;font-size:12px;padding:7px 9px}.menu-account .text-button{min-height:44px}
#refill-dialog>.button,#checkout-dialog>.button{display:flex;width:100%;margin:10px 0;min-height:46px}
.refill-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px;background:#2a202c;border:1px solid #b7658a77;border-radius:12px;margin:22px 0}
.refill-offer strong{font-size:16px}.refill-offer>span{font-size:30px;text-align:right;line-height:1.2}.refill-offer small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
#refill-dialog .helper,#checkout-dialog .helper{font-size:12px;line-height:1.7}
@media(max-width:600px){.header.simple-header{height:88px;padding:0 16px}.header.simple-header .brand>img{width:104px;height:84px}.simple-header .header-actions{gap:8px}.simple-header #account-button{padding:9px 16px;font-size:13px}.simple-header nav.menu-panel{right:0;width:100%;height:calc(100dvh - 88px);max-height:calc(100dvh - 88px);padding:28px 24px calc(32px + env(safe-area-inset-bottom));border-radius:0;border-right:0;border-left:0;border-bottom:0}.menu-section>summary{min-height:70px;font-size:25px}.menu-plan{padding:16px}}
@media(prefers-reduced-motion:reduce){.menu-glyph i{transition:none}}

@media(max-width:600px){body.navigation-open{overflow:hidden}.navigation-open .header.simple-header{position:sticky;top:0}}

#checkout-dialog{width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:30px;overflow-y:auto;overscroll-behavior:contain}#stripe-checkout{min-height:120px}#checkout-dialog>.close-dialog{position:sticky;top:0;float:right;z-index:2;background:#24212b;width:40px;height:40px;border-radius:50%;line-height:1}#checkout-summary{color:#e2cad8}#checkout-status{font-size:13px}@media(max-width:600px){#checkout-dialog{padding:18px 12px;border-radius:14px}#checkout-dialog h2{font-size:24px;padding-right:38px}}

/* The sign-in button becomes the account name only after authentication. */
.simple-header .header-actions{min-width:0}
.simple-header #account-button{max-width:min(220px,calc(100vw - 212px));overflow:hidden;text-overflow:ellipsis}
.customer-dropdown{position:absolute;right:3.3%;top:calc(100% - 8px);width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain;padding:20px;background:#15131b;border:1px solid #b7658a66;border-radius:16px;box-shadow:0 18px 38px #0006;z-index:12}
.customer-balance{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 18px;font-size:13px;color:#c1b9c9}
.customer-balance strong{font-size:20px;color:#f5e6ee;text-align:right}
.customer-dropdown details{border-top:1px solid #b7658a33}
.customer-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;list-style:none;cursor:pointer;font-size:14px}
.customer-dropdown summary::-webkit-details-marker{display:none}
.customer-dropdown details[open]>summary .menu-chevron{transform:rotate(225deg)}
.customer-dropdown summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
.customer-dropdown form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.customer-dropdown label{font-size:12px;color:#d8cbdc}
.customer-dropdown input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b7658a55;border-radius:8px;background:#0e0d12;color:white;font-size:16px}
.customer-dropdown .button{min-height:44px;margin-top:4px;font-size:13px}
.customer-current-email{font-size:12px;color:#aca1b7;overflow-wrap:anywhere}
#email-change-status{font-size:12px;line-height:1.6;color:#cdb6cb;margin-top:12px;overflow-wrap:anywhere}
#email-change-status:empty{display:none}
@media(max-width:600px){.customer-dropdown{right:16px;max-height:calc(100dvh - 104px);padding:18px}}

.cancel-menu-button{margin:18px 0 4px;text-decoration:underline;text-underline-offset:4px;min-height:44px}
#cancel-subscription-dialog>.button{width:100%;margin:7px 0;min-height:44px}
#close-cancellation{min-height:44px;margin-top:10px}
#trial-pro-offer{gap:14px;align-items:flex-start}
#trial-pro-offer strong{max-width:52%;font-size:16px}
.creative-statement{max-width:1080px;margin:0 auto 24px;padding:24px 28px 28px;text-align:center}
.statement-emblem{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:12px;color:#f2ce8c;border:1px solid #d4ad6659;border-radius:10px;background:linear-gradient(135deg,#edc67521,#a46e4010)}
.statement-emblem .icon{width:20px;height:20px}
.creative-statement h2{max-width:650px;margin:0 auto;font-size:clamp(30px,3.8vw,44px);font-weight:600;line-height:1.18;letter-spacing:-1.2px;text-wrap:balance;color:#f5ede4}
.creative-statement h2 span{color:#f3d19a;background:linear-gradient(110deg,#f9e8c8,#e8bb72 55%,#f4d7c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:700px){.creative-statement{margin:0 18px 20px;padding:22px 10px 26px}.creative-statement h2{font-size:clamp(28px,7.5vw,36px);letter-spacing:-.8px}}
#subscription-preview-notice{font-size:13px;margin:8px 12px;border:1px solid #b7658a66;border-radius:8px}

/* Original gold artwork, with a warm header halo and matching studio accents. */
.intro{max-width:1160px;margin:0 auto;padding:38px 40px 30px;gap:32px}
.intro h1{font-size:clamp(32px,3.4vw,46px)}
.creation-emblem{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:1px solid #d4ad6659;border-radius:8px;background:linear-gradient(135deg,#edc67521,#a46e4010);color:#f5d394;box-shadow:inset 0 1px #fff0b51a}
.creation-emblem .icon{width:17px;height:17px;stroke-width:1.6}
.editor-top>div:first-child{gap:10px}
#file-name{font-weight:500;letter-spacing:.1px}
.start-options .button{gap:9px}
.start-options .icon{color:#dec18f;width:19px;height:19px}
.start-options .button>span{min-width:0}
#add-references{display:inline-flex;align-items:center;gap:7px;min-height:44px}
#add-references .icon{color:#e4c18b}
.step-card>.icon{color:#e4c18b}
.menu-feature-list strong{display:flex;align-items:center;gap:9px}
.menu-feature-list strong>.icon{width:17px;height:17px;color:#e4c18b}
footer .brand>img{width:94px;height:76px;object-fit:contain}
.dialog-brand{display:block;width:110px;height:88px;object-fit:contain;margin:-8px 0 4px}
@media(max-width:700px){.intro{padding:30px 22px 24px;text-align:center;justify-content:center}.intro>div:first-of-type{margin-right:0}.intro h1{font-size:clamp(30px,7.5vw,40px);line-height:1.22;letter-spacing:-1.2px}.intro .eyebrow{font-size:10px;letter-spacing:1.8px}.intro p:last-child{font-size:13px}}
@media(max-width:400px){.editor-top{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 12px;gap:8px}.editor-top>div:first-child{flex-basis:calc(100% - 36px)}.editor-top .view-switch{order:3;margin-left:38px}.editor-top #reset-image{margin-left:auto}.start-options{gap:8px;padding:14px 12px}.start-options .button{padding:10px 9px;font-size:12px}.start-options .icon{width:17px;height:17px}}

/* A shared Milky Way panorama keeps the framing smoky and the controls clear. */
.header.simple-header,footer{
 background-color:#101017;
 background-image:linear-gradient(90deg,#101017b8 0%,#10101745 35%,#10101745 65%,#101017a8 100%),radial-gradient(ellipse at 45% 52%,#6c47752b,transparent 75%),url('/milky-way.webp');
 background-size:cover;
 background-position:center 52%;
 background-repeat:no-repeat;
}
footer>span{color:#c9bed4;text-shadow:0 1px 6px #000}
footer .text-button{color:#e0d5e8;text-shadow:0 1px 6px #000}
footer .text-button:hover{color:#fff}
@media(max-width:600px){
 .header.simple-header,footer{background-position:center 50%}
}

/* A generous, neutral photo stage with the glow confined to its frame. */
.simple-studio .canvas{padding:20px;min-height:0}
.simple-studio .image-stage{height:clamp(430px,47vw,550px);border-radius:14px;border:1px solid #e7afcd91;box-shadow:0 0 0 1px #f7d9a612,0 0 14px #ee87bd38,0 0 32px #b397ff24;background:#111016;transition:opacity .25s ease,box-shadow .3s ease}
.simple-studio .image-stage.loaded>img{object-fit:contain}
.simple-studio .photo-tray{padding:8px 20px 16px;border-top:0}
.photo-tray .reference-list{align-items:flex-start;gap:12px;padding:8px 3px;scrollbar-width:thin;scrollbar-color:#b979a5 transparent}
.photo-card{width:104px;flex:0 0 104px;min-width:0}
.photo-thumbnail{display:block;width:100%;padding:4px;border:1px solid #77617c66;border-radius:12px;background:#201c29;text-align:center;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.photo-thumbnail img{width:100%;height:74px;display:block;object-fit:cover;border-radius:8px}
.photo-thumbnail>span{display:block;font-size:11px;line-height:1.3;padding:7px 2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e6ddeb}
.photo-thumbnail[aria-pressed=true]{border-color:#f0c89f;box-shadow:0 0 12px #eeb2bc30;background:#302432}
.photo-thumbnail:hover:not(:disabled){border-color:#ebc0df}
.photo-action{border:0;background:none;color:#cab9d1;font-size:11px;min-height:32px;width:100%;padding:6px}
.photo-action:hover:not(:disabled){color:#fff}
.photo-add{width:104px;min-height:108px;flex:0 0 104px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed #bc87a888;border-radius:12px;background:linear-gradient(140deg,#b4769321,#1c1926);color:#efd0db;font-size:11px;padding:10px}
.photo-add .icon{width:23px;height:23px;color:#e9c18c}
.photo-add:hover:not(:disabled){border-color:#e6c094;background:#362535}
.photo-tray #reference-status:empty{display:none}
.photo-tray #reference-status{margin:8px 0 0}
.simple-studio .canvas.is-creating .image-stage{opacity:0;pointer-events:none}

.simple-studio .majestic-loading{inset:20px;border-radius:14px;border:1px solid #e2b4d17a;background:radial-gradient(ellipse at 50% 38%,#69467355,transparent 66%),linear-gradient(#111018eb,#111018f5),url('/milky-way.webp') center/cover;gap:14px;padding:26px 18px;box-shadow:0 0 24px #c583b32b}
.majestic-loading::before{background:linear-gradient(110deg,transparent 25%,#e7c2900e 50%,transparent 75%)}
.loading-aura{width:180px;height:180px;position:relative;display:grid;place-items:center;flex:0 0 auto}
.loading-aura::before{content:'';position:absolute;inset:30px;border-radius:50%;background:#c5a2ff21;filter:blur(22px);animation:majesty-breathe 3.2s ease-in-out infinite}
.loading-aura>img{position:relative;width:128px;height:104px;object-fit:contain;filter:drop-shadow(0 0 13px #eec68170);animation:majesty-breathe 3.2s ease-in-out infinite}
.loading-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid #ebc8a41c;border-top-color:#f0d2a5;border-right-color:#c790d47a;animation:majesty-orbit 5s linear infinite}
.loading-orbit::after{content:'';position:absolute;top:23px;right:23px;width:4px;height:4px;border-radius:50%;background:#fff0c9;box-shadow:0 0 12px #fff0c9}
.loading-orbit.orbit-inner{inset:13px;animation-direction:reverse;animation-duration:7s;border-top-color:#c195d4;border-right-color:transparent}
.majestic-loading .loading-eyebrow{font-size:9px;letter-spacing:2.2px;color:#e2bf98;max-width:none}
.majestic-loading>strong{font-family:'Manrope',var(--font);font-size:clamp(18px,2.1vw,25px);font-weight:500;line-height:1.3;letter-spacing:-.4px;color:#f8eef6}
.loading-meter{width:min(310px,90%);margin-top:5px}
.loading-progress-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px}
.loading-progress-caption>span{font-size:11px;color:#c7b6cc}
.loading-progress-caption #loading-percentage{font-size:20px;font-variant-numeric:tabular-nums;line-height:1.3;color:#f4d8ab;letter-spacing:-.5px}
.loading-track{height:6px;background:#e6cad01a;overflow:hidden;border-radius:999px}
#edit-progress-fill{display:block;width:3%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b998e6,#ebadd2 60%,#f2d6a2);box-shadow:0 0 12px #eec5a56b;transition:width .8s ease}
.majestic-loading .loading-note{font-size:11px;color:#ac9db7;margin-top:4px}
.image-stage.result-reveal{animation:majesty-reveal .7s ease-out both}
@keyframes majesty-orbit{to{transform:rotate(360deg)}}
@keyframes majesty-breathe{50%{opacity:.7;transform:scale(.96)}}
@keyframes majesty-reveal{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){
 .simple-studio .canvas{padding:14px}
 .simple-studio .image-stage{height:clamp(370px,105vw,460px);border-radius:12px}
 .simple-studio .majestic-loading{inset:14px;padding:20px 14px;gap:12px;border-radius:12px}
 .simple-studio .photo-tray{padding:4px 12px 12px}
 .loading-aura{width:148px;height:148px}
 .loading-aura>img{width:112px;height:92px}
 .loading-orbit::after{top:18px;right:18px}
 .loading-meter{width:min(285px,94%)}
 .photo-card,.photo-add{width:92px;flex-basis:92px}
 .photo-thumbnail img{height:65px}
 .photo-add{min-height:99px}
 .photo-action{min-height:44px}
 .photo-tray .reference-list{gap:10px}
}
@media(prefers-reduced-motion:reduce){
 .loading-aura::before,.loading-aura>img,.loading-orbit,.image-stage.result-reveal{animation:none}
 .simple-studio .image-stage,#edit-progress-fill,.photo-thumbnail{transition:none}
}

@media(max-width:380px){.loading-aura{width:128px;height:128px}.loading-aura>img{width:100px;height:82px}.majestic-loading .loading-eyebrow{font-size:8px;letter-spacing:1.7px}}

.canvas-footer #download{margin-left:auto}

/* Soft rose details beneath the white menu headings. */
:root{--soft-pink:#e6b4cd}
.menu-section-content,
.menu-section-content .menu-item,
.menu-section-content .menu-item small,
.menu-section-content .menu-item strong>span,
.menu-feature-list p>span,
.menu-plan>div small,
.menu-plan p,
.menu-plan>small,
.menu-pricing-note,
.menu-section-content .button.subtle,
.menu-section-content .text-button,
.image-caption .pill{color:var(--soft-pink)}
footer>span,footer .text-button{color:#c6a2f5}
footer .text-button:hover{color:#e1cbff}
footer .brand>img{filter:drop-shadow(0 0 5px #ffe5a275) drop-shadow(0 0 16px #dbaa456b)}

/* A warm gold glow distinguishes the Pro plan. */
.menu-plan.menu-plan-pro{color:#f6d99b;text-shadow:0 0 9px #eabc5d3b}
.menu-section-content .menu-plan.menu-plan-pro p,
.menu-section-content .menu-plan.menu-plan-pro small{color:#f0d6a5}
.menu-plan.menu-plan-pro strong,
.menu-plan.menu-plan-pro>div>span{color:#ffe4aa;text-shadow:0 0 8px #f4c97266,0 0 20px #e2ab4529}
.menu-plan.menu-plan-pro .button.primary{color:#ffe4aa;background:#38214f;border-color:#a776cc;text-shadow:0 0 8px #f4c97266;box-shadow:inset 0 1px #c2aeff3d}
.menu-plan.menu-plan-pro .button.primary:hover:not(:disabled){background:#492866}

#view-compare{touch-action:manipulation;-webkit-user-select:none;user-select:none}

/* Studio finish: restrained light, consistent surfaces and comfortable controls. */
html{scroll-padding-top:24px}
::selection{background:#b590d866;color:#fff}
.intro h1{text-wrap:balance;text-shadow:0 2px 28px #b887d738;line-height:1.15}
.intro .eyebrow{letter-spacing:.2em}
.creative-statement{padding-top:24px;padding-bottom:42px}
.creative-statement h2{text-wrap:balance;text-shadow:0 2px 24px #dfbb7026}
.studio.simple-studio{border-color:#d4a6ca40;border-radius:24px;background:linear-gradient(145deg,#27212c,#18171f 58%);box-shadow:0 24px 80px #0005,0 0 60px #d290ba0b,inset 0 1px #fff08;overflow:hidden}
.start-options{border-bottom:1px solid #e3b9d315;padding:20px;gap:12px}
.start-options .button{min-height:48px;border-radius:12px}
.start-options .button[aria-pressed="true"]{background:linear-gradient(135deg,#47334d,#302635);border-color:#d9abd366;box-shadow:inset 0 1px #fff1}
.editor-top{min-height:64px;gap:12px}
#file-name{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.view-switch{padding:4px;border:1px solid #d7b9cf20;border-radius:12px;background:#100e1670}
.view-switch button{min-height:36px;padding:7px 14px;border-radius:8px}
.view-switch button.selected{background:#453749;color:#fff;box-shadow:0 2px 8px #0003}
.image-stage{border-radius:16px;overflow:hidden}
.image-caption{background:linear-gradient(90deg,#0d0b16e8,#120d2370 58%,#120d2310);padding:40px}
.image-caption h2{text-wrap:balance;letter-spacing:-.035em;line-height:1.15}
.image-caption .pill{border-radius:30px;padding:7px 12px;font-size:10px;letter-spacing:.18em}
.image-caption .white{border-radius:10px;min-height:48px;padding-inline:22px;box-shadow:0 8px 24px #0003}
.image-badge{border:1px solid #fff2;border-radius:30px;padding:6px 12px;backdrop-filter:blur(12px);color:#f3e9f7}
.prompt-area{border-radius:16px;background:linear-gradient(130deg,#26202d,#1d1924);border-color:#d2a4c638;transition:border-color .2s,box-shadow .2s}
.prompt-area:focus-within{border-color:#c49bda;box-shadow:0 0 0 3px #b98bca16}
.prompt-area label{font-size:14px;color:#eee3f0}
.prompt-area textarea::placeholder{color:#aaa0b3}
.prompt-bottom .button{min-height:44px;border-radius:10px;padding-inline:20px}
.canvas-footer .button{min-height:40px;border-radius:9px}
.discover-section{padding-top:64px;padding-bottom:32px}
.discover-heading h2{letter-spacing:-.045em;line-height:1.15;text-wrap:balance}
.discover-heading>p{line-height:1.8;max-width:360px;color:#b4a7bd}
.step-card,.inspiration-card,.note-card{border-color:#d6b5ce26;box-shadow:inset 0 1px #fff04,0 12px 30px #0002}
.step-card{background:linear-gradient(145deg,#29222f,#1b1822);border-radius:20px}
.step-card p,.note-card p{line-height:1.8;color:#bcb0c4}
.inspiration-card{border-radius:20px;overflow:hidden}
.inspiration-art{transition:filter .25s}
.inspiration-track,.notes-track{scrollbar-width:thin;scrollbar-color:#67506e #1b1721;padding-bottom:16px}
.gallery-navigation button{min-width:44px;min-height:44px}
.concept-note{line-height:1.7}
.studio-finale{max-width:1080px;margin:48px auto 72px;padding:64px 24px;text-align:center;border:1px solid #d5a9c42b;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#ad779b26,transparent 65%),linear-gradient(135deg,#25202b,#19171f);box-shadow:inset 0 1px #fff05}
.studio-finale h2{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-.045em;margin:18px 0;text-wrap:balance}
.studio-finale h2 span{color:#edc1d7}
.studio-finale p{color:#b7aabd;margin-bottom:26px;line-height:1.8}
.studio-finale .button{min-height:48px;border-radius:12px}
.price-card{border-radius:22px;background:linear-gradient(145deg,#27222e,#19171f);border-color:#d1acc22e;padding:32px}
.price-card.featured{border-color:#d9b4d178;background:radial-gradient(ellipse at top,#8f637b25,transparent 70%),#241d2c;box-shadow:0 18px 64px #0003,inset 0 1px #fff1}
.price-card .button{min-height:48px;border-radius:10px}
footer{background:linear-gradient(180deg,#17141e90,#100e16);border-color:#d1b1cb1c;padding-top:28px;padding-bottom:28px}
footer .text-button{min-height:44px;padding:8px}
dialog{background:radial-gradient(ellipse at top left,#62456830,transparent 65%),#1d1925;border-color:#c7a0c34d;box-shadow:0 32px 120px #0009}
dialog .close-dialog{min-width:44px;min-height:44px}
@media(hover:hover){.button:not(:disabled){transition:background .2s,border-color .2s,box-shadow .2s}.button.primary:not(:disabled):hover{box-shadow:0 6px 24px #b082d12e}.step-card:hover,.note-card:hover{border-color:#d8afd14d}.inspiration-card:hover .inspiration-art{filter:brightness(1.07)}.view-switch button:not(:disabled):hover{color:#fff;background:#493b50}}
@media(max-width:1120px){.studio-finale{margin-inline:24px}.discover-section{padding-inline:24px}}
@media(max-width:700px){.intro h1{font-size:clamp(30px,8vw,44px)}.creative-statement{padding:20px 24px 32px}.studio.simple-studio{border-radius:18px}.start-options{padding:14px 12px;gap:8px}.start-options .button{min-height:48px;padding:10px;font-size:12px}.editor-top{gap:8px}.editor-top>div:first-child{min-width:0}#file-name{max-width:150px;font-size:12px}.view-switch button{min-height:40px;padding:8px 10px}.image-caption{padding:26px}.image-caption h2{font-size:30px}.image-stage{border-radius:12px}.prompt-area textarea{font-size:16px}.canvas-footer{flex-wrap:wrap}.discover-section{padding:40px 20px 20px}.discover-heading{gap:16px}.studio-finale{margin:32px 16px 44px;padding:40px 20px}.studio-finale p{font-size:14px}.price-card{padding:26px}.pricing-grid{gap:28px}footer{padding-inline:16px}footer>div{gap:2px}footer .text-button{padding:8px 6px}}


/* White trial lettering, purple refills and glass upward action arrows. */
.menu-section-content .menu-plan-free,
.menu-section-content .menu-plan-free p,
.menu-section-content .menu-plan-free small,
.menu-section-content .menu-plan-free .button{color:#f8f6ff}
.menu-section-content .menu-plan-refill,
.menu-section-content .menu-plan-refill p,
.menu-section-content .menu-plan-refill small,
.menu-section-content .menu-plan-refill .button{color:#c6a2f5}
.glass-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;padding:4px;border:1px solid #d9c2ff88;border-radius:8px;vertical-align:middle;background:linear-gradient(145deg,#ffffff40 0%,#bf91ff26 44%,#55348270 100%);box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 4px #5f3c8b38,0 2px 6px #0d071f30}
.glass-arrow>.icon{display:block;width:16px;height:16px;margin:0;color:#e5d2ff;filter:drop-shadow(0 1px 1px #1a0c3866) drop-shadow(0 0 3px #c89bff60)}

#auth-dialog>h2{color:#ffe4aa;text-shadow:0 0 8px #f4c9724d,0 0 20px #e2ab4526}

.menu-section-content .menu-item strong,
.menu-feature-list strong{color:#f8f6ff}


/* Keep the prompt close to the image while preserving tappable thumbnails. */
#auth-dialog .dialog-brand{filter:drop-shadow(0 0 5px #ffe5a275) drop-shadow(0 0 16px #dbaa456b)}
.simple-studio .canvas-footer{padding-bottom:6px}
.simple-studio .photo-tray{padding:0 20px 8px}
.photo-tray .reference-list{padding:4px 3px}
.photo-tray .photo-card,.photo-tray .photo-add{width:84px;flex-basis:84px}
.photo-tray .photo-thumbnail img{height:52px}
.photo-tray .photo-add{min-height:86px;padding:8px;gap:6px}
@media(max-width:700px){.simple-studio .photo-tray{padding:0 12px 8px}}

/* The corrected logo includes its own gold glow. Blend its dark matte into the studio. */
.header.simple-header .brand>img,footer .brand>img,#auth-dialog .dialog-brand{filter:none;mix-blend-mode:lighten}