@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@1,500;1,600&display=swap";html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{color:#eeedea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0c0d12;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}html{scroll-behavior:smooth}button,input{font:inherit;touch-action:manipulation}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #e6c093}button:disabled{opacity:.6;cursor:not-allowed}.shell{--accent:#dfbc88;--white:#f0efed;--muted:#8e909b;--surface:#171820;--line:#2e2f39;background:radial-gradient(circle at 66% -9%,#25202d44,#0000 35%),#0c0d12;min-height:100vh;display:flex}.sidebar{background:#101116;border-right:1px solid #292a32;flex-direction:column;flex:0 0 245px;align-self:flex-start;height:100vh;padding:33px 20px 20px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:13px;display:flex}.brand-mark{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:3px;width:26px;height:27px;display:grid;transform:rotate(-18deg)}.brand-mark span{border:2px solid #e5c08e;border-radius:9px 1px 8px}.brand-mark span:nth-child(2){border-radius:2px 8px 2px 9px;transform:rotate(95deg)}.brand-mark span:nth-child(3){border-radius:2px 8px 2px 9px;transform:rotate(165deg)}.brand-mark span:nth-child(4){border-radius:8px 1px 9px 2px}.brand-word{letter-spacing:-1.5px;font:800 22px/1 Syne,sans-serif}.brand-word span{vertical-align:top;color:#c5ac83;margin-left:3px;font:500 9px DM Sans,sans-serif}.side-section-label{color:#676a77;letter-spacing:2.1px;margin:67px 14px 18px;font-size:9px;font-weight:700}.side-section-label:nth-of-type(2){margin-top:23px}.side-nav{gap:5px;display:grid}.side-link{color:#999ba6;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;height:47px;padding:0 13px;font-size:12px;font-weight:600;transition:color .2s,background .2s;display:flex}.side-link:hover{color:#fff;background:#1a1c23}.side-link.selected{color:#edc997;background:#24232a;border-color:#494037}.side-count{color:#777982;margin-left:auto;font:600 10px DM Sans}.side-divider{background:#272932;height:1px;margin:27px 10px 0}.side-explore{background:radial-gradient(circle at 76% 8%,#a38baf40,#0000 45%),linear-gradient(145deg,#25232e,#17171e);border:1px solid #3b3540;border-radius:17px;padding:22px 19px 19px;position:relative;overflow:hidden}.explore-orb{color:#e6cba9;background:#c2a68822;border:1px solid #cab38e4b;border-radius:13px;place-items:center;width:39px;height:39px;margin-bottom:19px;display:grid}.side-explore strong{letter-spacing:-.4px;font:700 15px/1.45 Syne,sans-serif}.side-explore p{color:#a09ca6;margin:11px 0 19px;font-size:11px;line-height:1.6}.side-explore button{color:#e4c397;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:700;display:flex}.sidebar-bottom{color:#8a8b96;align-items:center;gap:7px;margin:auto 5px 0;padding-top:35px;font-size:10px;display:flex}.online-dot{background:#96d3a3;border-radius:100%;width:6px;height:6px;box-shadow:0 0 10px #9dd5a35b}.sidebar-bottom>span:last-child{color:#555762;margin-left:auto}.work-area{flex:1;min-width:0}.topbar{border-bottom:1px solid #24252e;justify-content:space-between;align-items:center;height:83px;padding:0 45px;display:flex}.breadcrumb{color:#777986;gap:10px;font-size:12px;display:flex}.breadcrumb strong{color:#e4e1da;font-weight:600}.slash{color:#4d4d59}.top-actions{align-items:center;gap:18px;display:flex}.demo-badge{letter-spacing:1.3px;color:#b5a187;white-space:nowrap;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.demo-badge span{background:#c6ac83;border-radius:50%;width:5px;height:5px}.top-icon{color:#9395a3;background:0 0;border:0;place-items:center;padding:5px;display:grid}.user-avatar{color:#e8d6e8;background:#3e3446;border:1px solid #78637f;border-radius:11px;place-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:grid}.mobile-brand{display:none}.content{max-width:1480px;margin:0 auto;padding:38px 44px 20px}.headline-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.section-overline{letter-spacing:2px;color:#b7a188;margin:0;font-size:9px;font-weight:800}.headline-row h1,.about-page h1{letter-spacing:-4px;margin:15px 0 17px;font:700 clamp(45px,5vw,71px)/1.05 Syne,sans-serif}.headline-row h1 em,.about-page h1 em{color:#d9bd9c;letter-spacing:-2.1px;font:500 clamp(61px,6.1vw,87px)/.8 Cormorant Garamond,serif}.intro{color:#9796a0;max-width:460px;margin:0;font-size:12px;line-height:1.7}.head-decoration{color:#aaa3a3;letter-spacing:2px;justify-items:center;gap:14px;margin-right:45px;font:600 9px DM Sans;display:grid}.decoration-ring{color:#c2a88b;border:1px solid #4d4851;border-radius:100%;place-items:center;width:70px;height:70px;display:grid;position:relative}.decoration-ring:before{content:"";border:1px dashed #655666;border-radius:50%;animation:26s linear infinite rotate;position:absolute;inset:8px}@keyframes rotate{to{transform:rotate(360deg)}}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(300px,330px);align-items:start;gap:23px;display:grid}.artwork-panel{background:#14151b;border:1px solid #33333b;border-radius:20px;min-width:0;padding:13px 13px 17px;box-shadow:0 23px 70px #00000040}.panel-topline{color:#898a96;letter-spacing:1.2px;justify-content:space-between;align-items:flex-start;height:37px;padding:3px 5px 8px;font-size:9px;display:flex}.panel-topline b{color:#e0dcd7;font-weight:600}.tiny-gold-dot{background:#c9a67d;border-radius:100%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 7px #ecc89266}.artwork-frame{isolation:isolate;background:#16121d;width:100%;position:relative;overflow:hidden}.art-animated{width:100%;height:100%}.work-canvas{object-fit:cover;width:100%;height:100%;display:block}.corner-label{-webkit-backdrop-filter:blur(14px);color:#fff;letter-spacing:1.1px;pointer-events:none;background:#1718216c;border:1px solid #ffffff3c;border-radius:100px;align-items:center;gap:7px;padding:9px 11px;font-size:8px;font-weight:700;display:flex;position:absolute;top:19px;left:19px}.corner-dot{background:#ecbf8f;border-radius:50%;width:5px;height:5px}.expand-btn{color:#efefeb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f141a66;border:1px solid #ffffff4e;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.artwork-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 3px 0;display:flex}.art-caption{gap:7px;min-width:0;display:grid}.artwork-title{white-space:nowrap;text-overflow:ellipsis;font:700 12px Syne,sans-serif;overflow:hidden}.art-caption small{color:#80828d;white-space:nowrap;font-size:10px}.toolbar-buttons{align-items:center;gap:6px;display:flex}.icon-action{color:#adb0bb;background:#202129;border:1px solid #353640;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.favorited{color:#eeacbc}.export-button{color:#2b2322;white-space:nowrap;background:#d8bb95;border:0;border-radius:9px;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:10px;font-weight:800;display:flex}.export-button:hover{background:#eaceab}.inspector{background:#16171d;border:1px solid #33333b;border-radius:20px;min-width:0;padding:24px 22px 20px}.inspector-heading{color:#b0a2a9;justify-content:space-between;align-items:center;display:flex}.inspector-heading h2{letter-spacing:-.7px;color:#f1efeb;margin:10px 0 0;font:700 19px Syne,sans-serif}.inspector-description{color:#898994;margin:10px 0 20px;font-size:11px;line-height:1.7}.control-group{border-top:1px solid #2b2b34;padding:20px 0}.control-label{justify-content:space-between;align-items:center;gap:6px;margin-bottom:14px;display:flex}.control-label strong{color:#b69c7f;font:700 11px DM Sans}.control-label strong span{color:#f2efe9;margin-left:6px;font-size:12px;font-weight:600}.control-label>span{color:#85858e;font-size:10px}.control-label>b{color:#ebccab;font-size:11px}.styles-list{gap:7px;display:grid}.style-option{text-align:left;color:#c1c1c9;background:#1c1d24;border:1px solid #303139;border-radius:10px;align-items:center;gap:12px;min-height:57px;padding:8px 11px;display:flex}.style-option.active{background:linear-gradient(100deg,#36302d,#242226);border-color:#92785e}.style-icon{color:#dfb89e;background:#383343;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.style-icon.style-1{color:#9bb9ed;background:#26394d}.style-icon.style-2{color:#e8a7b5;background:#452e34}.style-option>div:nth-child(2){flex:1;gap:4px;display:grid}.style-option strong{color:#eae9e5;font-size:11px;font-weight:700}.style-option span{color:#8f8e97;font-size:9px}.option-dot{color:#272019;border:1px solid #5e606d;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.active .option-dot{background:#d8b68b;border-color:#d8b68b}.palettes{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.palette-button{color:#fff;background:#22232b;border:1px solid #46434c;border-radius:11px;place-items:center;height:40px;padding:4px;display:grid;position:relative}.palette-button.active{border-color:#e8c697}.palette-fill{border-radius:7px;position:absolute;inset:4px}.palette-button svg{z-index:1;filter:drop-shadow(0 1px 2px #000)}.slider-group{padding-bottom:18px}.slider-group input{appearance:none;background:linear-gradient(90deg,#dab78d var(--pct),#393945 var(--pct));border-radius:50px;width:100%;height:5px;margin:9px 0 5px;display:block}.slider-group input::-webkit-slider-thumb{-webkit-appearance:none;background:#efe1cf;border:2px solid #caa781;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #caa78138}.slider-group input::-moz-range-thumb{background:#efe1cf;border:2px solid #caa781;border-radius:50%;width:16px;height:16px}.range-labels{color:#686b76;justify-content:space-between;margin-top:11px;font-size:9px;display:flex}.format-group{padding-bottom:16px}.format-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.format{color:#b9b7be;background:#212229;border:1px solid #3a3943;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:41px;font-size:10px;display:flex}.format.active{color:#f3d2af;background:#332d2b;border-color:#b59371}.ratio-icon{border:1.5px solid;border-radius:2px;width:14px;height:14px}.ratio-4-5{width:14px;height:18px}.ratio-9-16{width:11px;height:19px}.generate-button{color:#251e1a;background:#dbbf9b;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:12px;font-weight:800;display:flex;box-shadow:inset 0 1px #fff9,0 8px 25px #b18b5d19}.generate-button:hover{background:#e7cba8}.generate-button:active{transform:scale(.99)}.generate-arrow{margin-left:auto}.generate-button svg:first-child{margin-left:6px}.generation-note{text-align:center;color:#8a8383;margin:14px 0 0;font-size:10px}.spin{animation:.7s linear infinite rotate}.gallery-section{margin-top:44px}.gallery-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.gallery-heading h2{letter-spacing:-.65px;margin:9px 0 0;font:700 22px Syne,sans-serif}.gallery-count{color:#827c86;vertical-align:top;letter-spacing:0;margin-left:10px;font-size:11px}.plain-link{color:#d9b78d;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;font-size:11px;display:flex}.art-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.mini-art{text-align:left;color:#ededeb;background:0 0;border:0;align-content:start;gap:6px;min-width:0;padding:0;display:grid}.mini-canvas{background:#1c1b25;border:1px solid #38333e;border-radius:10px;width:100%;margin-bottom:6px;position:relative;overflow:hidden}.mini-canvas .work-canvas{transition:transform .35s}.mini-art:hover .work-canvas{transform:scale(1.035)}.mini-eye{color:#fff;opacity:0;background:#24232bbf;border:1px solid #fff3;border-radius:7px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;right:10px}.mini-art:hover .mini-eye{opacity:1}.mini-art strong{white-space:nowrap;text-overflow:ellipsis;font:700 11px Syne,sans-serif;overflow:hidden}.mini-art>span{color:#888793;font-size:10px}footer{color:#686976;letter-spacing:1.1px;border-top:1px solid #292a31;justify-content:space-between;gap:10px;margin-top:47px;padding:24px 0 7px;font-size:9px;font-weight:600;display:flex}.mobile-nav{display:none}.about-page{max-width:750px;min-height:75vh;padding:70px 15px}.about-page>p{color:#a5a3ad;max-width:650px;font-size:15px;line-height:1.8}.about-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:37px 0;display:grid}.about-grid>div{background:#171820;border:1px solid #35333e;border-radius:13px;gap:14px;padding:20px;display:grid}.about-grid svg{color:#d7b88a}.about-grid strong{font-size:13px}.about-grid span{color:#9897a4;font-size:11px;line-height:1.5}.primary-button{color:#241c18;background:#dbc39f;border:0;border-radius:10px;align-items:center;gap:13px;padding:15px 19px;font-size:12px;font-weight:800;display:flex}.lightbox{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#08090dec;flex-direction:column;justify-content:center;align-items:center;padding:45px 15px;display:flex;position:fixed;inset:0}.lightbox-card{aspect-ratio:4/5;max-width:95vw;height:min(76vh,880px)}.lightbox-card .work-canvas{object-fit:contain}.lightbox-close{z-index:2;color:#fff;background:#27242d;border:1px solid #56515c;border-radius:13px;place-items:center;width:45px;height:45px;display:grid;position:absolute;top:23px;right:24px}.lightbox-note{color:#a7a2b0;margin-top:15px;font-size:11px}.toast{color:#f5e3cc;z-index:150;white-space:nowrap;background:#29272a;border:1px solid #9e805b;border-radius:13px;align-items:center;gap:9px;max-width:95vw;padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0008}@media (width>=1550px){.content{padding-left:65px;padding-right:65px}}@media (width<=1220px){.sidebar{flex-basis:205px}.topbar{padding:0 25px}.content{padding:32px 25px 20px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(270px,300px);gap:15px}.inspector{padding:21px 17px}.head-decoration{margin-right:15px}}@media (width<=1050px){.sidebar{flex-basis:190px;padding-left:15px;padding-right:15px}.studio-grid{grid-template-columns:minmax(0,1fr)}.inspector{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.inspector-heading,.inspector-description{grid-column:1/-1}.inspector .control-group{margin-top:5px}.generate-button,.generation-note{grid-column:1/-1}.inspector .control-group:nth-of-type(3){padding-top:20px}}@media (width<=760px){.sidebar{display:none}.work-area{width:100%}.topbar{height:69px;padding:0 19px}.mobile-brand{display:block}.mobile-brand .brand-word{font-size:20px}.mobile-brand .brand-mark{width:22px;height:22px}.breadcrumb{display:none}.top-actions{gap:10px}.content{padding:29px 17px 95px}.headline-row{margin-bottom:23px}.headline-row h1{letter-spacing:-2.2px;margin:13px 0 12px;font-size:clamp(40px,9.2vw,58px)}.headline-row h1 em{letter-spacing:-1px;font-size:clamp(54px,11.5vw,75px)}.intro{max-width:340px;font-size:11px;line-height:1.65}.head-decoration{display:none}.studio-grid{gap:16px}.artwork-panel{border-radius:18px;padding:10px 10px 13px}.panel-topline{height:34px;font-size:8px}.artwork-toolbar{padding:14px 1px 0}.inspector{padding:22px 19px;display:block}.inspector-heading,.inspector-description,.inspector .control-group,.generate-button,.generation-note{grid-column:auto}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.gallery-heading h2{font-size:20px}.mobile-nav{-webkit-backdrop-filter:blur(18px);padding:10px 6px calc(env(safe-area-inset-bottom,0px) + 9px);z-index:40;background:#17171eea;border-top:1px solid #363038;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#85828e;background:0 0;border:0;place-items:center;gap:5px;min-width:52px;min-height:44px;font-size:9px;display:grid}.mobile-nav button.selected{color:#dabb94}.mobile-nav .mobile-new{color:#241e1f;background:#dcbf98;border-radius:13px;width:46px;min-width:46px;height:46px;box-shadow:0 0 27px #d3ac7b33}.toast{bottom:calc(env(safe-area-inset-bottom,0px) + 92px)}.about-page{padding:32px 0}.about-grid{grid-template-columns:1fr}}@media (width<=380px){.content{padding-left:13px;padding-right:13px}.topbar{padding:0 14px}.demo-badge{font-size:8px}.panel-topline{font-size:7px}.art-caption small{font-size:9px}.artwork-title{font-size:11px}.toolbar-buttons{gap:4px}.icon-action{width:32px;height:34px}.export-button{height:34px;padding:0 9px;font-size:9px}.artwork-toolbar{gap:6px}.art-grid{gap:10px}.gallery-heading h2{font-size:18px}}@media (width<=350px){.export-button span{display:none}.demo-badge{letter-spacing:.2px}.top-icon{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}