/* Browser presentation only. The pre-existing mobile and Mini App styles are untouched. */
@media(min-width:1024px){
 body.web-page.sl-desktop{--sl-header:76px;padding-top:var(--sl-header)!important}
 .sl-desktop .web-nav,.sl-desktop .fixed-top>.header{display:none!important}
 .sl-desktop-header{position:fixed;inset:0 0 auto;height:76px;z-index:100;background:#fffdf5;border-bottom:1px solid #ded5bf}
 .sl-desktop-header-inner{height:100%;max-width:1504px;padding:0 32px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;position:relative}
 .sl-desktop-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1c1209;font:800 25px Manrope,sans-serif;letter-spacing:-1.2px;flex-shrink:0}
 .sl-desktop-brand img{width:24px;height:24px}
 .sl-desktop-nav{display:flex;align-items:center;gap:4px;justify-self:center;grid-column:2;order:2}
 .sl-desktop-nav a,.sl-desktop-creator-link{font:800 13px Manrope,sans-serif;text-decoration:none;white-space:nowrap;border-radius:100px;padding:12px 16px;color:#695e4d}
 .sl-desktop-nav a:has(.sl-desktop-history-badge){display:inline-flex;align-items:center;gap:6px}
 .sl-desktop-nav .sl-desktop-history-badge{position:static;inset:auto;transform:none;display:none;flex:none;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#FF7A00;color:#fff;font:800 11px/18px Manrope,sans-serif;text-align:center}
 .sl-desktop-nav .sl-desktop-history-badge.show.badge-ready{display:inline-flex;align-items:center;justify-content:center}
 .sl-desktop-nav a[aria-current]{background:#f0e9d3;color:#C23E00}
 .sl-desktop-creator-link{background:#C23E00;color:#fffdf5;box-shadow:0 3px 9px #c23e001a;order:-1}
 .sl-desktop-creator-link:hover{background:#a93600}
 /* Keep the highlighted entry readable above generic navigation/current-page rules. */
 .sl-desktop-nav a.sl-desktop-creator-link,.sl-desktop-nav a.sl-desktop-creator-link[aria-current]{background:#C23E00;color:#fff;font-weight:800}
 .sl-desktop-nav a.sl-desktop-creator-link:hover{background:#a93600;color:#fff}
 .sl-desktop-nav a.sl-desktop-creator-link *{color:inherit;font-weight:inherit}
 .sl-desktop-account{grid-column:3;justify-self:end;display:flex;align-items:center;gap:14px;min-width:0;order:3}
 .sl-desktop-balance{flex-shrink:0}.sl-desktop-balance .pill-sub-universal{position:static!important;display:flex!important;align-items:center;gap:6px;margin:0!important;padding:10px 12px;border:1px solid #ded5bf;border-radius:100px;background:#f8f1de;color:#1c1209;white-space:nowrap;cursor:pointer;opacity:1!important;visibility:visible!important;transform:none!important}
 .sl-desktop-balance .coin-svg{width:18px;height:18px;flex-shrink:0}.sl-desktop-balance .pill-text{font:800 12px Manrope,sans-serif}
 .sl-desktop-profile{position:relative;flex-shrink:0}.sl-desktop-profile summary{display:flex;align-items:center;gap:8px;list-style:none;font:700 13px Manrope,sans-serif;cursor:pointer;padding:12px 0;color:#695e4d}.sl-desktop-profile summary::-webkit-details-marker{display:none}.sl-desktop-profile summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
 .sl-desktop-profile-menu{position:absolute;right:0;top:48px;width:180px;padding:8px;background:#fffdf5;border:1px solid #ded5bf;border-radius:16px;box-shadow:0 8px 30px #1c12091a;display:grid;gap:4px}
 .sl-desktop-profile-menu a,.sl-desktop-profile-menu button{display:block;border:0;background:transparent;border-radius:8px;text-align:left;padding:12px;color:#695e4d;font:700 13px Manrope,sans-serif;text-decoration:none;cursor:pointer}.sl-desktop-profile-menu a:hover,.sl-desktop-profile-menu button:hover{background:#f0e9d3}
 .sl-desktop-header a:focus-visible,.sl-desktop-header summary:focus-visible,.sl-desktop-header button:focus-visible{outline:2px solid #C23E00;outline-offset:3px}
 /* Home: one document scroll; four/five full-cover catalog columns. */
 html:has(body.sl-desktop:is(.web-home_sets,.web-frames)),body.sl-desktop:is(.web-home_sets,.web-frames){height:auto!important;min-height:100%;overflow:visible!important}
 .sl-desktop:is(.web-home_sets,.web-frames) .app{max-width:1440px;width:calc(100% - 64px);height:auto!important;max-height:none!important;min-height:calc(100dvh - 76px);overflow:visible}
 .sl-desktop:is(.web-home_sets,.web-frames) .fixed-top{display:none}
 .sl-desktop:is(.web-home_sets,.web-frames) .scroll-area{overflow:visible!important;height:auto;flex:none;padding:24px 0 40px!important}
 .sl-desktop-home-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
 .sl-desktop-home-intro h1{font:800 32px/1.2 Manrope,sans-serif;letter-spacing:-1.2px;margin:0 0 8px}
 .sl-desktop-home-intro .mode-explainer{margin:0;padding:0;max-width:none}.sl-desktop-home-intro .mode-explainer__text{font-size:13px;line-height:1.5;margin:0}
 .sl-desktop-home-top #selfieBanner{width:340px;flex-shrink:0}.sl-desktop-home-top .selfie-banner{margin:0;padding:10px 12px;gap:10px;min-height:74px;width:100%;max-width:none}.sl-desktop-home-top .selfie-mini{width:42px;height:56px;flex:0 0 42px}.sl-desktop-home-top .selfie-photo{width:100%;height:100%;object-fit:cover;border-radius:8px}.sl-desktop-home-top .selfie-cta{white-space:nowrap;flex-shrink:0}.sl-desktop-home-top .selfie-title{font-size:12px}.sl-desktop-home-top .selfie-sub{font-size:10px}
 .sl-desktop-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
 .sl-desktop-controls .segment{margin:0;padding:4px;width:430px;max-width:none;flex-shrink:0}.sl-desktop-controls .seg-btn{min-height:40px;font-size:14px;white-space:nowrap}
 .sl-desktop-controls .gender-filter{margin:0;padding:0;max-width:none}.sl-desktop-controls .gender-filter__options{padding:4px;gap:3px}.sl-desktop-controls .gender-filter__button{padding:9px 16px;min-height:36px;font-size:12px;white-space:nowrap}
 .sl-desktop:is(.web-home_sets,.web-frames) .cat-filters{margin:0 0 16px;padding:0;gap:8px;flex-wrap:wrap;overflow:visible}
 .sl-desktop:is(.web-home_sets,.web-frames) .sets-grid,.sl-desktop:is(.web-home_sets,.web-frames) .styles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 0 28px}
 .sl-desktop .sets-grid .set-thumb{aspect-ratio:3/4;width:100%;height:auto;overflow:hidden}.sl-desktop .sets-grid .set-thumb>img,.sl-desktop .sets-grid .set-thumb>video{width:100%;height:100%;object-fit:cover}
 .sl-desktop.web-frames .carousel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding:0;gap:20px}.sl-desktop.web-frames .carousel-arrow{display:none}.sl-desktop.web-frames .style-card{width:100%;min-width:0}.sl-desktop.web-frames .carousel-wrap{padding:0;margin-bottom:28px}
 .sl-desktop.web-frames .collection-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:0 2px}
 .sl-desktop.web-frames .collection-title{font-size:26px;font-weight:800;line-height:1.25;color:#1c1209;display:flex;align-items:center;gap:7px}
 .sl-desktop.web-frames .collection-title .em{font-size:24px;line-height:1}
 .sl-desktop.web-frames .show-all-card,.sl-desktop.web-frames .style-card[hidden],.sl-desktop.web-frames .carousel:not([data-expanded="true"])>.style-card:nth-of-type(n+9){display:none!important}
 .sl-desktop.web-frames .collection-header{scroll-margin-top:92px}
 .sl-desktop.web-frames .carousel-wrap{margin-bottom:14px}
 .sl-desktop-frame-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:0 auto 28px;padding:9px 16px;min-height:40px;border:1px solid #cec6a8;border-radius:100px;background:#fffdf5;color:#695e4d;font:700 13px Manrope,sans-serif;cursor:pointer}
 .sl-desktop-frame-toggle:hover{border-color:#C23E00;color:#C23E00}.sl-desktop-frame-toggle:focus-visible{outline:2px solid #C23E00;outline-offset:3px}
 .sl-desktop-frame-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sl-desktop-frame-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}.sl-desktop-frame-toggle[hidden]{display:none}
 .sl-desktop:is(.web-home_sets,.web-frames) .banners-wrap{margin:16px 0 0}
 /* Creator: independent accessible columns, including short laptop windows. */
 .sl-desktop.web-free .app{max-width:1600px;width:calc(100% - 40px);height:calc(100dvh - 76px)!important;max-height:calc(100dvh - 76px)!important;overflow:hidden}
 .sl-desktop.web-free .fixed-top .segment{margin:10px auto 0;padding:3px;max-width:430px}.sl-desktop.web-free .fixed-top .segment .seg-btn{min-height:32px;padding:7px 18px;font-size:12px}
 .sl-desktop.web-free .fg-scroll{padding:12px 0 16px!important;overflow:hidden!important;flex:1;min-height:0}
 .sl-desktop-studio{height:100%;display:grid;grid-template-columns:210px minmax(0,1fr) 330px;gap:20px;align-items:stretch}
 .sl-desktop-projects,.sl-desktop-form,.sl-desktop.web-free #fg-session{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cec6a8 transparent}
 .sl-desktop-projects{padding:16px 10px 16px 0;border-right:1px solid #ddd5bf}.sl-desktop-projects h2{font-size:19px;margin:0 0 16px}.sl-desktop-projects>.fg-primary{font-size:13px;padding:12px 8px;min-height:44px;text-decoration:none;white-space:nowrap}
 .sl-desktop-project-list{display:grid;gap:8px}.sl-desktop-project{border:1px solid transparent;border-radius:14px;padding:8px;background:#f7f1df}.sl-desktop-project.active{border-color:#C23E00;background:#fffaf0}.sl-desktop-project-main{display:flex;gap:10px;align-items:center;text-decoration:none;color:#1c1209;min-width:0}
 .sl-desktop-project-cover{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:56px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#e5ddc6;color:#C23E00;font-size:26px}.sl-desktop-project-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .sl-desktop-project-info{min-width:0;flex:1}.sl-desktop-project-info strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.sl-desktop-project-info small{display:block;font-size:10px;color:#827a69;margin-top:4px}
 .sl-desktop-project-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:4px}.sl-desktop-project-actions button,.sl-desktop-project-actions .fg-delete-button{position:static;width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;border:1px solid #ddd5bf;background:#fffdf5;color:#827a69;display:grid;place-items:center;padding:5px;cursor:pointer}.sl-desktop-project-actions svg{width:15px;height:15px}
 .sl-desktop.web-free .fg-scroll #fg-list{display:none!important}.sl-desktop.web-free #fg-session{padding:12px 12px 24px 0;position:relative}.sl-desktop.web-free #fg-session>.fg-back,.sl-desktop.web-free .fg-workspace{display:none!important}
 .sl-desktop.web-free #fg-session>.fg-heading{align-items:flex-start;gap:12px}.sl-desktop.web-free .fg-heading h1{font-size:25px;line-height:1.25;letter-spacing:-.7px}.sl-desktop.web-free #fg-session-note{font-size:12px;margin-bottom:12px}
 .sl-desktop.web-free #fg-new-run{display:block!important;min-height:40px;margin:0 0 4px;font-size:13px}.sl-desktop.web-free .fg-run{padding:16px 0 10px;container-type:inline-size}.sl-desktop.web-free .fg-run-top{align-items:center;flex-wrap:wrap}.sl-desktop.web-free .fg-run-top time{font-size:11px}
 /* Fixed compact tracks keep even a single result left-aligned at its preview size. */
 .sl-desktop.web-free .fg-result-grid,.sl-desktop.web-free .fg-result-grid[data-count="1"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),240px));gap:14px;max-width:none;align-items:start;justify-content:start}
 .sl-desktop.web-free .fg-result-cell{width:fit-content;max-width:100%;justify-self:start}
 .sl-desktop.web-free .fg-result{width:fit-content;max-width:100%;aspect-ratio:auto;height:auto;min-height:0}
 .sl-desktop.web-free .fg-result:has(img){display:block;background:none}
 .sl-desktop.web-free .fg-result img{display:block;width:auto;max-width:100%;height:auto;max-height:320px;object-fit:contain}
 .sl-desktop.web-free .fg-result.working,.sl-desktop.web-free .fg-result[data-status=error]{width:var(--fg-placeholder-width,240px);max-width:100%;aspect-ratio:var(--fg-preview-ratio,1);max-height:320px}
 .sl-desktop.web-free .fg-run-actions{grid-template-columns:minmax(0,1fr);gap:7px;grid-auto-rows:1fr}.sl-desktop.web-free .fg-run-actions .fg-outline{white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none;min-height:44px;padding:11px 12px;font-size:14px}
 .sl-desktop-form{border:1px solid #ddd5bf;border-radius:20px;background:#fffaf0;padding:0}.sl-desktop.web-free .sl-desktop-form #fg-form{display:block!important;max-width:none;margin:0;border:0;border-radius:0;padding:18px}.sl-desktop.web-free #fg-form .fg-heading h2{font-size:21px}.sl-desktop.web-free #fg-close-form{display:none!important}
 .sl-desktop.web-free #fg-form #fg-prompt{min-height:190px;resize:vertical}.sl-desktop.web-free #fg-form select{font-size:14px;padding:12px 10px}.sl-desktop.web-free #fg-form-hint{font-size:12px}.sl-desktop.web-free #fg-form .fg-submit{margin-bottom:2px}.sl-desktop.web-free #fg-form #fg-generate{min-height:50px}
 .sl-desktop-welcome{padding:50px 24px;text-align:center;color:#827a69}.sl-desktop-welcome>span{font-size:70px;color:#C23E00}.sl-desktop-welcome h2{font-size:22px;color:#695e4d;letter-spacing:-.5px}.sl-desktop-welcome p{font-size:14px;line-height:1.7;max-width:330px;margin:auto}.sl-desktop-welcome[hidden]{display:none!important}
}
@media(min-width:1024px) and (max-width:1199px){
 .sl-desktop-header-inner{padding:0 20px;gap:12px}.sl-desktop-brand{font-size:21px}.sl-desktop-brand img{width:20px;height:20px}.sl-desktop-nav a{padding:12px 10px}.sl-desktop-creator-link{padding:12px}.sl-desktop-profile summary{gap:5px;font-size:12px}.sl-desktop-account{gap:8px}
 .sl-desktop-studio{grid-template-columns:190px minmax(0,1fr) 310px;gap:14px}.sl-desktop.web-free #fg-session{padding-right:4px}.sl-desktop.web-free .sl-desktop-form #fg-form{padding:16px}
}
@media(min-width:1600px){
 .sl-desktop:is(.web-home_sets,.web-frames) .sets-grid,.sl-desktop:is(.web-home_sets,.web-frames) .styles-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .sl-desktop-studio{grid-template-columns:230px minmax(0,1fr) 360px;gap:24px}
}
@container(min-width:650px){.sl-desktop.web-free .fg-run-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
