.enlarger-page{background:#071017;color:#18283b}.enlarger-page [hidden]{display:none!important}.enlarger-page .site-header{position:relative}.studio-main{background:#071017 url(/assets/cosmic-cheese-desktop-2560x1440-sZJF31Gw.webp) center top/cover no-repeat;padding:24px 24px 48px}.studio-container{max-width:1380px;margin:auto}.connected-workspace{display:grid;grid-template-columns:270px minmax(0,1fr) 408px;min-height:720px;height:min(82dvh,800px);border:1px solid #dbd5c8;border-radius:24px;overflow:hidden;background:#eff3f6}.studio-navigation{background:#f0ebe2;border-right:1px solid #dedbd4;padding:26px 18px;overflow:auto}.studio-navigation summary{display:none}.studio-navigation h2{font-size:22px;margin:8px 8px 16px;padding-bottom:20px;border-bottom:1px solid #ddd3bd}.studio-nav-item{display:flex;align-items:center;gap:12px;min-height:76px;margin-bottom:8px;padding:10px 14px;border:1px solid transparent;border-radius:14px;color:#18283b;text-decoration:none;font-size:14px;line-height:1.4}.studio-nav-item img{flex:none;object-fit:contain}.studio-nav-item strong{display:block;font-weight:650}.studio-nav-item small{display:block;font-size:12px;color:#657184;margin-top:3px}.studio-nav-item[aria-current]{background:#ffde79;border-color:#efba27}.studio-nav-item a:hover,a.studio-nav-item:hover{background:#f9eac6}.studio-middle{min-width:0;display:flex;flex-direction:column;background:#eff3f6;padding:28px 30px;overflow:auto}.studio-title{display:flex;align-items:center;gap:15px;min-height:64px;margin-bottom:32px}.studio-title img{object-fit:contain;flex:none}.studio-title h1{font-size:28px;line-height:1.15;letter-spacing:-.6px;margin:0 0 6px}.studio-title p,.preview-heading p,.controls-intro{font-size:14px;line-height:1.5;color:#617187;margin:0}.preview-heading h2,.studio-controls h2{font-size:24px;line-height:1.25;margin:0 0 4px}.preview-heading{margin-bottom:16px}.image-comparison{position:relative;min-height:240px;flex:1;background:#dfe5e7;border:1px solid #c3ccd0;border-radius:16px;overflow:hidden;isolation:isolate}.image-comparison img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}.comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#dfe5e7}.compare-label{position:absolute;bottom:12px;z-index:2;background:#101718df;color:#fff;font-weight:600;padding:8px 16px;border-radius:18px;font-size:15px}.compare-label.before{left:10px}.compare-label.after{right:10px}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;z-index:3;pointer-events:none}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 8px #0003;font-size:28px;color:#18283b}.image-comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:4;touch-action:pan-y}.image-comparison:focus-within{outline:3px solid #ad7900;outline-offset:3px}.sample-caption{font-size:12px;color:#566779;line-height:1.4;margin:12px 0 0;min-height:17px}.studio-controls{background:#fff3dc;border-left:1px solid #e1d9c9;padding:32px 28px;overflow:auto}.controls-intro{margin:6px 0 28px}.upload-zone{border:1px dashed #c58d26;background:#fffdf7;border-radius:18px;min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px 12px;cursor:pointer;gap:8px}.upload-zone svg{width:80px;height:64px;fill:none;stroke:#c39431;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}.upload-zone strong{font-size:16px}.upload-zone>span:not(.upload-button){font-size:13px;color:#617187}.upload-button,.studio-primary{background:linear-gradient(#ffe36a,#ffce3d);color:#18283b;font-size:14px;font-weight:650;border:0;border-radius:12px;min-height:48px;padding:14px 20px;display:block;text-align:center;text-decoration:none;cursor:pointer}.upload-button{margin-top:14px;min-width:205px}.upload-zone.dragging{background:#ffe598;border:2px solid #a57516}.input-limits{font-size:12px;text-align:center;color:#657184;margin:10px 0}.or-divider{display:flex;align-items:center;gap:24px;margin:24px 0;color:#758497;font-size:12px}.or-divider:before,.or-divider:after{content:"";height:1px;background:#dcd4c2;flex:1}#url-form{display:flex;border:1px solid #ccd2d8;border-radius:12px;background:#fff;overflow:hidden;min-height:50px}#image-url{min-width:0;width:100%;border:0;background:#fff;color:#18283b;padding:12px;font:inherit;font-size:13px}#url-form button{border:0;border-left:1px solid #ddd;background:#f0f1ee;width:46px;flex:none;cursor:pointer;color:#526579;font-size:24px}.sample-picker{margin-top:24px}.sample-picker h3{font-size:16px;margin:0 0 12px}.sample-picker>div{display:flex;gap:8px}.sample-picker button{width:56px;height:60px;flex:1;min-width:0;border:2px solid transparent;border-radius:10px;padding:3px;background:#fffdf7;cursor:pointer}.sample-picker button[aria-pressed=true]{border-color:#ffc52b}.sample-picker img{width:100%;height:100%;object-fit:cover;border-radius:5px}#image-status{font-size:13px;line-height:1.5;color:#526579;min-height:20px;margin:12px 0}#image-status[data-error=true]{color:#9c2c22}#image-options{margin-top:20px}#image-options fieldset{border:0;padding:0;margin:0}#image-options legend{font-weight:650;font-size:15px;margin-bottom:10px}.scale-options{display:flex;gap:5px}.scale-options label{flex:1;cursor:pointer;position:relative}.scale-options input{position:absolute;opacity:0}.scale-options span{display:block;text-align:center;padding:10px 3px;border:1px solid #c9b991;border-radius:8px;font-size:13px;background:#fffdf7}.scale-options input:checked+span{background:#ffda59;border-color:#b1841a}.scale-options input:focus-visible+span{outline:3px solid #805b0b;outline-offset:2px}#dimensions{font-size:13px;color:#5a6979;line-height:1.5}.studio-primary{width:100%;margin-top:12px}.studio-secondary{background:transparent;color:#66470c;border:1px solid #c9b991;border-radius:10px;min-height:44px;width:100%;margin-top:10px;cursor:pointer;font:inherit;font-size:14px}.studio-primary:hover,.upload-zone:hover .upload-button{filter:brightness(.97)}.studio-primary:disabled{opacity:.6;cursor:wait}.enlarger-page :focus-visible{outline:3px solid #b38113;outline-offset:3px}.studio-how{display:flex;align-items:center;gap:40px;border:1px solid #36434a;border-radius:22px;background:#08151e;color:#f2f5f7;margin-top:24px;padding:26px 36px}.studio-how>.eyebrow{color:#ffd443}.studio-how h2{font-size:25px;line-height:1.15;margin:12px 0}.studio-how h2 span{color:#ffd039}.studio-how>div{min-width:220px}.studio-how ol{display:flex;gap:32px;margin:0;padding:0;list-style:none;flex:1}.studio-how li{display:flex;gap:14px;flex:1}.studio-how li>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #ffd039;border-radius:50%;color:#ffd039}.studio-how h3{font-size:16px;margin:0 0 6px}.studio-how li p{font-size:13px;line-height:1.6;color:#b4c0cc;margin:0}.without-controls{grid-template-columns:270px minmax(0,1fr)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.enlarger-page footer{color:#edf1f5}@media(max-width:1450px){.connected-workspace{grid-template-columns:230px minmax(0,1fr) 330px;min-height:680px}.studio-middle{padding:24px}.studio-controls{padding:28px 20px}.studio-title h1{font-size:25px}.studio-title{gap:12px}.studio-navigation{padding:24px 12px}.studio-nav-item{padding:10px 8px}.studio-title img{width:48px;height:48px}.upload-zone{min-height:220px}.studio-how{gap:24px;padding:24px}.studio-how ol{gap:20px}.without-controls{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:1100px){.studio-main{background-image:url(/assets/cosmic-cheese-tablet-1536x1200-6eKMtZSm.webp);padding:20px}.connected-workspace{grid-template-columns:minmax(0,1fr) 310px;height:auto;min-height:0}.studio-navigation{grid-column:1/-1;padding:0;border-right:0;border-bottom:1px solid #ddd3bd;overflow:visible}.studio-navigation summary{display:flex;justify-content:space-between;padding:18px 24px;cursor:pointer;font-weight:650}.studio-navigation nav{padding:0 20px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.studio-navigation h2{display:none}.studio-nav-item{margin:0}.studio-middle{min-height:610px}.studio-how{display:block}.studio-how ol{margin-top:24px}.without-controls{grid-template-columns:1fr}}@media(max-width:700px){.studio-main{padding:16px 12px 32px;background-image:url(/assets/cosmic-cheese-mobile-768x1400-D_HH0jL7.webp)}.connected-workspace{display:block;border-radius:18px}.studio-navigation nav{display:block}.studio-middle{padding:24px 18px;min-height:0}.studio-title{margin-bottom:24px;align-items:flex-start}.studio-title h1{font-size:23px}.studio-title p{font-size:13px}.studio-title img{width:44px;height:44px}.preview-heading h2,.studio-controls h2{font-size:22px}.image-comparison{height:340px;flex:none}.studio-controls{border-left:0;border-top:1px solid #dedbd4;padding:24px 20px}.upload-zone{min-height:230px}.sample-picker button{flex:none;width:54px}.studio-how{padding:24px 20px}.studio-how ol{display:grid;gap:24px}.studio-how h2{font-size:24px}.studio-how li p{font-size:14px}}.enlarger-page>header{color:#f5f7fb}.enlarger-page>header nav a[aria-current]{color:#ffd039;border-bottom:2px solid #ffd039}.studio-title>div{min-width:0}.studio-title h1{white-space:normal;overflow-wrap:normal}.studio-nav-item>span{min-width:0}a.studio-nav-item:hover,a.studio-nav-item:focus-visible,a.studio-nav-item[aria-current]{color:#18283b}a.studio-nav-item[aria-current]:hover{background:#ffde79}.processing-screen{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:#eff3f6;color:#18283b}.processing-screen h3{font-size:22px;margin:22px 0 10px}.processing-screen p{max-width:360px;font-size:15px;line-height:1.6;margin:0 0 16px;color:#526579}.image-comparison .processing-art{position:static;inset:auto;width:110px;height:110px;flex-shrink:0;object-fit:contain}.processing-bar{width:min(240px,80%);height:6px;overflow:hidden;border-radius:999px;background:#e1d9c9}.processing-bar:after{content:"";display:block;width:40%;height:100%;border-radius:inherit;background:#c99519;animation:processing-progress 1.4s ease-in-out infinite alternate}@keyframes processing-progress{0%{transform:translate(0)}to{transform:translate(150%)}}@media(prefers-reduced-motion:reduce){.processing-bar:after{animation:none;margin:auto}}.studio-title p,.controls-intro{font-size:15px;color:#526174}.studio-controls h2{font-size:22px}.studio-nav-item{font-size:15px}.studio-nav-item small,.upload-zone>span:not(.upload-button),#image-url,#dimensions,#image-status,.studio-how li p{font-size:14px;color:#526174}.upload-button,.studio-primary,.studio-secondary{font-size:16px}.sample-caption{display:none}.compare-label{top:14px;bottom:auto;border-radius:10px;pointer-events:none}.compare-label.after{background:#ffda59;color:#18283b}.input-limits{margin:14px 0;text-align:left;font-size:14px;color:#526174;line-height:1.5}.input-limits div{display:flex;justify-content:space-between;gap:12px}.input-limits dt{font-weight:400}.input-limits dd{margin:0;color:#253449}.or-divider{margin:18px 0;font-size:14px}.scale-options{gap:4px;padding:5px;background:#eae2d1;border-radius:14px}.scale-options span{border:1px solid transparent;background:transparent;border-radius:10px;font-size:16px;font-weight:650;min-height:44px;display:grid;place-items:center;-webkit-user-select:none;user-select:none;padding:8px 2px}.scale-options input:checked+span{background:#ffda59;border-color:#c39625;box-shadow:0 1px 3px #68450018}.scale-options input:focus-visible+span{outline-offset:0}.scale-options label:hover span{background:#fff7df}#image-status:empty{margin:0;min-height:0}.processing-art-wrap{position:relative;display:grid;place-items:center;width:140px;height:140px;flex:none}.processing-art-wrap:before{content:"";position:absolute;inset:0;border:3px solid #ded5c2;border-top-color:#c99519;border-right-color:#c99519;border-radius:50%;animation:kaas-media-spin 1.8s linear infinite}@keyframes kaas-media-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.processing-art-wrap:before{animation:none}}@media(max-width:700px){.input-limits{font-size:14px}.scale-options span{font-size:15px}.studio-title p{font-size:14px}}.studio-container{position:relative}.ad-rail{display:none}@media(min-width:1820px){.ad-rail{display:flex;position:absolute;top:0;width:160px;height:600px;flex-direction:column;align-items:center;padding:16px 10px;border:1px solid #ffffff26;border-radius:12px;background:#0b151bcc;color:#b4c0cc;font-size:13px;text-align:center}.ad-rail p{margin:auto;font-size:14px}.ad-rail-left{right:calc(100% + 24px)}.ad-rail-right{left:calc(100% + 24px)}}.studio-how li p{color:#b4c0cc}.upload-formats{display:block;font-size:14px;line-height:1.5;color:#617187;margin-top:4px;font-weight:400}.sample-picker>div{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 10px;scroll-snap-type:x proximity;scroll-padding-inline:4px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c39625 #eee4cf}.sample-picker button{flex:0 0 88px;width:88px;height:88px;min-width:88px;scroll-snap-align:start;border-radius:12px;padding:4px}.sample-picker img{border-radius:7px}.sample-picker button:focus-visible{outline-offset:0}@media(min-width:701px){.studio-controls{display:flex;flex-direction:column}.studio-controls>h2,.studio-controls>.controls-intro,.studio-controls>.upload-zone,.studio-controls>.or-divider,.studio-controls>#url-form{flex-shrink:0}.studio-controls>.sample-picker{margin-top:auto;padding-top:24px}.studio-controls>#image-options{margin-top:auto;padding-top:20px;padding-bottom:14px}.studio-controls>#image-status:empty{display:none}}.ad-below{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:140px;margin-top:24px;padding:16px;border:1px solid #ffffff26;border-radius:14px;background:#0b151bcc;color:#b4c0cc;text-align:center}.ad-below>span{font-size:13px}.ad-below p{font-size:14px;margin:0}@media(min-width:1820px){.ad-below{display:none}}
