@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_9b24f49e-module__hJlnFq__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_9b24f49e-module__hJlnFq__variable{--font-manrope:"Manrope", "Manrope Fallback"}
@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0781808e3393dbfb-s.3uuzd4ky6sm1t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/fae90444fefcda8c-s.403cfnf7b-1vb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.3jc5sq-923m_s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Fallback;src:local(Arial);ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:104.31%}.quicksand_975c4cfd-module__Z5zJoq__className{font-family:Quicksand,Quicksand Fallback;font-style:normal}.quicksand_975c4cfd-module__Z5zJoq__variable{--font-quicksand:"Quicksand", "Quicksand Fallback"}
:root{--ink:#111114;--muted:#686765;--paper:#f4f1e9;--paper-deep:#eae5da;--line:#11111424;--violet:#6c4cff;--coral:#ff725e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 12%, #ffffffe6, transparent 28%), var(--paper);color:var(--ink);font-family:var(--font-manrope), Arial, sans-serif;margin:0;font-weight:300}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #8a73ff}button:disabled{cursor:not-allowed;opacity:.38}.site-main{width:100%;max-width:100%;overflow-x:hidden}.site-nav{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;max-width:1480px;min-height:72px;margin:0 auto;padding:0 20px 0 40px;display:flex;position:relative}.brand{align-items:center;text-decoration:none;display:flex}.brand img{width:clamp(250px,22vw,320px);height:auto;display:block;transform:translateY(4px)}.nav-actions{align-items:center;gap:8px;display:flex}.nav-actions button{cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.start-button,.account-button,.unlock-pro-button{border-radius:999px;padding:12px 18px}.start-button{background:var(--ink);border:1px solid var(--ink);color:#fff}.account-button{border:1px solid var(--line);color:var(--ink);background:#ffffff9e}.unlock-pro-button{color:#fff;background:linear-gradient(135deg,#9b83ff 0%,#6c4cff 58%,#4c2ed1 100%);border:1px solid #5a3be0;min-width:134px;padding-left:20px;padding-right:20px;box-shadow:0 8px 22px #6c4cff38}.mw-pro-label{color:var(--violet);line-height:inherit;vertical-align:baseline;align-items:center;gap:4px;display:inline-flex}.mw-pro-label>span:last-child{font-size:inherit;letter-spacing:.09em;font-weight:800;line-height:inherit}.mw-pro-mark{background:currentColor;flex:none;width:2em;height:1.4em;display:inline-block;-webkit-mask:url(/mw-mark.svg) 50%/contain no-repeat;mask:url(/mw-mark.svg) 50%/contain no-repeat}.mw-pro-label-inverse{color:#fff}.settings-button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:50%;width:43px;height:43px;padding:0}.settings-menu-shell{position:relative}.settings-menu{border:1px solid var(--line);transform-origin:100% 0;z-index:30;background:#fffffff5;border-radius:16px;gap:4px;min-width:248px;padding:7px;animation:.22s cubic-bezier(.22,1,.36,1) both settings-menu-reveal;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #11111429}.settings-menu button{color:var(--ink);gap:10px;justify-content:initial;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:auto minmax(0,1fr);width:100%;padding:10px;display:grid}.settings-menu button>span{flex-direction:column;gap:2px;display:flex}.settings-menu strong{font-size:.78rem;font-weight:650}.settings-menu small{color:var(--muted);font-size:.64rem}.download-history-panel{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid}.settings-menu.is-history-view{background:#fff;width:413px;max-width:calc(100vw - 32px);height:429px;max-height:calc(100dvh - 90px);display:block;overflow:hidden}.download-history-panel header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 3px 10px;display:grid}.settings-menu .download-history-back{justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.download-history-panel header>span,.download-history-entry-copy{gap:2px;min-width:0;display:grid}.download-history-panel ol{gap:0;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.download-history-panel li{border-bottom:1px solid var(--line);padding:0}.download-history-panel li:last-child{border-bottom:0}.settings-menu .download-history-entry-button{border-radius:9px;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px;padding:10px 3px;transition:background .18s;display:grid}.settings-menu .download-history-entry-button:hover,.settings-menu .download-history-entry-button:focus-visible{background:#f0eee8}.download-history-entry-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.download-history-entry-copy>span,.download-history-entry-copy time,.download-history-panel p{color:var(--muted);font-size:.64rem;line-height:1.4}.download-history-preview,.download-history-preview-placeholder{border:1px solid var(--line);object-fit:contain;background:#eceae4;border-radius:7px;width:100px;height:64px;display:block}.download-history-preview-placeholder{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:5px;font-size:.52rem;line-height:1.15;display:flex}.download-history-panel p{margin:5px 0 8px}@keyframes settings-menu-reveal{0%{opacity:0;transform:translateY(-7px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-actions button:hover{transform:translateY(-2px)}.start-button:hover{background:#29282d}.unlock-pro-button:hover{background:linear-gradient(135deg,#a992ff 0%,#7659ff 58%,#5637dc 100%);box-shadow:0 11px 26px #6c4cff4d}.account-button:hover,.settings-button:hover{background:#fff;border-color:#11111447}.hero{max-width:1480px;margin:0 auto;padding:clamp(46px,4vw,64px) 40px 32px}.hero-copy{max-width:1200px}.eyebrow{color:#565451;letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px;font-size:.76rem;font-weight:500}.hero h1{letter-spacing:-.035em;word-spacing:.055em;max-width:1200px;margin:0;font-size:clamp(3.8rem,6.1vw,6.7rem);font-weight:350;line-height:.92}.hero h1>span{display:block;transform:translate(-.055em)}.hero-title-phrase{white-space:nowrap}.hero-intro{color:var(--muted);max-width:590px;margin:28px 0 0;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px;display:flex}.hero-actions button,.hero-actions a{cursor:pointer;align-items:center;gap:10px;font-weight:500;text-decoration:none;display:inline-flex}.primary-cta{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:16px 22px;transition:transform .2s,box-shadow .2s}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 14px 34px #11111433}.hero-actions a{color:var(--ink)}.wallpaper-preview{background:#191920;width:100%;height:100%;position:relative;overflow:hidden}.wallpaper-preview svg{width:100%;height:100%;display:block}.device-gallery{width:100vw;margin:42px calc(50% - 50vw) 0;padding:8px 0 18px;overflow:hidden}.device-track{backface-visibility:hidden;contain:paint;will-change:transform;width:max-content;animation:75s linear infinite device-marquee;display:flex;transform:translate(0,0)}.device-set{flex:none;align-items:center;gap:36px;padding-right:36px;display:flex}.device-lineup-card{aspect-ratio:1520/558;contain:paint;flex:none;width:max(808.1px,32.0675vw + .962025px);overflow:hidden}.device-lineup-image{object-fit:contain;width:100%;height:100%;display:block}@keyframes device-marquee{to{transform:translate(-50%)}}.design-showcase{grid-template-columns:minmax(260px,.32fr) minmax(0,1fr);gap:clamp(70px,9vw,150px);max-width:1480px;margin:0 auto;padding:42px 40px 56px;display:grid}.design-copy{align-self:start;max-width:330px;position:sticky;top:16vh}.design-copy h2,.studio-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.7rem,5vw,5.8rem);font-weight:350;line-height:.95}.design-copy>p:last-child{color:var(--muted);margin-top:28px;font-size:1.04rem;line-height:1.6}.style-carousel{min-width:0;height:496px;position:relative}.style-viewport{clip-path:inset(-60px 0);height:100%;padding-block:8px;overflow:visible}.style-track{will-change:transform;width:200%;height:100%;transition:transform .72s cubic-bezier(.22,1,.36,1);display:flex}.style-accordion{grid-auto-flow:dense;flex:0 0 50%;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0;height:100%;display:grid}.style-accordion:first-child{padding-right:4px}.style-accordion:last-child{padding-left:4px}.style-accordion-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-corner{clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;z-index:5;background:linear-gradient(135deg,#9b83ff 0%,#6c4cff 58%,#4c2ed1 100%);width:70px;height:70px;position:absolute;top:0;left:0;overflow:hidden}.pro-corner>span{color:#fff;letter-spacing:.11em;font-size:.56rem;font-weight:800;position:absolute;top:15px;left:7px;transform:rotate(-45deg)}.pro-corner-compact{width:34px;height:34px}.pro-corner-compact>span{font-size:.34rem;top:7px;left:2px}.style-card{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:20px;min-width:0;height:100%;padding:0;transition:transform .3s;position:relative;overflow:visible}.style-card-reveal,.style-card-surface{border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.style-card-reveal{transform-origin:bottom;will-change:transform}.style-card-surface{background:#18181d;overflow:hidden}.style-card:hover,.style-card:focus-visible{transform:translateY(-6px)}.style-card .wallpaper-preview{backface-visibility:hidden;transition:transform .7s;position:absolute;inset:0;transform:scale(1.02)}.style-sample-image{filter:brightness(1.12)saturate(1.04);object-fit:cover;object-position:center;background:0 0}.style-carousel,.palette-section{touch-action:pan-y pinch-zoom}.style-card,.palette-preset-card{-webkit-user-select:none;user-select:none}.style-card:hover .wallpaper-preview{transform:scale(1.08)}.style-overlay{background:linear-gradient(#0a0a0d0d 30%,#0a0a0de0 100%);position:absolute;inset:0}.style-info{display:block;position:absolute;bottom:18px;left:18px;right:18px}.style-info strong{white-space:nowrap;font-size:clamp(.82rem,1.2vw,1.12rem);font-weight:650;display:block}.style-card-placeholder{cursor:default;background:#11111409;border:1px solid #1111141a}.style-card-placeholder:hover{transform:none}.style-page-button{color:var(--ink);cursor:pointer;z-index:3;background:#f7f5ef;border:1px solid #11111429;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .18s,transform .22s;display:flex;position:absolute;top:50%;right:-21px;transform:translateY(-50%);box-shadow:0 10px 30px #11111424}.style-page-button:hover,.style-page-button:focus-visible{background:#fff;transform:translateY(-50%)scale(1.08)}.style-page-arrow{transition:transform .7s cubic-bezier(.22,1,.36,1)}.palette-section{background:#ded8cc;padding:36px max(40px,50% - 700px)}.palette-heading{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:48px;max-width:1400px;margin:0 auto 30px;display:grid}.palette-heading .eyebrow{margin:0 0 8px}.palette-heading h2{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(2rem,4vw,4.2rem);font-weight:420;line-height:.98}.palette-heading>p{color:#1111149e;align-self:start;margin:28px 0 0;line-height:1.55}.palette-grid{grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1400px;margin:0 auto;display:grid}.palette-grid-page{animation:.26s cubic-bezier(.22,1,.36,1) both palette-page-enter}.palette-more-shell{display:none}.palette-more-shell.is-open{display:block}.palette-more-shell.is-open .palette-more-inner{will-change:opacity, transform;animation:.56s cubic-bezier(.22,1,.36,1) both palette-more-reveal}@keyframes palette-more-reveal{0%{opacity:0;transform:translateY(-10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.palette-more-inner{min-height:0;overflow:hidden}.palette-grid-more{margin-top:14px}.palette-first-actions{justify-content:center;gap:8px;display:flex}.palette-reveal,.palette-more-button{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:28px 0 0;padding:8px 12px;font-size:.76rem;font-weight:650;display:flex}.palette-reveal svg{transition:transform .22s}.palette-reveal svg.rotated{transform:rotate(180deg)}.palette-more-button:hover svg,.palette-more-button:focus-visible svg{transform:translate(3px)}.palette-more-button svg{transition:transform .18s}.palette-pagination{justify-content:center;gap:9px;margin:28px auto 0;display:flex}.palette-pagination button{color:var(--ink);cursor:pointer;background:#f7f4edb8;border:1px solid #1111142e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.palette-pagination button:hover:not(:disabled),.palette-pagination button:focus-visible:not(:disabled){background:#fff;border-color:#11111473;transform:translateY(-2px)}.palette-pagination button:disabled{cursor:default;opacity:.3}.palette-pagination button>svg{flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes palette-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.palette-preset-card{color:var(--ink);cursor:pointer;text-align:left;background:#f7f4ed;border:1px solid #1111141f;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:116px;padding:14px;transition:border-color .18s,transform .18s;display:grid}.palette-preset-card:hover{border-color:#1111146b;transform:translateY(-3px)}.palette-bars{border-radius:7px;grid-column:1/-1;height:36px;display:flex;overflow:hidden}.palette-bars span{flex:1}.palette-preset-meta{flex-direction:column;display:flex}.palette-preset-meta strong{font-size:.86rem;font-weight:700}.palette-preset-meta small{color:var(--muted);margin-top:3px;font-size:.67rem}.palette-finder{color:var(--ink);background:#f5f1e9;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:42px;padding:42px max(40px,50% - 700px);display:grid}.palette-finder-copy{align-self:start;min-width:0}.palette-finder-copy .eyebrow{margin:0 0 8px}.palette-finder-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,4.2rem);font-weight:420;line-height:.98}.palette-finder-copy>p:last-child{color:#1111149e;max-width:430px;margin:16px 0 0;line-height:1.55}.palette-finder-workspace{background:#f7f4ed;border:1px solid #11111424;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-self:end;gap:14px;width:100%;min-width:0;min-height:176px;padding:18px;display:grid;overflow:hidden}.palette-finder-workspace.is-complete{grid-template-columns:1fr;place-items:center;position:relative}.palette-finder-reset{color:#111114a3;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px;font-size:.72rem;font-weight:650;transition:color .18s;display:flex;position:absolute;top:14px;left:16px}.palette-finder-reset:hover{color:var(--ink)}.palette-image-drop{color:var(--ink);cursor:pointer;background:#ece8df 50%/cover;border:1px solid #1111141f;border-radius:13px;justify-content:center;align-items:center;min-height:138px;padding:20px;display:flex;position:relative;overflow:hidden}.palette-image-drop>span{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;max-width:250px;padding:0;display:flex;position:relative}.palette-image-plus{box-sizing:border-box;background:#ffffffb8;border:1px solid #1111141f;border-radius:50%;width:52px;height:52px;padding:10px;box-shadow:0 7px 18px #11111414}.palette-image-drop strong{font-size:.9rem}.palette-image-drop small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:.68rem;overflow:hidden}.palette-file-input{display:none}.palette-count-control>span{justify-content:space-between;align-items:center;display:flex}.palette-count-control strong{font-size:.82rem}.palette-count-control small{color:var(--muted);font-size:.7rem}.palette-count-control input{accent-color:var(--violet);cursor:pointer;width:100%;margin:9px 0 0;display:block}.palette-create-controls{flex-direction:column;justify-content:space-between;min-width:0;padding:5px 0;display:flex}.create-palette-button{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:11px;min-height:44px;padding:11px 16px;font-size:.78rem;font-weight:680;transition:background .18s,transform .18s}.create-palette-button:hover:not(:disabled){background:#583bdf;transform:translateY(-1px)}.create-palette-button:disabled{cursor:not-allowed;opacity:.42}.extracted-palette-card{aspect-ratio:2.68;text-align:left;background:#fff;border:1px solid #1111141a;border-radius:14px;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:11px;width:100%;max-width:290px;min-height:0;margin-top:0;padding:13px;transition:border-color .18s,transform .18s;display:grid}.extracted-palette-card:not(:disabled){cursor:pointer}.extracted-palette-card:hover:not(:disabled){border-color:#1111143d;transform:translateY(-2px)}.extracted-palette-card:disabled{cursor:not-allowed;opacity:.62}.palette-finder-error{color:#9d2929;grid-column:1/-1;margin:0;font-size:.7rem}.studio-section{color:#fff;background:#111114;padding:52px max(28px,50vw - 720px) 76px}.studio-heading{grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);align-items:end;gap:60px;width:min(1400px,100% - 24px);margin:0 auto 32px;display:grid}.studio-heading .eyebrow{color:#ffffff85}.studio-heading h2{max-width:840px;font-size:clamp(2.6rem,4.4vw,5rem)}.studio-heading>p{color:#ffffff94;max-width:430px;margin:0;line-height:1.6}.studio-shell{background:#1c1c21;border:1px solid #ffffff1f;border-radius:30px;grid-template-columns:340px minmax(0,1fr);min-height:720px;scroll-margin-top:16px;display:grid;overflow:hidden;box-shadow:0 45px 100px #00000059}@media (min-width:821px){.studio-shell{--studio-preview-height:max(80px, calc(100dvh - 230px));height:calc(100dvh - 32px);min-height:0}.studio-shell .canvas-panel{grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.studio-shell .studio-controls{min-height:0}}.studio-controls{color:var(--ink);background:#f3efe6;padding:18px 24px;overflow-y:auto}.studio-controls button{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}.studio-controls button:not(.active):not(.random-button):not(:disabled):hover{color:#5138bd;background-color:#6c4cff1a;border-color:#6c4cff6b}.studio-controls button.active:not(:disabled):hover{background-color:#583bdf;box-shadow:inset 0 0 0 2px #8a73ff85}.control-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.control-topline>div:first-child{flex-direction:column;display:flex}.control-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.control-topline strong{margin-top:3px;font-size:1.42rem;font-weight:550}.history-actions{gap:6px;display:flex}.history-actions button,.reset-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.control-group{border:0;border-bottom:1px solid var(--line);margin:0;padding:16px 0}.collapsible-control{padding:0}.control-section-toggle{color:#4d4b48;cursor:pointer;letter-spacing:.02em;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-size:.75rem;font-weight:650;display:flex}.control-section-toggle svg{transition:transform .18s}.control-section-summary{margin-left:12px;font-weight:400}.control-section-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.control-section-content{padding-bottom:16px;animation:.18s both control-section-reveal}@keyframes control-section-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.control-label,.range-group label{color:#4d4b48;letter-spacing:.02em;align-items:center;min-height:22px;margin-bottom:9px;padding:0;font-size:.75rem;font-weight:650;line-height:22px;display:flex}legend.control-label{float:left;width:100%}legend.control-label+*{clear:both}.color-actions{justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.color-actions>span{color:var(--muted);font-size:.68rem}.color-actions button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffb8;border-radius:9px;align-items:center;gap:5px;min-height:34px;padding:7px 10px;font-size:.72rem;display:flex}.control-group select{appearance:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:linear-gradient(45deg,#0000 50%,#6f6c67 50%) calc(100% - 18px) calc(50% - 2px)/5px 5px no-repeat,linear-gradient(135deg,#6f6c67 50%,#0000 50%) calc(100% - 13px) calc(50% - 2px)/5px 5px no-repeat,#fff;border-radius:11px;width:100%;padding:12px 14px}.design-picker{z-index:20;position:relative}.design-control{z-index:30;position:relative}.design-picker-trigger,.design-picker-option{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;grid-template-columns:minmax(0,1fr) 18px;align-items:center;width:100%;display:grid}.design-picker-trigger{background:#fff;border-radius:11px;gap:8px;min-height:48px;padding:9px 12px;font-weight:520}.design-picker-trigger>svg{color:#706d68;justify-self:end;transition:transform .22s}.design-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.design-picker-menu{background:#fffffffa;border:1px solid #11111429;border-radius:14px;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 20px 55px #1c182c33}.design-picker-option{background:0 0;border-color:#0000;border-radius:9px;gap:8px;min-height:48px;padding:9px 8px 9px 11px;font-size:.82rem;font-weight:520}.design-picker-option[aria-selected=true]{background:#6c4cff1a;border-color:#6c4cff4d}.design-picker-option i{background:0 0;border-radius:50%;justify-self:end;width:7px;height:7px}.design-picker-option[aria-selected=true] i{background:var(--violet);box-shadow:0 0 0 3px #6c4cff21}.color-grid{grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.color-field{border:1px solid var(--line);background:#ffffffb8;border-radius:11px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px;min-width:0;padding:5px;transition:border-color .18s,box-shadow .18s,opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.color-field[draggable=true]{cursor:grab}.color-field.dragging{border-color:var(--violet);cursor:grabbing;opacity:.58;transform:scale(.97);box-shadow:0 9px 24px #533ebe2e}.color-field.drop-before{box-shadow:-4px 0 0 var(--violet);transform:translate(4px)}.color-field.drop-after{box-shadow:4px 0 0 var(--violet);transform:translate(-4px)}.color-field.drop-before:before,.color-field.drop-after:after{background:var(--violet);color:#fff;content:"+";z-index:3;border:2px solid #f7f4ed;border-radius:999px;justify-content:center;align-items:center;width:17px;height:17px;font-size:.7rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.color-field.drop-before:before{left:-12px}.color-field.drop-after:after{right:-12px}.color-drag-handle{color:#918d87;cursor:grab;flex:none}.color-grid .color-drag-handle{display:none}.drag-status{background:var(--ink);pointer-events:none;white-space:nowrap;z-index:4;border-radius:999px;align-items:center;gap:3px;padding:4px 7px;display:flex;position:absolute;top:-13px;left:50%;transform:translate(-50%);color:#fff!important;font-size:.56rem!important;overflow:visible!important}.drag-widget-preview{color:#fff;background:#111114f0;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:5px;padding:8px 10px;font-size:.7rem;display:flex;position:fixed;top:-1000px;left:-1000px;box-shadow:0 12px 30px #11111447}.color-picker-trigger{cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #ffffff4d;border:1px solid #11111421!important;border-radius:6px!important;width:28px!important;height:28px!important}.color-value{color:#565451;letter-spacing:.025em;font-size:.68rem;overflow:hidden}.color-picker-popover{color:#fff;z-index:1000;background:#1a1a20;border:1px solid #ffffff2e;border-radius:18px;width:260px;padding:14px;position:fixed;box-shadow:0 22px 55px #00000057}.color-picker-spectrum{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border:1px solid #ffffff29;border-radius:12px;height:166px;position:relative}.color-picker-spectrum-handle{pointer-events:none;border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0000008c}.color-picker-hue,.color-picker-hex{margin-top:12px;display:block}.color-picker-hue>span,.color-picker-hex>span:first-child{color:#fff9;margin-bottom:6px;font-size:.63rem;display:block}.color-picker-hue input{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;width:100%;height:10px;margin:0}.color-picker-hue input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #202027;border-radius:50%;width:17px;height:17px;box-shadow:0 1px 4px #0006}.color-picker-hex-field{background:#101015;border:1px solid #ffffff2b;border-radius:10px;align-items:center;min-height:42px;padding:0 12px;display:flex}.color-picker-hex-field i{color:#ffffff6b;font-size:.8rem;font-style:normal}.color-picker-hex-field input{color:#fff;font:inherit;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;outline:0;width:100%;padding:10px 5px;font-size:.82rem}.color-field>button{color:#77736e;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex}.color-field>button:hover:not(:disabled){color:var(--ink);background:#11111414}.range-group label{justify-content:space-between;align-items:center;display:flex}.range-group output{color:var(--ink)}.range-group input{accent-color:var(--violet);cursor:pointer;width:100%}.range-control-grid{grid-auto-flow:dense;grid-template-columns:minmax(0,1fr);row-gap:10px;padding:4px 0 0;display:grid}.range-control-grid .range-group{border-bottom:0;grid-template-columns:minmax(112px,.8fr) minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:0;display:grid}.range-control-grid .range-group label{margin-bottom:0}.range-span-full{grid-column:1/-1}.tile-option{cursor:pointer;grid-column:1/-1;align-items:center;gap:10px;margin:0;padding:5px 0;display:flex}.tile-option input{accent-color:var(--violet);cursor:pointer;width:17px;height:17px;margin:0}.tile-option>span{flex-direction:column;gap:2px;display:flex}.tile-option strong{color:var(--ink);font-size:.72rem;font-weight:550}.tile-option small{color:var(--muted);font-size:.62rem}.gradient-option-range{animation:.22s both palette-reveal}.menu-bar-model-control{grid-column:1/-1}.menu-bar-model-control label{color:var(--ink);margin-bottom:6px;font-size:.68rem;font-weight:550;display:block}.menu-bar-model-control select{appearance:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:linear-gradient(45deg,#0000 50%,#6f6c67 50%) calc(100% - 18px) calc(50% - 2px)/5px 5px no-repeat,linear-gradient(135deg,#6f6c67 50%,#0000 50%) calc(100% - 13px) calc(50% - 2px)/5px 5px no-repeat,#fff;border-radius:11px;width:100%;padding:10px 34px 10px 12px;font-size:.68rem}.menu-bar-model-control small{color:var(--muted);margin-top:6px;font-size:.6rem;line-height:1.4;display:block}.menu-bar-palette-controls{grid-column:1/-1}.inline-pro-tag{color:#6c4cff;letter-spacing:.08em;font-size:.66rem;font-weight:800}.option-title-with-pro{white-space:nowrap;align-items:center;gap:4px;display:flex}.export-device-grid{grid-auto-flow:dense;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.export-device-card{border:1px solid var(--line);color:#4b4945;cursor:pointer;background:#ffffffa8;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:10px 11px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.export-device-card:hover{border-color:#6c4cff57;transform:translateY(-2px);box-shadow:0 10px 24px #44309714}.export-device-card.active{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 0 0 1px #6c4cff1a,0 0 14px #6c4cff2e}.export-device-card strong{color:inherit;font-size:.78rem;font-weight:650}.export-device-card span{color:inherit;opacity:.72;font-size:.57rem}.export-quality-options{grid-auto-flow:dense;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.export-quality-options button{aspect-ratio:1;border:1px solid var(--line);color:#5a5752;cursor:pointer;background:#ffffffa8;border-radius:10px;justify-content:center;align-items:center;min-width:0;padding:0;font-size:.68rem;font-weight:650;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.export-quality-options button:hover{border-color:#6c4cff57;transform:translateY(-2px);box-shadow:0 10px 24px #44309714}.export-quality-options button.active{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 0 0 1px #6c4cff1a,0 0 14px #6c4cff2e}.custom-resolution-panel{border:1px solid var(--line);background:#ffffff80;border-radius:12px;margin-top:10px;padding:12px}.custom-resolution-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.custom-resolution-fields>span{color:var(--muted);padding-bottom:10px}.custom-resolution-fields label{display:block;position:relative}.custom-resolution-fields label>span{color:#4d4b48;margin-bottom:5px;font-size:.64rem;font-weight:650}.custom-dimension-row{align-items:center;gap:6px;display:flex;margin:0!important}.custom-dimension-input{min-width:0;display:block;position:relative}.custom-dimension-input input{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:9px;width:100%;min-width:0;padding:10px 36px 10px 9px;font-size:.72rem}.custom-dimension-input small{color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;margin:0;font-size:.6rem;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.custom-dimension-unit{flex:none;color:var(--muted)!important;margin:0!important;font-size:.6rem!important;font-weight:450!important}.custom-resolution-panel>button{border:1px solid var(--line);color:#4b4945;cursor:pointer;background:#fff;border-radius:9px;width:100%;min-height:36px;margin-top:10px;font-size:.68rem;font-weight:650}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.shape-grid button{border:1px solid var(--line);color:#4b4945;cursor:pointer;background:#ffffffa8;border-radius:9px;min-width:0;padding:11px 5px;font-size:.68rem}.shape-grid button sup{vertical-align:super;margin-left:1px;font-size:.58em;line-height:0}.shape-grid button.active{background:var(--violet);border-color:var(--violet);color:#fff}.control-buttons{flex-direction:column;gap:8px;padding-top:22px;display:flex}.random-button{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.random-button:hover{background:#5d3df2;transform:translateY(-2px);box-shadow:0 9px 24px #6c4cff47}.random-button.respin-button{border:1px solid var(--line);color:var(--ink);background:#ffffffb8}.random-button.respin-button:hover{background:#fff;box-shadow:0 8px 20px #1111141a}.inline-respin-button{grid-column:1/-1;min-height:38px;margin:12px 0 4px;padding:9px 12px}.topography-action-button{flex:1;min-width:0}.topography-action-row{grid-column:1/-1;gap:8px;margin:4px 0 2px;display:flex}.topography-action-row .topography-action-button{min-height:34px;padding:7px 10px}.compact-respin-button{width:calc(50% - 5px)}.reverse-colors-button[aria-pressed=true]{background:#6c4cff1a;border-color:#6c4cff57}.canvas-panel{background:radial-gradient(circle at 80% 12%,#6c4cff1a,#0000 24%),#18181d;grid-template-rows:auto 1fr auto;min-width:0;padding:22px;display:grid}.canvas-toolbar{color:#ffffff7a;justify-content:space-between;padding-bottom:16px;font-size:.72rem;display:flex}.canvas-toolbar span{align-items:center;gap:7px;display:flex}.canvas-toolbar .canvas-toolbar-actions{gap:10px}.canvas-rotate-button{color:#ffffffb8;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .16s,color .16s;display:flex}.canvas-rotate-button:hover,.canvas-rotate-button:focus-visible{color:#fff;background:#ffffff14}.status-dot{background:#64d28b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #64d28b80}.canvas-stage{border:1px solid #ffffff29;border-radius:18px;place-self:center;width:100%;max-width:100%;max-height:650px;overflow:hidden;box-shadow:0 28px 70px #00000070}.export-row{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:flex}.export-status-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.export-status{color:#ffffffa8;align-items:center;gap:10px;display:flex}.export-status>span{flex-direction:column;display:flex}.export-row strong{color:#fff;font-size:.82rem;font-weight:560}.export-row small{margin-top:2px;font-size:.67rem}.export-actions{align-items:stretch;gap:8px;display:flex}.export-error{color:#ffb4aa;flex-basis:100%;max-width:360px;margin:0;font-size:.72rem;line-height:1.4}.export-actions button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:11px;align-items:center;gap:8px;padding:11px 16px;display:flex}.export-row .format-picker .design-picker-trigger{color:var(--ink);text-align:center;white-space:nowrap;background:#fff;border:1px solid #fff3;justify-content:center;gap:5px;min-height:32px;padding:7px 9px;font-size:.7rem;display:flex}.format-picker .design-picker-menu{min-width:160px;top:auto;bottom:calc(100% + 8px)}.export-row .format-picker .design-picker-option{color:var(--ink);border-color:#0000;padding:9px 11px;display:grid}.export-row .format-picker .design-picker-option[aria-selected=true]{background:#6c4cff1a;border-color:#6c4cff4d}.format-picker .design-picker-option:hover{background:#6c4cff0f}.export-actions .file-location-button{max-width:170px}.file-location-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-actions .primary-export{background:var(--violet);border-color:var(--violet);color:#fff;font-weight:650}.site-footer{background:radial-gradient(circle at 86% 12%,#fff9,#0000 25%),#ded7ff;padding:44px max(40px,50vw - 700px) 20px}.footer-main{grid-template-columns:minmax(0,1.25fr) minmax(460px,.75fr);align-items:start;gap:clamp(56px,8vw,140px);display:grid}.site-footer h2{letter-spacing:-.07em;max-width:900px;margin:0;font-size:clamp(3.1rem,6.2vw,7rem);font-weight:350;line-height:.92}.footer-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.footer-navigation section{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-navigation h3{color:#11111480;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:650}.footer-navigation a{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;text-decoration:none;transition:opacity .18s}.footer-navigation a:hover{opacity:.52}.footer-bottom{border-top:1px solid #11111433;grid-template-columns:1fr auto auto;align-items:center;gap:20px;margin-top:40px;padding-top:16px;font-size:.74rem;display:grid}.footer-bottom img{width:225px;height:auto}.footer-bottom p{margin:0}@media (max-width:1100px){.hero h1{font-size:clamp(3.8rem,7.8vw,6rem)}.design-showcase{grid-template-columns:260px minmax(0,1fr);gap:65px}.studio-shell{grid-template-columns:310px minmax(0,1fr)}}@media (max-width:820px){.site-nav{justify-content:space-between;padding:0 20px 0 24px;display:flex}.nav-actions{gap:6px}.nav-actions button{font-size:.78rem}.nav-actions .account-button{display:none}.start-button{padding:10px 14px}.unlock-pro-button{padding:10px 13px}.settings-button{width:38px;height:38px}.hero{padding:54px 24px 40px}.hero-copy{max-width:720px}.device-gallery{margin:42px -24px 0}.design-showcase{padding:33px 24px 40px;display:block}.design-copy{max-width:620px;position:static}.style-accordion{height:100%}.style-carousel{height:520px;margin-top:34px}.style-card{border-radius:15px}.palette-section{padding:30px 24px}.palette-heading{grid-template-columns:1fr;align-items:start;gap:18px}.palette-heading>p{margin-top:0}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-finder{grid-template-columns:1fr;gap:30px;padding:56px 24px 64px}.palette-finder-workspace{justify-self:stretch;max-width:none}.palette-image-drop{min-height:158px}.studio-section{padding:56px 16px 72px}.studio-heading{grid-template-columns:1fr;align-items:start;gap:22px;width:calc(100% - 16px);margin:0 auto 34px}.studio-shell{flex-direction:column-reverse;display:flex}.canvas-panel{min-height:580px}.studio-controls{overflow:visible}.site-footer{padding:36px 24px 20px}.footer-main{grid-template-columns:1fr;gap:52px}}@media (max-width:580px){.brand img{width:170px}.nav-actions .start-button{display:none}.unlock-pro-button{min-width:112px;padding-left:12px;padding-right:12px}.hero h1{font-size:clamp(2.85rem,13.4vw,4rem);line-height:.94}.hero h1.home-title{font-size:clamp(1.5rem,8.4vw,3rem);line-height:1.08}.hero{padding:44px 22px 21px}.site-nav{padding-left:22px}.hero-intro{margin-top:22px}.hero-actions{align-items:center;gap:22px;margin-top:27px}.hero-actions button,.hero-actions a{font-size:.85rem}.primary-cta{padding:14px 18px}.device-gallery{margin:30px -22px 0;padding-bottom:16px}.device-lineup-card{width:auto;height:174px}.device-set{gap:20px;padding-right:20px}.style-carousel{height:782px}.style-accordion{grid-template-columns:1fr;height:100%}.style-card:hover,.style-card:focus-visible{transform:translateY(-4px)}.style-card{min-height:150px}.style-info{bottom:15px;left:16px}.style-page-button{width:38px;height:38px;right:8px}.palette-section{padding:24px}.palette-finder{padding:46px 24px 54px}.palette-finder-copy h2,.palette-heading h2{font-size:2.35rem}.palette-grid{gap:8px}.palette-preset-card{min-height:104px;padding:10px}.palette-preset-meta strong{font-size:.76rem}.studio-heading{gap:25px}.canvas-panel{min-height:440px;padding:16px}.export-row{flex-direction:column;align-items:flex-start;gap:20px}.export-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.export-actions button{justify-content:center;min-width:0;padding:11px 8px;font-size:.8rem}.export-actions .file-location-button{max-width:none}.export-actions .primary-export{white-space:nowrap;grid-column:1/-1}.studio-controls{padding:22px 18px}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer h2{max-width:520px}.footer-navigation{gap:36px 24px}.footer-bottom{grid-template-columns:1fr;align-items:start;margin-top:52px}}@media (max-width:820px) and (orientation:portrait){.site-main{overflow-x:clip}.style-carousel{--style-card-count:5;height:calc(var(--style-card-count) * ((100vw - 48px) * .45 + 8px) + 8px)}.style-carousel[data-design-page="1"]{--style-card-count:2}.style-track{transition-duration:.28s}.style-accordion{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:1fr}.style-accordion-advanced{grid-template-rows:repeat(2,minmax(0,1fr))}.style-card{min-height:0}.style-card .style-sample-image[data-portrait-sample=true]{object-fit:cover;max-width:none;transform:translate(-50%,-50%)rotate(90deg)scale(1.035);width:calc(45vw - 21.6px)!important;height:calc(100vw - 52px)!important;inset:50% auto auto 50%!important}.style-accordion-advanced .style-card .style-sample-image{object-fit:cover;transform:scale(1.035)}.studio-shell{box-shadow:none;border:0;border-radius:0;overflow:clip}.studio-controls{z-index:0;position:relative}.canvas-panel{--studio-preview-height:min(22svh, 180px);z-index:10;border:1px solid #ffffff1f;border-radius:22px 22px 0 0;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0;padding:12px;position:sticky;top:0;box-shadow:0 -22px 0 22px #111114}.canvas-toolbar{padding-bottom:0}.canvas-stage{max-height:var(--studio-preview-height)}.export-row{flex-direction:column;align-items:stretch;gap:8px;margin-top:0;padding-top:8px}.export-status-row{z-index:20;gap:8px;width:100%;position:relative}.export-status-row .format-picker{position:static}.format-picker .design-picker-menu{width:180px;min-width:180px;margin-left:-90px;left:50%;right:auto}.export-row .format-picker .design-picker-option{min-height:38px;padding:7px 9px}.export-status{min-width:0}.export-status>svg{display:none}.export-row small{font-size:.6rem}.export-actions{width:100%;display:flex}.export-actions .primary-export{flex:1}.style-overlay{background:linear-gradient(#0000 55%,#0a0a0d52 100%)}.style-info strong{text-shadow:0 1px 5px #0a0a0db3}}@media (max-width:820px){.site-footer{padding:16px 22px 12px}.footer-main{grid-template-columns:1fr;gap:14px}.site-footer h2{letter-spacing:-.04em;max-width:none;font-size:clamp(1rem,4.6vw,1.3rem);line-height:1.12}.footer-navigation{gap:14px}.footer-navigation section{gap:3px}.footer-navigation h3{letter-spacing:.08em;margin:0 0 2px;font-size:.58rem;line-height:1.2}.footer-navigation a{font-size:.72rem;line-height:1.3}.footer-bottom{grid-template-columns:1fr auto;align-items:center;gap:4px 8px;margin-top:12px;padding-top:8px;font-size:.52rem}.footer-bottom img{width:125px}.footer-bottom p:last-child{text-align:right;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.device-track{animation:none;transform:none}.style-track,.style-card,.style-card .wallpaper-preview{transition:none}}.content-nav-link,.content-action a{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.content-nav-link{background:var(--ink);color:#fff;font-family:inherit;font-size:1rem;font-weight:inherit;border-radius:999px;padding:13px 18px}.content-hero{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:center;gap:clamp(54px,8vw,140px);max-width:1480px;min-height:min(810px,100vh - 84px);margin:0 auto;padding:clamp(90px,11vw,170px) 40px;display:grid}.content-back-link{color:var(--ink);align-items:center;gap:8px;margin-bottom:42px;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex}.content-hero h1{letter-spacing:-.075em;max-width:1180px;margin:0;font-size:clamp(4rem,6.8vw,7.75rem);font-weight:350;line-height:.91}.content-hero-copy>p{color:var(--muted);max-width:690px;margin:42px 0 0;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.65}.content-hero-image{aspect-ratio:.78;transform-origin:bottom;border-radius:160px 160px 28px 28px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 36px 90px #11111429}.content-hero-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#11111438);position:absolute;inset:0}.content-hero-image img{object-fit:cover;transition:transform .7s}.content-hero-image:hover img{transform:scale(1.035)}.content-accordion-grid{grid-auto-flow:dense;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;max-width:1480px;margin:0 auto;padding:clamp(100px,12vw,180px) 40px;display:grid}.content-accordion-card{border:1px solid var(--line);background:#fff;min-height:300px;padding:clamp(28px,4vw,58px);transition:background .26s,transform .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.content-accordion-card:nth-child(4n+1),.content-accordion-card:nth-child(4n+4){grid-column:span 8}.content-accordion-card:nth-child(4n+2),.content-accordion-card:nth-child(4n+3){grid-column:span 4}.content-accordion-card:first-child{background:#ded7ff;border-radius:34px 0 0}.content-accordion-card:nth-child(2){background:#f7b9a9;border-radius:0 34px 0 0}.content-accordion-card:nth-child(3){background:#e8e3d9;border-radius:0 0 0 34px}.content-accordion-card:nth-child(4){color:#fff;background:#17171c;border-radius:0 0 34px}.content-accordion-card:hover{z-index:1;transform:translateY(-8px)}.content-accordion-card h2{letter-spacing:-.04em;max-width:540px;margin:0;font-size:clamp(1.55rem,2.2vw,2.55rem);font-weight:450;line-height:1.05}.content-accordion-card p{max-width:620px;margin:70px 0 0;line-height:1.65}.content-marquee{background:var(--ink);color:#fff;padding:20px 0;overflow:hidden}.content-marquee-track{width:max-content;min-width:max-content;animation:28s linear infinite content-marquee;display:flex}.content-marquee-track span{align-items:center;gap:34px;padding-right:34px;font-size:clamp(1.1rem,1.8vw,1.5rem);display:inline-flex}.content-marquee-track span:after{content:"";background:#8a73ff;border-radius:50%;width:8px;height:8px}@keyframes content-marquee{to{transform:translate(-50%)}}.content-statement{max-width:1480px;margin:0 auto;padding:clamp(150px,18vw,270px) 40px}.content-statement p{letter-spacing:-.075em;max-width:1320px;margin:0;font-size:clamp(3.2rem,7vw,8.2rem);font-weight:350;line-height:.96}.content-action{background:radial-gradient(circle at 80% 15%,#ffffffb3,#0000 22%),#f7b9a9;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:50px;padding:clamp(100px,12vw,180px) max(40px,50vw - 700px);display:grid}.content-action>p{grid-column:1/-1;margin:0}.content-action h2{letter-spacing:-.075em;max-width:1080px;margin:0;font-size:clamp(3.3rem,7vw,7.8rem);font-weight:350;line-height:.91}.content-action a{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;min-width:190px;padding:17px 22px;font-weight:650}@media (max-width:900px){.content-hero{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.content-hero-image{aspect-ratio:1.25;border-radius:80px 80px 24px 24px;min-height:0}.content-accordion-grid,.content-statement{padding-left:24px;padding-right:24px}.content-accordion-card,.content-accordion-card:nth-child(n){border-radius:0;grid-column:span 6}.content-accordion-card:first-child{border-radius:28px 0 0}.content-accordion-card:nth-child(2){border-radius:0 28px 0 0}.content-accordion-card:nth-child(3){border-radius:0 0 0 28px}.content-accordion-card:nth-child(4){border-radius:0 0 28px}.content-action{grid-template-columns:1fr;align-items:start;padding-left:24px;padding-right:24px}}@media (max-width:600px){.content-nav{padding-left:18px;padding-right:18px}.content-nav .brand img{width:180px}.content-nav-link{padding:11px 13px;font-size:.75rem}.content-hero h1{font-size:clamp(3.4rem,16vw,5rem)}.content-accordion-card,.content-accordion-card:nth-child(n){border-radius:0;grid-column:1/-1;min-height:260px}.content-accordion-card:first-child{border-radius:24px 24px 0 0}.content-accordion-card:last-child{border-radius:0 0 24px 24px}.content-statement p{font-size:clamp(2.8rem,13vw,4.4rem)}}@media (prefers-reduced-motion:reduce){.content-marquee-track{animation:none}html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.content-page{background:var(--paper)}.content-hero{max-width:1480px;min-height:0;margin:0 auto;padding:clamp(28px,3vw,44px) 40px clamp(40px,4vw,56px);display:block}.content-hero-copy{max-width:1040px}.content-back-link{margin-bottom:28px}.content-hero h1{max-width:none;font-size:clamp(3.8rem,7vw,7.25rem);line-height:.94}.content-hero-copy>p{max-width:760px;margin-top:32px}.content-document{max-width:1480px;margin:0 auto;padding:0 40px clamp(44px,5vw,68px)}.content-document details{border-top:1px solid var(--line)}.content-document summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px 0;list-style:none;display:grid}.content-document summary::-webkit-details-marker{display:none}.content-disclosure-icon{border-bottom:1.5px solid var(--ink);border-right:1.5px solid var(--ink);width:10px;height:10px;margin-right:3px;transition:transform .22s cubic-bezier(.22,1,.36,1);transform:rotate(45deg)}.content-document details[open] .content-disclosure-icon{transform:rotate(225deg)}.content-disclosure-body{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(28px,7vw,120px);padding:0 0 38px;display:grid}.content-disclosure-body p{grid-column:2}.content-document h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2vw,2rem);font-weight:500;line-height:1.12}.content-document p{color:var(--muted);max-width:720px;margin:0;font-size:1rem;line-height:1.7}@media (max-width:700px){.content-hero,.content-document{padding-left:24px;padding-right:24px}.content-hero{padding-top:28px;padding-bottom:40px}.content-hero h1{font-size:clamp(3.3rem,16vw,5rem)}.content-disclosure-body{grid-template-columns:1fr;padding-bottom:30px}.content-disclosure-body p{grid-column:1}}.account-shell{background:var(--paper,#f5f2ea);min-height:100svh;padding:40px 24px 80px}.account-brand{width:fit-content;color:var(--ink);margin:0 auto 40px;font-size:1.25rem;font-weight:650;text-decoration:none;display:block}.account-card{background:#fffdf9;border:1px solid #dedbd4;border-radius:24px;width:min(100%,480px);margin:0 auto;padding:clamp(24px,5vw,42px)}.account-card h1{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.12}.account-intro{color:var(--muted);overflow-wrap:anywhere;margin:0 0 24px;line-height:1.6}.account-form{gap:18px;display:grid}.account-form label{gap:8px;font-size:.85rem;display:grid}.account-form input,.account-form select{width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #ccc8bf;border-radius:10px;padding:13px}.auth-password-field{gap:8px;display:grid}.auth-password-input{position:relative}.auth-password-input input{padding-right:76px}.auth-password-input button{color:#6441df;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:.8rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-password-input button:hover{background:#f0ebff}.account-primary,.auth-providers button{text-align:center;background:var(--ink,#17171b);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:14px 18px;text-decoration:none;display:block}.account-primary:disabled{opacity:.55;cursor:wait}.account-secondary{color:var(--ink);margin-top:18px;display:block}.account-text-button{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:24px;padding:0;text-decoration:underline}.auth-tabs{gap:8px;margin-bottom:24px;display:flex}.auth-tabs button{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:10px;flex:1;padding:11px}.auth-tabs button[aria-pressed=true]{border-color:var(--violet);background:#ece6ff}.auth-providers{gap:10px;margin-bottom:20px;display:grid}.auth-providers button{width:100%;color:var(--ink);background:#fff;border:1px solid #d8d4cc}.auth-providers>span{text-align:center;color:var(--muted);margin-top:8px;font-size:.8rem}.account-message{background:#f0ecff;border-radius:10px;margin:0;padding:12px;font-size:.85rem;line-height:1.5}.account-details{gap:18px;margin:24px 0;display:grid}.account-details dt{color:var(--muted);margin-bottom:5px;font-size:.8rem}.account-details dd{overflow-wrap:anywhere;margin:0}.account-details code{font-size:.8rem}.account-role{text-transform:capitalize}a.account-button{align-items:center;text-decoration:none;display:inline-flex}.account-card :focus-visible{outline:3px solid var(--violet);outline-offset:3px}.site-main[data-visuals-ready=false]{visibility:hidden}.site-main[data-visuals-ready=false] .device-track{animation-play-state:paused}.account-brand img{width:min(300px,80vw);height:auto;display:block}.wallpaper-gallery-content{max-width:1480px;margin:0 auto;padding:0 40px 72px}.gallery-header{max-width:1480px;margin:auto;padding:32px 40px 28px}.gallery-back{color:var(--ink);align-items:center;gap:8px;font-size:.9rem;text-decoration:none;display:inline-flex}.gallery-header h1{letter-spacing:-.045em;margin:24px 0 0;font-size:clamp(3rem,6vw,5rem);font-weight:350;line-height:1.1}.gallery-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.gallery-filters{flex-wrap:wrap;gap:8px;display:flex}.gallery-filters a,.gallery-filters button{color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:100px;padding:9px 15px;font-size:.88rem;text-decoration:none}.gallery-filters [aria-current=page],.gallery-filters [aria-pressed=true]{background:var(--ink);color:#fff}.gallery-add{background:var(--ink);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:100px;justify-content:center;align-items:center;padding:12px 18px;font-size:.9rem;text-decoration:none;display:inline-flex}.gallery-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:dense;align-items:start;column-gap:20px;display:grid}.gallery-tile{width:100%;min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-row-end:span 300;padding:0;display:block}.gallery-tile-wide{grid-column:span 2}.gallery-thumbnail{background:#e8e5df;border-radius:12px;display:block;position:relative;overflow:hidden}.gallery-thumbnail img{width:100%;height:auto;display:block}.gallery-tile-label{color:var(--muted);margin-top:9px;font-size:.78rem;display:block}.gallery-modal{background:var(--paper,#f7f5ef);width:min(1050px,94vw);max-height:94dvh;color:var(--ink);border:0;border-radius:20px;padding:24px}.gallery-modal::backdrop{background:#000000a6}.gallery-close{border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border-radius:50%;margin-left:auto;font-size:25px;display:block}.gallery-enlarged{height:min(70dvh,740px);margin-top:12px;position:relative}.gallery-enlarged img{object-fit:contain}.gallery-viewer-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.gallery-upload{width:min(500px,94vw)}.gallery-upload form,.gallery-upload label{gap:12px;display:grid}.gallery-upload form{gap:20px}.gallery-upload input:not([type=checkbox]){border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:10px}.gallery-history-picker{border:0;min-width:0;margin:0;padding:0}.gallery-history-picker legend{margin-bottom:12px}.gallery-history-options{gap:8px;max-height:280px;display:grid;overflow-y:auto}.gallery-upload .gallery-history-option{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.gallery-history-option:has(:checked){border-color:var(--violet);background:var(--soft-surface)}.gallery-upload .gallery-history-option input{width:16px;height:16px;accent-color:var(--violet);flex-shrink:0;padding:0}.gallery-history-option img,.gallery-history-placeholder{object-fit:cover;background:var(--field);border-radius:7px;flex-shrink:0;width:80px;height:56px}.gallery-history-option>span:last-child{gap:5px;min-width:0;display:grid}.gallery-history-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.gallery-history-option small{color:var(--muted);font-size:.7rem}.history-sync-status{color:var(--muted);margin:10px 0;font-size:.75rem;line-height:1.5}.gallery-viewer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.gallery-studio-link{color:var(--ink);text-underline-offset:4px;font-size:.85rem}.gallery-review-link{margin-bottom:24px;display:inline-flex}.gallery-review-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.gallery-decline{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:12px 20px}.gallery-decline:hover{border-color:var(--ink)}@media (max-width:1000px){.gallery-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.gallery-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.gallery-header{padding:24px 22px}.wallpaper-gallery-content{padding:0 22px 48px}}.gallery-sort{align-items:center;gap:10px;margin:0 0 22px;font-size:.85rem;display:flex}.gallery-sort select{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 24px 8px 0}.preview-svg-fallback{width:100%;height:100%}.download-copy-action{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;font-size:.85rem;display:flex}input.range-input{appearance:none;box-shadow:none;cursor:pointer;--range-track:linear-gradient(to right, var(--violet) 0 var(--range-progress), #efefef var(--range-progress) 100%);background:0 0;border:0;border-radius:999px;width:100%;min-width:0;height:20px;margin:0;padding:0}input.range-input::-webkit-slider-runnable-track{background:var(--range-track);border:1px solid var(--range-border,#aaa);box-sizing:border-box;border-radius:999px;height:8px}input.range-input::-moz-range-track{background:var(--range-track);border:1px solid var(--range-border,#aaa);box-sizing:border-box;border-radius:999px;height:8px}input.range-input::-moz-range-progress{background:0 0}input.range-input::-webkit-slider-thumb{appearance:none;background:var(--range-thumb,var(--violet));box-shadow:none;border:0;border-radius:50%;width:16px;height:16px;margin-top:-5px}input.range-input::-moz-range-thumb{background:var(--range-thumb,var(--violet));box-shadow:none;border:0;border-radius:50%;width:16px;height:16px}.color-picker-hue input.range-input{--range-track:linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)}.color-picker-hue input.range-input::-webkit-slider-thumb{box-sizing:border-box;background:#fff;border:2px solid #202027}.color-picker-hue input.range-input::-moz-range-thumb{box-sizing:border-box;background:#fff;border:2px solid #202027}input[type=checkbox]{appearance:none;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #777;border-radius:2px;flex-shrink:0;width:16px;height:16px}input[type=checkbox]:checked{background:var(--violet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center / 14px 14px no-repeat;border-color:var(--violet)}@media (forced-colors:active){input.range-input,input[type=checkbox]{appearance:auto}}.download-dialog{color:#191919;background:#f4f1e9;border:1px solid #d7d3ca;border-radius:22px;width:min(350px,100vw - 40px);padding:28px;box-shadow:0 24px 80px #0005}.download-dialog::backdrop{background:#0008}.download-dialog h2{margin:6px 20px 0 0;font-size:22px}.download-dialog p{font-size:14px;line-height:1.5}.download-dialog-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.download-dialog-actions .file-location-button{color:#191919;border-color:#bcb8b0}.download-dialog [role=status]:empty{display:none}.download-dialog-actions button{font:inherit;cursor:pointer;background:0 0;border:1px solid #bcb8b0;border-radius:12px;padding:12px 18px}.download-dialog-actions .primary-export{color:#fff;background:#7047ff;border-color:#7047ff}.download-dialog-actions button:disabled{opacity:.6;cursor:wait}.download-dialog-close{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.download-dialog-close:hover{background:#0001}.settings-menu .clear-history-button{width:auto;padding:8px;font-size:.7rem;display:block}.download-history-confirmation{text-align:center;align-content:center;justify-items:center;gap:22px;height:100%;display:grid}.download-history-confirmation h2{margin:0;font-size:1.4rem}.download-history-confirmation>div{gap:12px;display:flex}.settings-menu .download-history-confirmation button{text-align:center;width:auto;padding:11px 22px;display:block}.settings-menu .clear-history-confirm{color:#fff;background:#d92d20}.settings-menu .clear-history-confirm:hover{background:#b42318}.auth-providers button{justify-content:center;align-items:center;gap:10px;display:flex}.auth-providers button:disabled,.account-primary:disabled{cursor:not-allowed;opacity:.65}.auth-preview-note,.auth-studio-link{text-align:center;color:var(--muted);font-size:.8rem}.auth-studio-link{margin-top:20px;display:block}.preferences-page{max-width:850px;margin:auto;padding:40px 24px 80px}.preferences-page>header{margin:52px 0 36px}.preferences-page>header p{letter-spacing:.13em;color:var(--muted);font-size:.7rem}.preferences-page h1{letter-spacing:-.05em;margin:8px 0 12px;font-size:clamp(2.8rem,6vw,4rem);font-weight:450}.preferences-page>header>span{color:var(--muted)}.preference-card{border:1px solid var(--line);background:#fffdfa;border-radius:20px;margin-bottom:18px;padding:26px}.preference-card h2{margin:0 0 24px;font-size:1.1rem}.preference-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.preference-row>span{gap:7px;display:grid}.preference-row strong{font-size:.9rem;font-weight:600}.preference-row small{color:var(--muted);max-width:520px;font-size:.8rem;line-height:1.6}.preference-row a{color:var(--ink);white-space:nowrap;font-size:.85rem}.preference-row input{appearance:none;cursor:pointer;background:#d5d2cb;border-radius:30px;flex-shrink:0;width:44px;height:26px;margin:0;position:relative}.preference-row input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.preference-row input:checked{background:var(--violet)}.preference-row input:checked:after{transform:translate(18px)}.preference-row input:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.preferences-status{color:var(--muted);text-align:center;min-height:24px;font-size:.8rem}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-reduce-motion=true] .device-track{animation-play-state:paused!important}.settings-menu.is-preferences-view{background:#fff;width:413px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 90px);display:block;overflow-y:auto}.settings-preferences-panel>header{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:5px 3px 10px;display:flex}.settings-preferences-content{padding:14px 8px 4px}.settings-preferences-content .preference-card{border-radius:12px;margin-bottom:10px;padding:16px}.settings-preferences-content .preference-card h2{margin-bottom:16px;font-size:.8rem}.settings-preferences-content .preference-row{gap:14px}.settings-preferences-content .preference-row small{font-size:.72rem;line-height:1.5}.settings-preferences-content .preferences-status{margin:12px 0 4px;font-size:.7rem}:root{--surface:#fffdfa;--field:#fff;--soft-surface:#ede9e2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.preference-card{background:var(--surface)}.preference-password-link{border:1px solid var(--line);color:var(--text);background:var(--field);border-radius:10px;justify-content:space-between;align-items:center;gap:24px;padding:12px 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.preference-password-link:hover{border-color:var(--violet)}.preference-password-link:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.preference-card .preference-description{color:var(--muted);margin:-12px 0 22px;font-size:.82rem;line-height:1.6}.preference-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.preference-theme-option,.settings-menu .preference-theme-option{background:var(--field);width:100%;min-width:0;color:var(--ink);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:12px;padding:7px;display:block}.preference-theme-option[aria-pressed=true],.settings-menu .preference-theme-option[aria-pressed=true]{border-color:#7958ff;box-shadow:0 0 0 2px #7958ff24}.preference-theme-preview,.settings-menu .preference-theme-option>.preference-theme-preview{background:#f1eee7;border:1px solid #17171b12;border-radius:7px;height:62px;padding:13px 10px 10px 27px;display:block;position:relative;overflow:hidden}.preference-theme-preview:before{content:"";background:#fffdf9;border-right:1px solid #17171b12;width:17px;position:absolute;inset:0 auto 0 0}.preference-theme-preview i{background:#d0cbc2;border-radius:4px;height:5px;margin-bottom:7px;display:block}.preference-theme-preview i:first-child{background:#987dff;width:60%}.preference-theme-preview i:last-child{width:77%}.theme-preview-dark .preference-theme-preview,.settings-menu .theme-preview-dark .preference-theme-preview{background:#202027;border-color:#ffffff12}.theme-preview-dark .preference-theme-preview:before{background:#30303a;border-color:#ffffff12}.theme-preview-dark .preference-theme-preview i:not(:first-child){background:#54515f}.theme-preview-system .preference-theme-preview,.settings-menu .theme-preview-system .preference-theme-preview{background:linear-gradient(90deg,#f1eee7 50%,#202027 50%)}.theme-preview-system .preference-theme-preview i:not(:first-child){background:linear-gradient(90deg,#d0cbc2 33%,#54515f 33%)}.preference-theme-label,.settings-menu .preference-theme-option>.preference-theme-label{flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:10px 0 4px;font-size:.78rem;font-weight:600;display:flex}.preference-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.preference-export-grid label{min-width:0;color:var(--muted);gap:8px;font-size:.76rem;font-weight:600;display:grid}.preference-export-grid select{border:1px solid var(--line);background:var(--field);width:100%;min-width:0;min-height:43px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;padding:10px 12px}.preference-export-device{grid-column:1/-1}.account-preferences-status{color:var(--muted);text-align:center;margin:18px 4px 0;font-size:.76rem;line-height:1.6}.account-preferences-status button,.settings-menu .account-preferences-status button{width:auto;color:var(--violet);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;text-decoration:underline;display:inline}.settings-preferences-content .preference-description{margin:-7px 0 16px;font-size:.73rem}.settings-preferences-content .preference-theme-options{gap:8px;margin-bottom:20px}.settings-preferences-content .preferences-status{margin-top:6px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2eff8;--muted:#b3aebe;--paper:#17171d;--paper-deep:#202027;--line:#ebe2ff29;--violet:#a18aff;--surface:#24232c;--field:#302e39;--soft-surface:#36333f}html[data-theme=dark] body{background:radial-gradient(ellipse at 12% 0, #342b494d, transparent 38%), var(--paper)}html[data-theme=dark] :is(.brand img,.footer-bottom img){filter:invert()}html[data-theme=dark] :is(.account-button,.settings-menu,.settings-menu.is-preferences-view,.settings-menu.is-history-view,.account-card,.design-picker-trigger,.design-picker-menu,.style-page-button,.palette-preset-card,.palette-finder-workspace,.download-dialog){background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .studio-controls{background:var(--paper-deep)}html[data-theme=dark] .design-showcase{background:#20212b}html[data-theme=dark] .palette-section{background:var(--paper)}html[data-theme=dark] .palette-section .palette-preset-card{background:#35323f;border-color:#514b61}html[data-theme=dark] .palette-section .palette-preset-card:hover{background:#3d384b;border-color:#8e78bb}html[data-theme=dark] .palette-finder{background:#1d1d25}html[data-theme=dark] .site-footer{background:radial-gradient(at 85% 0,#5f468638,#0000 45%),#252030}html[data-theme=dark] :is(.start-button,.primary-cta,.content-nav-link,.content-marquee,.content-action a,.gallery-add,.gallery-filters [aria-current=page],.gallery-filters [aria-pressed=true]){color:#17171d}html[data-theme=dark] :is(.random-button,.create-palette-button,.export-actions .primary-export,.shape-grid button.active,.drag-status){background:#7653ef;border-color:#7653ef}html[data-theme=dark] .account-primary{color:#fff;background:#7653ef}html[data-theme=dark] :is(.account-form input,.account-form select,.color-actions button,.color-input-wrap,.custom-dimension-input input,.custom-resolution-panel>button,.control-group select){background:var(--field);color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.export-device-card,.export-quality-options button):not(.active){background:var(--field);color:var(--ink)}html[data-theme=dark] :is(.export-device-card,.export-quality-options button).active{background:#7653ef;border-color:#7653ef}html[data-theme=dark] :is(.control-section-toggle,.control-label,.range-group label,.custom-resolution-fields label>span,.color-picker-trigger,.palette-finder-copy>p:last-child,.eyebrow){color:var(--muted)}html[data-theme=dark] :is(.settings-menu .download-history-entry-button:hover,.palette-pagination button:hover:not(:disabled),.style-page-button:hover,.custom-resolution-panel){background:var(--soft-surface)}html[data-theme=dark] .download-dialog-actions .file-location-button{color:var(--ink);border-color:var(--line)}html[data-theme=dark] .studio-controls button:not(.active):not(.random-button):not(:disabled):hover{color:#c2b2ff}html[data-theme=dark] .auth-tabs [aria-pressed=true]{color:#e3d8ff;background:#3d3158}html[data-theme=dark] .account-message{color:#e4dcf4;background:#352b4e}html[data-theme=dark] .preference-theme-option[aria-pressed=true]{border-color:#b19aff}html[data-theme=dark] :is(.palette-heading>p,.palette-finder-reset,.design-picker-trigger>svg,.color-value,.color-field>button,.footer-navigation h3){color:var(--muted)}html[data-theme=dark] :is(.color-field,.shape-grid button:not(.active),.palette-image-plus){background:var(--field);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .palette-image-drop{background-color:var(--field);border-color:var(--line)}html[data-theme=dark] .auth-password-input button{color:var(--violet)}html[data-theme=dark] input.range-input:not(.color-picker-hue input){--range-track:linear-gradient(to right, #8262da 0 var(--range-progress), #36333f var(--range-progress) 100%);--range-border:#595264;--range-thumb:#9675ec}html[data-theme=dark] .studio-controls input[type=checkbox]:not(:checked){background-color:var(--field);border-color:#858090}