@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff");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:DM Serif Display;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-ext-400-italic-DiLdooSn.woff2)format("woff2"),url(/assets/dm-serif-display-latin-ext-400-italic-D6UvgSoX.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-italic-DpcbibHm.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-italic-BgxzcTJK.woff)format("woff");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:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-ext-400-normal-p18AlW_x.woff2)format("woff2"),url(/assets/dm-serif-display-latin-ext-400-normal-B1toqZab.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-normal-_kVFYEpx.woff)format("woff");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:DM Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-italic-BpitL8Uu.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-400-italic-2EvOpbQN.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-italic-DRLHr0TN.woff2)format("woff2"),url(/assets/dm-sans-latin-400-italic-i6QPgQBE.woff)format("woff");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:DM Sans;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-italic-C1c65SUs.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-italic-BLc5oDSw.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-italic-jlr8VNK_.woff2)format("woff2"),url(/assets/dm-sans-latin-700-italic-BnqALPDU.woff)format("woff");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}.device-art.device-art-duo{padding:0}.duo-fold{perspective:1100px;perspective-origin:50% 48%;pointer-events:none;position:absolute;inset:0}.duo-fold-stage{width:80%;aspect-ratio:var(--duo-inner-ratio);transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.duo-fold-book{transform-style:preserve-3d;position:absolute;inset:0;transform:translate(-25%)}.duo-fold-leaf{width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0}.duo-fold-left{transform-origin:100%;left:0;transform:rotateY(180deg)}.duo-fold-right{opacity:0;right:0}.duo-fold-front{backface-visibility:hidden;position:absolute;inset:0;transform:translateZ(.5px)}.duo-fold-crop{position:absolute;inset:0;overflow:hidden}.duo-fold-cover{width:var(--duo-cover-width);backface-visibility:hidden;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)rotateY(180deg)translateZ(.8px)}.device-art .duo-fold .preview-image,.duo-fold-hero .preview-image{width:100%;max-width:none;transition:none;transform:none}.duo-fold .duo-fold-front .preview-image{width:200%}.duo-fold .duo-fold-right .preview-image{left:-100%}.duo-fold-light{opacity:0;pointer-events:none;position:absolute;inset:0}.duo-fold-cover .duo-fold-light{background:linear-gradient(110deg,#0000 12%,#fff8 48%,#0000 80%);border-radius:12%}.duo-fold-left>.duo-fold-front .duo-fold-light{background:linear-gradient(90deg,#0000 30%,#000);border-radius:12% 0 0 12%}.duo-fold-right>.duo-fold-front .duo-fold-light{background:linear-gradient(90deg,#000,#0000 45%);border-radius:0 12% 12% 0}.duo-fold-shadow{filter:blur(5px);opacity:.1;background:#272725;border-radius:50%;width:79%;height:3%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)scaleX(.52)}.duo-fold-mobile-inner{width:32%;position:absolute;top:43%;left:60%}.duo-fold-hero{perspective:1600px}.duo-fold-hero .duo-fold-stage{width:88%}.duo-fold-hero .duo-fold-shadow{filter:blur(9px);bottom:8%}@media (hover:none),(pointer:coarse){.duo-fold:not([data-interactive=true]) .duo-fold-stage{width:72%;left:39%}.duo-fold:not([data-interactive=true]) .duo-fold-shadow{left:39%}.duo-fold[data-interactive=true] .duo-fold-mobile-inner{display:none}}.browse-page.device-page,.library-header .header-inner,.site-footer.library-footer{width:100%;max-width:2560px;padding-inline:clamp(16px,3vw,64px)}.device-page{--device-columns:3;--device-gap:clamp(8px, 1.5vw, 24px)}.device-page .collection-header{padding:clamp(32px,5vw,88px) 0 clamp(28px,4vw,64px)}.device-page .collection-header h1{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(32px,4.5vw,72px);line-height:1.08}.device-page .collection-header>p{text-wrap:balance;max-width:600px;margin:clamp(12px,1.4vw,20px) auto 0;font-size:clamp(13px,1.2vw,17px);line-height:1.6}.device-page .device-grid{grid-template-columns:repeat(var(--device-columns), minmax(0, 1fr));gap:clamp(22px, 2.4vw, 38px) var(--device-gap)}.device-page .device-art{aspect-ratio:1;border-radius:clamp(6px,.7vw,10px);height:auto}.device-page .device-art>.preview-image{width:95%;max-width:100%}.device-page .device-card-caption{overflow-wrap:anywhere;gap:0;padding-top:clamp(8px,1vw,16px)}.device-page .device-card-caption>div{min-width:0}.device-page .device-card-caption h3{letter-spacing:-.015em;font-size:clamp(11px,.85vw + 5px,15px);line-height:1.4}.device-page .device-card-caption p{margin-top:4px;font-size:clamp(10px,.55vw + 5px,12px);line-height:1.5}.device-page .card-finishes{flex-wrap:wrap;gap:clamp(3px,.4vw,5px);height:auto;min-height:12px;margin-top:7px}.device-page .card-finishes>span{flex:none;width:clamp(6px,.65vw,8px);height:clamp(6px,.65vw,8px)}.device-page .device-browser-controls,.device-page .model-count-row,.device-page .library-actions{min-width:0}.device-page .device-search{flex-shrink:0;width:clamp(215px,20vw,320px)}.device-page .model-count{overflow-wrap:anywhere;min-width:0}.device-page .library-actions{margin-left:auto}@media (width>=1200px){.device-page{--device-columns:4}}@media (width>=1600px){.device-page{--device-columns:5}}@media (width>=1920px){.device-page{--device-columns:6}}@media (width>=2240px){.device-page{--device-columns:7}}@media (width<=900px){.device-page .device-search{width:100%}}@media (width<=680px){.device-page .device-art{aspect-ratio:.75}.device-page .device-art>.preview-image{width:120%;max-width:120%}.device-page .kind-laptop .device-art>.preview-image,.device-page .kind-desktop .device-art>.preview-image{width:110%}.device-page .device-card-caption h3{min-height:2.8em}.device-page .device-card-caption p{min-height:3em}.device-page .card-finishes small{font-size:10px}.device-page .device-filters{grid-template-columns:1.2fr .9fr .75fr .75fr 1.35fr;gap:2px;width:100%;display:grid}.device-page .device-filters a{justify-content:center;min-width:0;min-height:44px;padding:10px 3px;font-size:clamp(10.5px,2.8vw,12px)}.device-page .library-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.device-page .library-actions .sort-control{font-size:11px;display:flex}.device-page .sort-control select{min-height:44px;font-size:16px}.device-page .model-count{flex:80px;font-size:11px}.device-page .resume-link{min-height:44px;font-size:11px}}.device-page .duo-fold-stage{width:88%}@media (hover:none),(pointer:coarse){.device-page .duo-fold:not([data-interactive=true]) .duo-fold-stage{width:80%}}.discovery-section{color:#414643;border-top:1px solid #e7e8e7;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:clamp(32px,6vw,100px);margin:64px 0 12px;padding-top:36px;display:grid}.discovery-section h2{color:#1b201d;letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(22px,2.1vw,30px);line-height:1.25}.discovery-section p{max-width:740px;margin:12px 0;font-size:15px;line-height:1.75}.discovery-aside{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.discovery-aside h3{margin:0;font-size:15px}.discovery-aside a,.discovery-text-link{color:#303a34;text-underline-offset:4px;font-size:14px;line-height:1.5;text-decoration:underline}.discovery-aside p{color:#707671;margin:0;font-size:13px}.mockup-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0;display:grid}.mockup-facts dt{color:#767c77;margin-bottom:7px;font-size:12px}.mockup-facts dd{margin:0;font-size:14px;line-height:1.5}.mockup-details details{border-top:1px solid #e7e8e7;padding:14px 0;font-size:14px}.mockup-details summary{cursor:pointer;font-weight:500}.discovery-text-link{margin-top:20px;display:inline-block}.guides-page{max-width:1240px;margin:0 auto;padding:34px clamp(20px,4vw,56px) 80px}.guide-breadcrumb{color:#767c77;flex-wrap:wrap;gap:10px;margin-bottom:52px;font-size:12px;display:flex}.guide-breadcrumb a{color:inherit}.guide-header{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:50px;margin-bottom:64px;display:grid}.guide-header h1{letter-spacing:-.04em;margin:16px 0 22px;font-size:clamp(34px,4vw,54px);line-height:1.1}.guide-header .primary-button{width:auto;padding-inline:24px;display:inline-flex}.guide-header p{color:#666e68;margin-bottom:28px;font-size:17px;line-height:1.7}.guide-art{text-align:center;background:#f4f5f2;border-radius:20px;margin:0;padding:30px}.guide-art .preview-image{width:100%;max-width:340px;height:auto;max-height:380px;margin:0 auto;position:relative;inset:auto}.guide-art .preview-image img{object-fit:contain;width:100%;max-height:380px;position:relative}.guide-art figcaption{color:#737b74;margin-top:20px;font-size:11px;line-height:1.5}.guide-body{grid-template-columns:220px minmax(0,1fr);gap:70px;display:grid}.guide-toc{flex-direction:column;align-self:start;gap:14px;font-size:13px;line-height:1.6;display:flex;position:sticky;top:24px}.guide-toc span{color:#7b827c}.guide-toc a{color:#3c4740}.guide-body article{min-width:0;max-width:700px}.guide-body section{margin-bottom:40px;scroll-margin-top:24px}.guide-body h2,.guide-cards h2{letter-spacing:-.02em;margin:0 0 16px;font-size:24px;line-height:1.3}.guide-body p,.guide-cards p{color:#5f6962;font-size:16px;line-height:1.8}.guide-related{border-top:1px solid #e7e8e7;flex-direction:column;gap:14px;padding-top:28px;display:flex}.guide-related a{color:#304f3d;font-size:15px}.guide-body .guide-note{margin-top:40px;font-size:12px}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.guide-cards>a{color:#1b201d;border:1px solid #e4e7e4;border-radius:16px;padding:30px;text-decoration:none}.guide-cards span{color:#345341;font-size:14px}@media (width<=680px){.discovery-section,.guide-header,.guide-body,.guide-cards{grid-template-columns:1fr;gap:28px}.discovery-section{margin-top:40px}.mockup-facts{grid-template-columns:1fr;gap:14px}.guide-toc{position:static}.guide-breadcrumb{margin-bottom:28px}.guide-header{margin-bottom:40px}}.model-reference{text-align:center;box-sizing:border-box;background:#f6f7f6;border-radius:12px;width:100%;max-width:260px;margin:0 0 16px;padding:22px}.model-reference .preview-image{width:100%;height:200px;position:relative}.model-reference .preview-image img{object-fit:contain;width:100%;height:100%}.model-reference figcaption{color:#666e68;margin-top:14px;font-size:12px}.duo-display-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.duo-display-links a{color:inherit;border:1px solid #e0e4e0;border-radius:10px;flex-direction:column;gap:8px;padding:16px 20px;font-size:13px;text-decoration:none;display:flex}.duo-display-links a[aria-current=page]{background:#f6f7f6;border-color:#67766b}.duo-display-links span{color:#69746c}.footer-model-links{border-top:1px solid #edf0ed;flex-wrap:wrap;gap:12px 24px;padding:20px 0;display:flex}.footer-model-links a{color:#59645c;font-size:12px;line-height:1.6;text-decoration:none}.footer-model-links a:hover{text-underline-offset:4px;text-decoration:underline}.home-page{--home-accent:#3159df;--home-surface:#f5f6f8;color:#191b20;max-width:1440px;margin:0 auto;padding:0 40px}.home-page a{text-decoration:none}.home-page h1,.home-page h2,.home-page h3,.home-page p{margin:0}.home-page button,.home-page a{-webkit-tap-highlight-color:transparent}.home-header .header-actions{gap:22px}.home-header-cta{color:#fff;background:#1c201e;border-radius:7px;align-items:center;gap:16px;min-height:44px;padding:10px 15px;font-size:13px;font-weight:500;transition:background .18s;display:inline-flex}.home-header-cta:hover{background:#38403c}.home-header .header-actions>.icon-button{display:none}.home-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:52px;padding:55px 0 80px;display:grid}.home-hero-copy{min-width:0;padding-bottom:16px}.home-hero h1{letter-spacing:-.065em;font-size:clamp(54px,5.6vw,81px);font-weight:500;line-height:1.04}.home-hero-description>p{letter-spacing:-.25px;color:#686c69;max-width:380px;margin-top:27px;font-size:18px;line-height:1.65}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.home-button{background:var(--home-accent);color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:20px;min-height:54px;padding:16px 21px;font-size:14px;font-weight:500;line-height:20px;transition:background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 3px #223a8b12}.home-button:hover{background:#2449c5;box-shadow:0 5px 14px #2449c522}.home-button svg{flex-shrink:0;transition:transform .2s}.home-button:hover svg{transform:translate(3px)}.home-button-dark{background:#202622}.home-button-dark:hover{background:#3a443e;box-shadow:0 4px 12px #20262216}.home-text-link{color:#232825;white-space:nowrap;align-items:center;gap:9px;min-height:44px;padding:11px 0;font-size:14px;line-height:1.5;display:inline-flex}.home-text-link:hover{text-underline-offset:5px;text-decoration:underline}.home-hero-note{color:#747975;align-items:center;gap:10px;margin-top:20px;font-size:12px;display:flex}.home-hero-note>span{color:#a5aaa6}.showcase-model-duo{--showcase-stage-height:clamp(310px,36vw,460px)}.showcase-model{background:var(--showcase-background);border:1px solid #1a25400a;border-radius:20px;min-width:0;scroll-margin-top:24px;transition:background-color .3s;overflow:hidden}.showcase-model-link{color:#272c36;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:17px 26px 7px;display:flex}.showcase-model-link h2{letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:500;line-height:1.3;display:flex}.showcase-model-link>svg{color:#7b8493;flex-shrink:0;transition:transform .2s}.showcase-model-link:hover>svg{color:var(--home-accent);transform:translate(3px)}.showcase-new{color:#3159df;background:#eef2ff;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:500}.showcase-stage{height:var(--showcase-stage-height);isolation:isolate;position:relative}.showcase-word{text-align:center;color:var(--showcase-ink);letter-spacing:-.09em;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(150px,21vw,290px);font-weight:500;line-height:1;transition:color .3s;position:absolute;inset:50% 0 auto;transform:translateY(-56%)}.showcase-corners{pointer-events:none;color:var(--showcase-line);transition:color .3s;position:absolute;inset:22px 24px}.showcase-corners i{border:1px solid;width:14px;height:14px;position:absolute}.showcase-corners i:first-child{border-bottom:0;border-right:0;top:0;left:0}.showcase-corners i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.showcase-corners i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.showcase-corners i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.showcase-stage .duo-fold{z-index:1}.showcase-stage-duo .duo-fold-stage{width:min(88%,calc(var(--showcase-stage-height) * 1.15))}.showcase-controls{z-index:3;justify-content:space-between;align-items:center;gap:10px;min-height:70px;padding:5px 23px 21px;display:flex;position:relative}.showcase-fold{color:#2c3340;background:#fff;border:1px solid #202d4618;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px 14px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s;display:inline-flex;box-shadow:0 2px 3px #202d4604}.showcase-fold:hover{color:var(--home-accent);border-color:#3159df55}.showcase-swatches{align-items:center;gap:2px;display:flex}.showcase-swatches button{width:40px;height:44px;color:var(--home-accent);border-radius:5px;place-items:center;display:grid;position:relative}.showcase-swatches button:before{content:"";background:var(--swatch);border:1px solid #00000024;border-radius:50%;position:absolute;inset:10px 8px}.showcase-swatches button[aria-pressed=true]:before{border-color:#3159df80;box-shadow:0 0 0 3px #fff}.showcase-swatches svg{z-index:1;position:relative}.home-promax{border-top:1px solid #e9ebef;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:72px;margin-bottom:100px;padding:64px 0 0;display:grid}.home-promax-copy{grid-column:2;padding:20px 0}.home-promax-copy h2{letter-spacing:-.055em;font-size:clamp(42px,4.7vw,64px);font-weight:500;line-height:1.08}.home-promax-copy>p{color:#6b707a;max-width:270px;margin:22px 0 28px;font-size:16px;line-height:1.65}.home-promax-art{--promax-art-height:clamp(360px,36vw,490px);min-width:0;height:var(--promax-art-height);background:var(--showcase-background);border:1px solid #1a25400a;border-radius:20px;grid-area:1/1;transition:background-color .3s;display:block;position:relative;overflow:hidden}.home-promax-word{color:var(--showcase-ink);letter-spacing:-.095em;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(180px,26vw,380px);font-weight:500;line-height:1;transition:color .3s;position:absolute;top:2%;left:5%}.home-promax .home-promax-phone{position:absolute}.home-promax-phone{width:min(34%,calc(var(--promax-art-height) * .36));filter:drop-shadow(3px 15px 12px #15213824);transition:transform .6s cubic-bezier(.22,1,.36,1)}.home-promax-phone-back{top:10%;left:20%;transform:rotate(-9deg)}.home-promax-phone-front{top:16%;right:20%;transform:rotate(8deg)}.home-promax-open{color:#414958;background:#fff;border:1px solid #202d4610;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s,color .2s;display:grid;position:absolute;bottom:20px;right:20px}.home-promax-art .showcase-corners i:last-child{display:none}.home-promax-art:focus-visible{outline:2px solid var(--home-accent);outline-offset:5px}.home-promax-art:hover .home-promax-open,.home-promax-art:focus-visible .home-promax-open{background:var(--home-accent);color:#fff}.home-section-label{color:#666f68;letter-spacing:1.3px;align-items:center;gap:8px;margin-bottom:20px;font-size:10px;font-weight:500;display:flex}.home-section-label i{background:var(--home-accent);border-radius:50%;width:6px;height:6px}.home-section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px;display:flex}.home-section-heading h2{letter-spacing:-1.5px;font-size:35px;font-weight:500;line-height:1.15}.home-section-heading p{color:#6b716c;margin-top:12px;font-size:15px;line-height:1.6}.home-family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;display:grid}.home-family{color:#171918;min-width:0}.home-family-art{aspect-ratio:.96;background:var(--home-surface);border-radius:12px;justify-content:center;align-items:center;transition:background .22s;display:flex;overflow:hidden}.home-family-art>.preview-image{filter:drop-shadow(2px 8px 8px #00000015);transition:transform .3s}.home-family:hover .home-family-art>.preview-image{transform:translateY(-4px)scale(1.025)}.home-family-phone .preview-image{width:39%}.home-family-tablet .preview-image{width:66%}.home-family-mac .preview-image{width:88%}.home-family-watch .preview-image{width:55%}.home-family-label{justify-content:space-between;align-items:center;margin-top:17px;display:flex}.home-family-label h3{letter-spacing:-.5px;font-size:19px;font-weight:500;line-height:1.4}.home-family-arrow{color:#6c746e;background:#f5f5f3;border-radius:50%;place-items:center;width:30px;height:30px;transition:background .2s,color .2s,transform .2s;display:grid}.home-family:hover .home-family-arrow{color:#fff;background:var(--home-accent);transform:translate(2px)}.home-family>p{color:#6b716c;margin-top:4px;font-size:13px;line-height:1.5}.home-collection{margin-bottom:104px}.home-store{grid-template-columns:1.1fr .9fr;align-items:center;gap:9%;padding:0 0 104px;display:grid}.home-store-art{aspect-ratio:1.12;background:#eceee7;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.home-store-set{align-items:center;gap:17px;width:77%;display:flex}.home-store-set>.preview-image{border-radius:2px;width:calc(50% - 8.5px);box-shadow:0 12px 32px #24314718}.home-store-set>.preview-image:first-child{transform:translateY(-18px)}.home-store-set>.preview-image:last-child{transform:translateY(18px)}.home-store-copy h2{letter-spacing:-2px;font-size:clamp(34px,3.4vw,49px);font-weight:500;line-height:1.12}.home-store-copy>p{color:#696969;max-width:380px;margin:22px 0 28px;font-size:16px;line-height:1.75}.home-how{padding:0}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 0;padding:0;list-style:none;display:grid}.home-step-art{background:var(--home-surface);border-radius:12px;justify-content:center;align-items:center;height:196px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.home-step-upload>img{border-radius:6px;width:auto;height:80%;display:block;transform:rotate(-5deg);box-shadow:0 3px 12px #00000013}.home-upload-mark{background:#fff;border:1px solid #e4e4e4;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:absolute;bottom:28px;left:calc(50% + 18px);box-shadow:0 4px 9px #00000009}.home-step-frame>.preview-image{filter:drop-shadow(2px 4px 4px #00000012);width:72px}.home-step-color{background:#fff;border:1px solid #e8e8e8;border-radius:6px;align-items:center;gap:5px;padding:8px;display:flex;position:absolute;bottom:22px;left:calc(50% + 22px)}.home-step-color i{border-radius:50%;width:11px;height:11px}.home-export-file{background:#fff;border:1px solid #e9e9e9;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:148px;display:flex;box-shadow:0 5px 13px #00000005}.home-export-file>svg{margin-bottom:13px}.home-export-file strong{font-size:17px;font-weight:500}.home-export-file span{color:#757575;margin-top:5px;font-size:10px}.home-step-heading{align-items:baseline;gap:12px;display:flex}.home-step-heading>span{color:#7a7a7a;font-variant-numeric:tabular-nums;font-size:12px}.home-step-heading h3{letter-spacing:-.35px;font-size:18px;font-weight:500;line-height:1.4}.home-steps li>p{color:#696f6a;max-width:340px;margin-top:11px;font-size:14px;line-height:1.7}.home-faq{grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:96px;display:grid}.home-faq>h2{letter-spacing:-1.3px;padding-top:18px;font-size:34px;font-weight:500;line-height:1.2}.home-faq-items details{border-top:1px solid #e8ebe7}.home-faq-items details:last-child{border-bottom:1px solid #e8ebe7}.home-faq-items summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:15px;line-height:1.4;list-style:none;display:flex}.home-faq-items summary::-webkit-details-marker{display:none}.home-faq-items summary svg{color:#6b716c;flex-shrink:0;transition:transform .15s}.home-faq-items details[open] summary svg{transform:rotate(180deg)}.home-faq-items details>p{color:#666e68;padding:0 35px 24px 0;font-size:14px;line-height:1.75}.home-start{background:#f4f6fb;border-radius:13px;justify-content:space-between;align-items:center;gap:28px;margin-top:90px;padding:44px 46px;display:flex}.home-start h2{letter-spacing:-1.3px;font-size:33px;font-weight:500;line-height:1.18}.home-start p{color:#717783;margin-top:13px;font-size:14px}@media (width<=1100px){.home-hero{gap:28px}.home-hero h1{font-size:59px}.home-hero-description>p{font-size:17px}.home-hero-actions{gap:8px 18px}.home-hero-actions .home-text-link{font-size:13px}.home-promax{gap:44px}.home-family-grid{gap:16px}.home-family>p{font-size:12px}}@media (width<=980px){.home-hero h1{font-size:50px}.home-button{gap:13px;min-height:50px;padding:14px 16px}.showcase-controls{padding:5px 14px 16px}.showcase-model-link{padding:15px 20px 5px}.showcase-model-link h2{font-size:18px}}@media (width<=820px){.home-page{padding:0 28px}.home-hero{gap:30px;padding:30px 0 62px}.home-hero h1{font-size:43px}.home-hero-description>p{font-size:15px}.home-hero-actions{margin-top:24px}.home-hero-note{gap:7px;font-size:11px}.showcase-model-duo{--showcase-stage-height:300px}.showcase-swatches button{width:29px}.showcase-swatches button:before{inset:11.5px 4px}.showcase-fold{gap:6px;padding:8px;font-size:11px}.home-promax{gap:32px;margin-bottom:72px;padding-top:48px}.home-promax-copy h2{font-size:38px}.home-promax-copy>p{font-size:15px}.home-promax-art{--promax-art-height:350px}.home-promax-phone{width:36%}.home-promax-phone-back{top:13%;left:16%}.home-promax-phone-front{top:23%;right:16%}.home-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 18px}.home-family-art{aspect-ratio:1.2}.home-family-phone .preview-image{width:30%}.home-family-tablet .preview-image{width:53%}.home-family-mac .preview-image{width:84%}.home-family-watch .preview-image{width:48%}.home-family-label h3{font-size:18px}.home-collection{margin-bottom:72px}.home-section-heading h2{font-size:30px}.home-section-heading>.home-text-link{font-size:12px}.home-steps{gap:18px}.home-step-art{height:170px;margin-bottom:18px}.home-step-heading{gap:8px}.home-step-heading h3{font-size:16px}.home-steps li>p{font-size:13px}.home-faq{gap:40px;padding-top:72px}.home-faq>h2{font-size:28px}.home-start{margin-top:70px;padding:32px}.home-start h2{font-size:27px}}@media (width<=680px){.home-header .header-inner{gap:15px;height:76px;min-height:76px;padding:0 20px;display:flex}.home-header .main-nav{display:none}.home-header-cta{gap:10px;padding:10px 12px;font-size:12px}}@media (width<=600px){.home-page{padding:0 20px}.home-hero{flex-direction:column;align-items:stretch;gap:32px;padding:31px 0 56px;display:flex}.home-hero-copy{padding:0}.home-hero h1{letter-spacing:-.06em;font-size:clamp(42px,12.8vw,69px)}.home-hero-description>p{max-width:350px;margin-top:22px;font-size:16px}.home-hero-actions{gap:8px 20px;margin-top:26px}.home-hero-actions .home-text-link{font-size:13px}.home-hero-note{margin-top:16px;font-size:12px}.showcase-model-duo{--showcase-stage-height:clamp(250px,80vw,400px)}.showcase-model{border-radius:16px}.showcase-model-link{min-height:60px;padding:16px 20px 5px}.showcase-model-link h2{font-size:19px}.showcase-word{font-size:55vw}.showcase-corners{inset:18px}.showcase-controls{min-height:66px;padding:4px 16px 16px}.showcase-fold{gap:9px;padding:10px;font-size:12px}.showcase-swatches button{width:32px}.showcase-swatches button:before{inset:11px 5px}.home-promax{grid-template-columns:1fr;gap:28px;margin-bottom:64px;padding-top:40px}.home-promax-copy{grid-area:1/1;padding:0}.home-promax-copy h2{font-size:42px}.home-promax-copy>p{margin:16px 0 22px}.home-promax-art{--promax-art-height:clamp(300px,96vw,480px);border-radius:16px;grid-area:2/1}.home-promax-word{font-size:67vw}.home-promax-phone{width:36%}.home-promax-phone-back{top:13%;left:16%}.home-promax-phone-front{top:23%;right:16%}.home-section-label{margin-bottom:17px;font-size:10px}.home-section-heading{flex-direction:column;align-items:start;gap:9px;margin-bottom:21px}.home-section-heading h2{letter-spacing:-1.2px;font-size:29px}.home-section-heading p{margin-top:11px;font-size:14px}.home-section-heading>.home-text-link{padding:5px 0;font-size:13px}.home-family-grid{gap:24px 15px}.home-family-art{aspect-ratio:.98}.home-family-phone .preview-image{width:38%}.home-family-tablet .preview-image{width:64%}.home-family-mac .preview-image{width:91%}.home-family-watch .preview-image{width:60%}.home-family-label{margin-top:12px}.home-family-label h3{font-size:16px}.home-family-arrow{width:25px;height:25px}.home-family-arrow svg{width:14px;height:14px}.home-family>p{font-size:12px}.home-collection{margin-bottom:65px}.home-steps{grid-template-columns:1fr;gap:25px;margin-top:25px}.home-steps>li{grid-template-columns:106px 1fr;align-content:center;column-gap:20px;display:grid}.home-step-art{grid-area:1/1/3;height:132px;margin:0}.home-step-heading{flex-wrap:wrap;grid-column:2;align-self:end;gap:4px 9px}.home-step-heading h3{font-size:16px}.home-step-heading>span{font-size:11px}.home-steps li>p{grid-column:2;align-self:start;margin-top:8px;font-size:13px;line-height:1.65}.home-step-upload>img{height:76%}.home-upload-mark{width:31px;height:31px;bottom:15px;left:calc(50% + 6px)}.home-upload-mark svg{width:18px;height:18px}.home-step-frame>.preview-image{width:47px}.home-step-color{gap:3px;padding:5px;bottom:13px;left:calc(50% - 2px)}.home-step-color i{width:7px;height:7px}.home-export-file{border-radius:6px;width:77px;height:96px}.home-export-file>svg{width:22px;height:22px;margin-bottom:8px}.home-export-file strong{font-size:14px}.home-export-file span{display:none}.home-faq{grid-template-columns:1fr;gap:23px;padding-top:65px}.home-faq>h2{padding:0;font-size:29px}.home-faq-items summary{padding:20px 0;font-size:14px}.home-faq-items details>p{padding-right:17px;font-size:13px}.home-start{flex-direction:column;align-items:flex-start;gap:22px;margin-top:62px;padding:28px 24px}.home-start h2{font-size:29px}.home-store{flex-direction:column-reverse;align-items:stretch;gap:28px;padding-bottom:65px;display:flex}.home-store-copy h2{font-size:34px}}@media (width<=380px){.home-header .header-inner{gap:10px;padding:0 16px}.home-header .brand{gap:7px;font-size:18px}.home-header .brand img{width:24px;height:24px}.home-header-cta{gap:8px;padding:10px 11px;font-size:11px}.home-header-cta svg{display:none}.home-hero-actions{gap:8px 12px}.home-hero-actions .home-button{gap:10px;padding:14px;font-size:13px}.home-hero-actions .home-text-link{gap:7px;font-size:12px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.home-promax-art:hover .home-promax-phone-back,.home-promax-art:focus-visible .home-promax-phone-back{transform:translate(-7px,3px)rotate(-11deg)}.home-promax-art:hover .home-promax-phone-front,.home-promax-art:focus-visible .home-promax-phone-front{transform:translate(7px,-5px)rotate(10deg)}}@media (prefers-reduced-motion:reduce){.home-page *,.home-page :before,.home-page :after{transition:none!important;animation:none!important}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:#171717;--ink:#171717;--muted:#6b6b6b;--border:#e9e9e9;--accent:#171717;--blue:#171717;--surface:#fff;--soft:#f5f5f5;background:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled),a{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}main:focus{outline:none}::selection{background:#e6e6e6}.hidden-input{display:none}.skip-link{background:var(--ink);color:#fff;z-index:30;border-radius:6px;padding:12px 20px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--border);background:#fff}.header-inner{align-items:center;gap:48px;max-width:1440px;height:76px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-1.1px;align-items:center;gap:9px;font-size:23px;font-weight:600;display:inline-flex}.brand img{width:29px;height:29px}.main-nav{align-items:center;gap:28px;display:flex}.main-nav a{color:var(--muted);border-radius:0;padding:10px 0;font-size:14px}.main-nav a.active{color:var(--ink);background:0 0;font-weight:500}.main-nav a:hover{color:var(--ink);background:0 0}.header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.header-actions .text-button{color:var(--ink);border:1px solid #e5e5e5;border-radius:8px;padding:9px 12px;font-size:13px}.text-button{color:var(--muted);justify-content:center;align-items:center;gap:7px;padding:8px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--ink)}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--soft);color:var(--ink)}.primary-button,.secondary-button{border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:12px 18px;font-size:13px;font-weight:500;display:inline-flex}.primary-button{background:var(--ink);color:#fff;box-shadow:none}.primary-button:hover:not(:disabled){box-shadow:none;background:#333}.primary-button.compact{width:auto;min-height:40px;padding:10px 17px;font-size:12px}.secondary-button{color:var(--ink);background:#fff;border:1px solid #dedede}.secondary-button:hover:not(:disabled){background:#f7f7f7;border-color:#c9c9c9}.page-kicker{color:var(--muted);letter-spacing:1px;font-size:11px;font-weight:500;line-height:1.5}.browse-page{max-width:1440px;margin:0 auto;padding:0 40px}.resume-link{white-space:nowrap;color:var(--ink);background:0 0;border-radius:0;align-items:center;gap:7px;padding:5px 0;font-size:12px;display:inline-flex}.resume-link:hover{text-underline-offset:4px;background:0 0;text-decoration:underline}.draft-dot,.preview-status-dot{background:#8b8b8b;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.device-browser-controls{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:0 0 16px;display:flex}.device-filters{flex-wrap:wrap;gap:8px;display:flex}.device-filters a{white-space:nowrap;color:#646464;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:10px 15px;font-size:14px;display:flex}.device-filters a:hover{color:var(--ink);background:#f7f7f7}.device-filters a.active{color:var(--ink);background:#f0f0f0}.device-search{border:1px solid var(--border);color:#777;background:#fff;border-radius:8px;align-items:center;gap:9px;width:250px;min-height:42px;padding:10px 12px;display:flex}.device-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.device-search input{width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:0;font-size:13px;outline:0!important}.device-search input::-webkit-search-cancel-button{display:none}.device-search button{color:var(--muted);padding:0;display:flex}.model-count-row{justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:19px 0 18px;display:flex}.model-count{color:var(--muted);font-size:12px;line-height:1.6}.sort-control{color:#6b6b6b;align-items:center;gap:6px;font-size:12px;display:flex}.sort-control select{width:auto;min-height:30px;color:var(--ink);background-color:#0000;border:0;padding:5px 25px 5px 3px;font-size:12px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;display:grid}.device-option{border-radius:10px;min-width:0;display:block}.device-art{aspect-ratio:1.27;background:#f7f7f7;border:0;border-radius:10px;justify-content:center;align-items:center;height:auto;transition:background .18s;display:flex;position:relative;overflow:hidden}.device-art .preview-image{width:85%;max-width:100%;transition:none}.device-option:hover .device-art{background:#f0f0f0}.device-option:hover .preview-image{transform:none}.device-card-caption{gap:12px;padding:16px 0 0;display:flex}.device-card-caption h3{letter-spacing:-.2px;font-size:15px;font-weight:500;line-height:1.5}.device-card-caption p{color:var(--muted);margin-top:4px;font-size:12px}.card-finishes{align-items:center;gap:5px;height:12px;margin-top:9px;display:flex}.card-finishes>span{border:1px solid #00000016;border-radius:50%;width:8px;height:8px}.card-finishes small{color:var(--muted);font-size:11px}.more-models{flex-direction:column;align-items:center;gap:14px;margin-top:44px;display:flex}.more-models .secondary-button{width:auto;padding:12px 24px}.more-models>span{color:var(--muted);font-size:12px}.no-devices{border:1px solid var(--border);text-align:center;background:#fff;border-radius:8px;padding:54px 20px}.no-devices>svg{color:var(--muted);margin-bottom:17px}.no-devices h3{font-size:20px}.no-devices p{color:var(--muted);margin:12px 0 22px;font-size:13px;line-height:1.6}.no-devices .secondary-button{width:auto}.library-footnote{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:12px;display:flex}.library-footnote .text-button{text-underline-offset:3px;font-size:12px;text-decoration:underline}.site-footer{color:var(--muted);max-width:1440px;margin:56px auto 0;padding:27px 40px 30px;font-size:12px}.footer-top{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;padding-top:23px;display:flex}.footer-brand{letter-spacing:-.6px;color:var(--ink);font-size:17px;font-weight:600}.footer-top p{margin-top:7px;font-size:11px}.footer-links{align-items:center;gap:25px;display:flex}.footer-links a:hover{text-underline-offset:4px;text-decoration:underline}.footer-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font-size:12px;display:flex}.footer-bottom>span{align-items:center;gap:6px;display:flex}.footer-bottom>small{font-size:11px}.template-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.template-section-heading h2{letter-spacing:-.2px;font-size:16px}.template-section-heading>span{color:var(--muted);font-size:12px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px;display:grid}.template-option{background:#fff;border:0;border-radius:0;min-width:0;overflow:visible}.template-option:hover{box-shadow:none}.template-art{background:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;gap:30px;height:400px;padding:34px;display:flex;position:relative;overflow:hidden}.template-art .preview-image{width:155px;max-width:calc(50% - 15px);box-shadow:0 4px 12px #0000000d}.template-art .preview-image:nth-of-type(2){transform:none}.template-bold .template-art{background:#ededed}.template-editorial .template-art,.template-glow .template-art{background:#f5f5f5}.template-card-caption{justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.template-card-caption h3{font-size:16px}.template-card-caption p{color:var(--muted);margin-top:6px;font-size:12px}.template-use{white-space:nowrap;color:var(--ink);align-items:center;gap:7px;font-size:12px;display:inline-flex}.template-reassurance{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-top:36px;font-size:12px;line-height:1.7;display:flex}.template-reassurance>svg{flex-shrink:0}.mockup-page,.store-page{max-width:1440px;margin:0 auto;padding:0 40px}.store-page{max-width:1400px}.editor-heading{justify-content:space-between;align-items:center;gap:24px;padding:29px 0 26px;display:flex}.back-link{color:var(--muted);align-items:center;gap:6px;padding:0 0 12px;font-size:11px;display:inline-flex}.back-link:hover{color:var(--ink)}.editor-heading h1{letter-spacing:-.8px;font-size:27px;line-height:1.2}.editor-actions{align-items:center;gap:23px;display:flex}.editor-actions>.text-button{border:1px solid var(--border);background:#fff;border-radius:6px;padding:10px 12px;font-size:11px}.saved-status{color:#6b6b6b;align-items:center;gap:6px;max-width:170px;font-size:11px;line-height:1.5;display:inline-flex}.quick-grid{grid-template-columns:minmax(0,1fr) 324px;align-items:start;gap:25px;display:grid}.canvas-panel{border:1px solid var(--border);background:#fff;border-radius:9px;min-width:0;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:16px 19px;font-size:11px;display:flex}.canvas-toolbar>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-status-dot{vertical-align:2px;margin-right:8px}.canvas-toolbar>span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.canvas-stage{--stage-height:clamp(420px,calc(100dvh - 310px),640px);height:var(--stage-height);background:#f7f7f7;justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.quick-preview .canvas-stage{--stage-height:clamp(430px,calc(100dvh - 300px),660px);background-color:#f7f7f7;background-image:none}.preview-image{flex-shrink:0;position:relative;overflow:hidden}.preview-image canvas,.device-demo>img{width:100%;height:100%;display:block}.main-preview{width:min(100%,calc((var(--stage-height) - 60px)*var(--preview-ratio)))}.store-preview .main-preview{box-shadow:0 3px 16px #2f2f2f12}.preview-upload{color:var(--ink);width:190px;background:#fffffff5;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 12px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #17171718}.preview-upload small{color:var(--muted);font-size:11px;font-weight:400}.preview-upload:hover{background:#fff}.preview-error{color:#a54131;background:#fff;align-items:center;padding:20px;font-size:13px;line-height:1.6;display:flex;position:absolute;inset:0}.drop-overlay{color:#636363;pointer-events:none;background:#f9f9f9ee;border:2px dashed #898989;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:10px}.quick-settings{min-width:0}.quick-controls,.advanced-options{border:1px solid var(--border);background:#fff;border-radius:9px;padding:22px}.panel-label{align-items:center;gap:9px;margin-bottom:17px;font-size:12px;font-weight:500;display:flex}.upload-drop{color:#6b6b6b;background:#f7f7f7;border:1px dashed #c6c6c6;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;min-height:123px;padding:20px 10px;display:flex}.upload-drop strong{color:#5b5b5b;margin-top:2px;font-size:12px;font-weight:500}.upload-drop>span{color:#6b6b6b;font-size:11px}.upload-drop:hover,.upload-drop.dragging{background:#f2f2f2;border-color:#818181}.file-hint{color:#666;text-align:center;margin-top:10px;font-size:11px;line-height:1.7}.sample-button{color:#6b6b6b;text-underline-offset:3px;margin:10px auto 0;padding:4px 0;font-size:11px;text-decoration:underline;display:block}.control-divider{border-top:1px solid var(--border);margin:23px 0}.control-group{margin-top:23px}.control-group:first-child{margin-top:0}.control-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;font-weight:500;display:flex}.control-heading>span{color:var(--muted);font-size:11px;font-weight:400}.frame-swatches{flex-wrap:wrap;gap:15px;padding:3px;display:flex}.frame-swatches button{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;padding:0;display:flex;position:relative;box-shadow:0 0 0 1px #00000012}.frame-swatches button:after{content:"";position:absolute;inset:-6px}.device-finish-swatches{gap:14px;margin-top:14px}.frame-swatches .selected{outline-offset:4px;outline:1.5px solid #7d7d7d}.frame-source{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex}.frame-source .text-button{text-underline-offset:3px;font-size:11px;text-decoration:underline}.orientation-options{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.orientation-options button{border:1px solid var(--border);color:#6b6b6b;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:74px;padding:12px 3px 10px;display:flex}.orientation-options button span{font-size:11px}.orientation-options button:hover{border-color:#b8b8b8}.orientation-options button.selected{color:#5f5f5f;background:#f2f2f2;border-color:#9d9d9d}.pose-landscape{transform:rotate(90deg)}.pose-tilt{transform:rotate(-14deg)}.quick-download{margin-top:23px}.quick-download p{text-align:center;color:var(--muted);margin-top:10px;font-size:11px}.quick-download .text-button{margin:8px auto 0;font-size:11px;display:flex}.advanced-options{margin-top:14px;padding:0}.advanced-options>summary{color:#666;cursor:pointer;justify-content:space-between;align-items:center;padding:17px 22px;font-size:12px;list-style:none;display:flex}.advanced-options>summary::-webkit-details-marker{display:none}.advanced-options[open]>summary svg{transform:rotate(180deg)}.advanced-inner{padding:4px 22px 23px}.reset-design{margin-top:22px}.background-swatches{flex-wrap:wrap;gap:12px;padding:2px;display:flex}.background-swatches>button,.custom-swatch{color:#5f5f5f;border:1px solid #ddd;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.background-swatches>button:nth-child(5){color:#fff}.background-swatches .selected{outline-offset:3px;outline:1.5px solid #7f7f7f}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#dbdbdb 25%,#0000 25%),linear-gradient(-45deg,#dbdbdb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dbdbdb 75%),linear-gradient(-45deg,#0000 75%,#dbdbdb 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.custom-swatch{color:#6b6b6b;border-style:dashed;position:relative}.custom-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.custom-swatch:focus-within{outline:2px solid var(--accent);outline-offset:3px}.range-label{grid-template-columns:1fr auto;align-items:center;gap:11px;margin-top:23px;font-size:12px;display:grid}.range-label>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.range-label input{accent-color:#737373;cursor:pointer;grid-column:1/-1;width:100%;height:20px;margin:0}.switch-label{cursor:pointer;align-items:center;min-height:24px;margin-top:20px;font-size:12px;display:flex;position:relative}.switch-label input{opacity:0;cursor:pointer;width:34px;height:24px;margin:0;position:absolute;right:0}.switch-track{pointer-events:none;background:#e0e0e0;border-radius:20px;width:34px;height:20px;margin-left:auto;padding:3px}.switch-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;display:block;box-shadow:0 1px 2px #00000015}.switch-label input:checked+.switch-track{background:#7a7a7a}.switch-label input:checked+.switch-track:after{transform:translate(14px)}.switch-label input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}.crop-controls{margin-top:23px}.crop-controls summary{color:#6b6b6b;cursor:pointer;align-items:center;gap:7px;padding:4px 0;font-size:11px;list-style:none;display:flex}.crop-controls summary::-webkit-details-marker{display:none}.crop-controls summary svg:last-child{margin-left:auto}.crop-controls[open] summary svg:last-child{transform:rotate(180deg)}.crop-inner{padding-top:16px}.segmented-control{background:#f1f1f1;border-radius:6px;gap:3px;padding:4px;display:flex}.segmented-control button{color:#6b6b6b;border-radius:4px;flex:1;padding:9px 4px;font-size:11px}.segmented-control .selected{color:#525252;background:#fff;box-shadow:0 1px 4px #38383812}.control-note{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.8}.field-label{flex-direction:column;gap:10px;font-size:12px;font-weight:500;display:flex}select{appearance:none;color:#545454;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2367715e' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #e1e1e1;border-radius:6px;width:100%;min-width:0;padding:11px 28px 11px 11px;font-size:12px;font-weight:400}select:hover{border-color:#b6b6b6}.custom-dimensions{color:var(--muted);align-items:center;gap:10px;margin-top:14px;font-size:11px;display:flex}.custom-dimensions label{flex-direction:column;gap:6px;min-width:0;display:flex}.custom-dimensions>span{margin-top:20px}.custom-dimensions input{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:6px;padding:9px 10px;font-size:12px}.screenshot-strip{border-top:1px solid var(--border);padding:17px 19px 20px}.strip-heading{color:#6b6b6b;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:11px;display:flex}.strip-heading small{color:#6b6b6b;padding-left:7px;font-size:11px}.strip-heading>span:last-child{color:var(--muted);font-size:11px}.screenshot-items{gap:12px;margin:0 -3px;padding:3px;display:flex;overflow-x:auto}.screenshot-item{border:1px solid var(--border);background:#f2f2f2;border-radius:5px;flex-shrink:0;width:60px;height:74px;padding:5px;position:relative}.screenshot-item.active{border-color:#8e8e8e;box-shadow:0 0 0 1px #8e8e8e}.screenshot-select{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.screenshot-select img{object-fit:contain;width:100%;height:100%}.screenshot-select>span{color:#6b6b6b;background:#fffffff2;border-radius:3px;padding:1px 4px;font-size:11px;position:absolute;bottom:3px;left:3px}.remove-screenshot{color:#6b6b6b;border:1px solid var(--border);opacity:0;background:#fffffff2;border-radius:4px;justify-content:center;align-items:center;width:23px;height:23px;padding:0;display:flex;position:absolute;top:1px;right:1px}.screenshot-item:hover .remove-screenshot,.screenshot-item:focus-within .remove-screenshot{opacity:1}.remove-screenshot:hover{color:#a04430}.add-screenshot{color:#6b6b6b;border:1px dashed #cecece;border-radius:5px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:60px;height:74px;font-size:11px;display:flex}.add-screenshot:hover{background:#f2f2f2}.store-title{align-items:center;gap:15px;display:flex}.current-template{color:#6b6b6b;border:1px solid #e1e1e1;border-radius:5px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:inline-flex}.store-grid{grid-template-columns:78px minmax(0,1fr) 310px;align-items:start;gap:17px;display:grid}.tool-rail{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:5px;padding:7px;display:flex}.tool-rail button{color:#6b6b6b;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:67px;padding:10px 2px;display:flex}.tool-rail button span{font-size:11px}.tool-rail button.active{color:var(--ink);background:#f0f0f0}.tool-rail button:hover{background:#f2f2f2}.studio-inspector{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;min-height:440px;display:flex;overflow:hidden}.inspector-heading{border-bottom:1px solid var(--border);padding:19px 21px}.inspector-heading h2{font-size:14px}.inspector-body{flex:1;padding:22px 21px}.inspector-note{border-top:1px solid var(--border);color:#6b6b6b;align-items:center;gap:6px;padding:15px 21px;font-size:11px;display:flex}.inspector-body>.field-label+.control-group{margin-top:25px}textarea{resize:vertical;border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:6px;min-height:78px;padding:11px;font-size:13px;font-weight:400;line-height:1.6}textarea::placeholder{color:#6b6b6b}.color-field{justify-content:space-between;align-items:center;margin-top:22px;font-size:12px;display:flex}.color-field input{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;width:35px;height:28px;padding:3px}.empty-note{color:var(--muted);font-size:12px;line-height:1.8}.export-panel-actions{flex-direction:column;gap:11px;margin-top:22px;display:flex}.editor-footer{max-width:1400px;margin-top:5px}.mobile-export-bar{display:none}.toast{color:#fff;z-index:20;background:#373737;border-radius:8px;align-items:center;gap:20px;width:max-content;max-width:min(570px,90vw);padding:15px 17px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.toast button{color:#e5e5e5;flex-shrink:0;padding:3px;display:flex}.busy-status{border:1px solid var(--border);color:#666;z-index:25;background:#fff;border-radius:6px;align-items:center;gap:10px;padding:12px 17px;font-size:12px;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 3px 18px #0001}.spinner{border:2px solid #e0e0e0;border-top-color:gray;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dialog{border:1px solid var(--border);width:470px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);background:#fbfbfb;border-radius:12px;padding:31px;box-shadow:0 20px 100px #0003}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c2c2c66}.dialog-close{position:absolute;top:12px;right:12px}.dialog h2{letter-spacing:-.7px;margin:0 24px 17px 0;font-size:24px}.dialog p{color:var(--muted);font-size:12px;line-height:1.8}.dialog p+p{margin-top:14px}.dialog p strong{color:#525252;font-weight:500}.privacy-box{color:#6b6b6b;background:#f0f0f0;border-radius:7px;align-items:start;gap:11px;margin:22px 0;padding:16px;display:flex}.privacy-box>svg{flex-shrink:0}.privacy-box strong{color:#595959;font-size:12px;font-weight:500}.privacy-box p{margin-top:5px;font-size:11px}.dialog .help-small{margin:0 0 20px;font-size:11px}.help-small a{color:#5b5b5b;text-underline-offset:3px;text-decoration:underline}.export-choice{color:#6b6b6b;text-align:left;border:1px solid #e1e1e1;border-radius:7px;align-items:center;gap:13px;width:100%;margin-top:15px;padding:18px 15px;display:flex}.export-choice:hover{background:#f3f3f3;border-color:silver}.export-choice>span{flex:1;min-width:0}.export-choice strong{color:#585858;font-size:13px;font-weight:500;display:block}.export-choice small{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:11px;display:block}.export-save-project{margin:17px auto 0;font-size:11px;display:flex}.frame-dialog .primary-button{margin:15px 0 0}.frame-dialog .control-note{margin-top:13px}.frame-import-error{color:#9f4334;margin:12px 0 0;font-size:12px;line-height:1.7}.recovery-banner{color:#6e5a24;background:#fff9e7;border:1px solid #ddcf9e;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:20px auto 0;padding:15px 18px;font-size:12px;line-height:1.6;display:flex}.recovery-banner button{white-space:nowrap;color:#654e15;text-underline-offset:3px;font-weight:500;text-decoration:underline}.loading-page{min-height:65vh;padding-top:60px;padding-bottom:40px}.loading-label{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin:35px 0;font-size:13px;display:flex}.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}.skeleton-card{background:#f5f5f5;border-radius:8px;height:240px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.load-error{border:1px solid var(--border);background:#fff;border-radius:10px;max-width:600px;margin:30px auto;padding:40px}.load-error h1{letter-spacing:-.6px;margin-bottom:15px;font-size:26px}.load-error p{color:var(--muted);font-size:13px;line-height:1.8}.load-error .secondary-button,.load-error .primary-button{margin-top:17px}.info-page{max-width:1120px;margin:0 auto;padding:55px 40px 10px}.info-heading{max-width:720px;margin-bottom:45px}.info-heading h1{letter-spacing:-1.7px;margin:16px 0;font-size:46px}.info-heading p:not(.page-kicker){color:var(--muted);font-size:15px;line-height:1.8}.info-layout{grid-template-columns:190px minmax(0,1fr);gap:55px;display:grid}.info-toc{color:var(--muted);flex-direction:column;align-self:start;gap:16px;font-size:12px;display:flex;position:sticky;top:25px}.info-toc a:hover{color:var(--ink)}.info-content{max-width:710px}.info-section{border-bottom:1px solid var(--border);margin-bottom:29px;padding-bottom:30px;scroll-margin-top:28px}.info-section h2{letter-spacing:-.5px;margin-bottom:15px;font-size:23px}.info-section h3{margin:20px 0 9px;font-size:15px}.info-section p,.info-section li,.info-callout p,.info-next p{color:var(--muted);font-size:13px;line-height:1.9}.info-section p+p{margin-top:13px}.info-section a,.info-next a{text-underline-offset:4px;text-decoration:underline}.info-section ul,.info-section ol{padding-left:21px}.info-section li{margin:8px 0}.info-callout{background:#efefef;border-radius:8px;align-items:start;gap:12px;margin:20px 0;padding:20px 23px;display:flex}.info-callout strong{margin-bottom:8px;font-size:14px;display:block}.info-next{flex-wrap:wrap;gap:20px;margin-top:25px;font-size:13px;display:flex}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:55vh;padding:55px 24px;display:flex}.not-found h1{letter-spacing:-1px;margin:15px 0;font-size:40px}.not-found p{color:var(--muted);font-size:14px;line-height:1.8}.not-found .primary-button{width:auto;margin-top:25px}.heading-download .primary-button{width:auto;min-height:40px;padding:10px 16px;font-size:12px}.has-content .upload-drop{min-height:85px;padding:12px 10px}.has-content .upload-drop>svg{width:19px;height:19px}.info-section details{border-top:1px solid var(--border);padding:16px 0}.info-section details summary{cursor:pointer;font-size:13px;line-height:1.7}.info-section details p{margin-top:12px}.text-link{color:#5f5f5f;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:inline-flex}.info-next .secondary-button{width:auto}.info-callout>svg{flex-shrink:0}.not-found>p{max-width:530px}.not-found .text-link{margin-top:18px}.preview-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.editor-heading>div:first-child{min-width:0}.collection-header{text-align:center;padding:68px 0 58px}.collection-header h1{letter-spacing:-3.5px;font-size:64px;font-weight:500;line-height:1.05}.collection-header>p{color:var(--muted);margin-top:20px;font-size:16px;line-height:1.6}.collection-header .resume-link{margin-top:18px}.library-actions{flex-shrink:0;align-items:center;gap:28px;display:flex}@media (width>=1440px){.device-art{height:auto}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-art .preview-image{width:85%}}@media (width<=1100px){.header-inner{gap:24px}.header-actions{gap:10px}.device-art{height:205px}.device-art .preview-image{width:211px}.device-filters{gap:2px}.device-filters a{padding:10px 11px}.device-search{width:215px}.store-grid{grid-template-columns:minmax(0,1fr) 295px}.tool-rail{flex-direction:row;grid-column:1/-1}.tool-rail button{flex-direction:row;flex:1;gap:8px;min-height:48px}.tool-rail button span{font-size:11px}}@media (width<=900px){.header-inner,.browse-page,.mockup-page,.store-page{padding-left:24px;padding-right:24px}.header-inner{gap:28px;height:72px}.header-actions .text-button>span{display:none}.header-actions .text-button{width:36px;height:36px;padding:0}.main-nav a{padding:10px 0;font-size:13px}.brand{font-size:20px}.desktop-break{display:none}.device-browser-controls{flex-direction:column-reverse;align-items:stretch;gap:14px}.device-search{width:100%;max-width:none}.device-filters{gap:7px}.device-filters a{padding:10px 13px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.device-art{height:auto}.device-art .preview-image{width:90%}.quick-grid{grid-template-columns:minmax(0,1fr) 285px;gap:17px}.quick-controls{padding:18px}.advanced-options>summary{padding:17px 18px}.advanced-inner{padding:4px 18px 20px}.saved-status{display:none}.editor-actions{gap:12px}.editor-heading h1{font-size:24px}.quick-preview .canvas-stage{--stage-height:490px;padding:20px}.main-preview{width:min(100%,calc((var(--stage-height) - 40px)*var(--preview-ratio)))}.template-art{gap:16px;height:320px;padding:24px}.template-art .preview-image{width:122px;max-width:calc(50% - 8px)}.template-card-caption{gap:10px;padding:16px 0}.template-use{font-size:11px}.site-footer{padding-left:24px;padding-right:24px}.recovery-banner{margin-left:24px;margin-right:24px}.info-layout{grid-template-columns:160px minmax(0,1fr);gap:30px}.collection-header{padding:56px 0 40px}.collection-header h1{letter-spacing:-2.6px;font-size:52px}.collection-header>p{font-size:15px}}@media (width<=680px){.header-inner{grid-template-columns:1fr auto;gap:13px;height:auto;min-height:110px;padding:18px 20px 0;display:grid}.brand{font-size:20px}.brand img{width:27px;height:27px}.main-nav{grid-area:2/1/auto/-1;gap:clamp(10px,3.5vw,24px)}.main-nav a{text-align:left;flex:none;padding:10px 0 14px;font-size:clamp(11px,3.2vw,13px)}.header-actions{grid-area:1/2;gap:8px}.header-actions .text-button,.header-actions .icon-button{width:44px;height:44px}.browse-page,.mockup-page,.store-page{padding:0 20px}.device-browser-controls{gap:14px;padding-bottom:12px}.device-search{min-height:45px;padding:12px}.device-search input{font-size:16px}.device-filters{scrollbar-width:none;flex-wrap:wrap;gap:4px;margin:0;padding:0;overflow:visible}.device-filters::-webkit-scrollbar{display:none}.device-filters a{flex-shrink:0;padding:10px 9px;font-size:12px}.model-count-row{flex-wrap:wrap;gap:8px;min-height:58px;padding:14px 0}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.device-art{aspect-ratio:.9;border-radius:8px;height:auto}.device-art .preview-image{width:110%;max-width:110%}.device-card-caption{padding-top:12px}.device-card-caption h3{font-size:13px;line-height:1.4}.device-card-caption p{font-size:12px;line-height:1.6}.card-finishes{margin-top:8px}.more-models{margin-top:30px}.library-footnote{flex-direction:column;gap:0;margin-top:23px}.site-footer{margin-top:30px;padding:20px}.footer-top{align-items:start;gap:22px}.footer-brand{font-size:16px}.footer-top p{max-width:150px;font-size:11px;line-height:1.7}.footer-links{flex-direction:column;align-items:flex-end;gap:16px;font-size:12px}.footer-bottom{flex-direction:column;align-items:start;gap:12px;margin-top:25px;line-height:1.6}.template-section-heading{flex-direction:row;align-items:center;gap:8px}.template-section-heading h2{font-size:16px}.template-section-heading>span{font-size:11px}.template-grid{grid-template-columns:1fr;gap:22px}.template-art{gap:25px;height:340px;padding:28px 20px}.template-art .preview-image{width:134px;max-width:calc(50% - 12.5px)}.template-card-caption{padding:17px 0}.template-card-caption h3{font-size:16px}.template-use{font-size:11px}.template-reassurance{align-items:start;font-size:11px;line-height:1.8}.editor-heading{align-items:flex-end;gap:16px;padding:24px 0 21px}.editor-heading h1{font-size:22px}.editor-actions{flex-shrink:0;gap:8px}.editor-actions>.text-button{gap:5px;padding:9px;font-size:11px}.editor-actions>.text-button svg{width:14px}.back-link{padding-bottom:10px;font-size:11px}.store-title{display:block}.current-template{margin-top:10px;font-size:11px}.store-page .editor-actions{flex-direction:column;align-items:flex-end;gap:9px}.store-page .editor-actions .primary-button{display:none}.quick-grid,.store-grid{flex-direction:column;gap:18px;display:flex}.quick-grid>*,.store-grid>*{width:100%}.canvas-toolbar{gap:12px;padding:13px 15px;font-size:11px}.canvas-toolbar>span:last-child{font-size:11px}.canvas-stage,.quick-preview .canvas-stage{--stage-height:380px;padding:22px}.main-preview{width:min(100%,calc((var(--stage-height) - 44px)*var(--preview-ratio)))}.quick-controls{padding:22px}.advanced-options>summary{padding:18px 22px}.advanced-inner{padding:4px 22px 23px}.quick-controls .upload-drop{min-height:126px}.field-label,select,.control-heading{font-size:13px}select{min-height:44px}.orientation-options button{min-height:78px}.orientation-options button span{font-size:11px}.tool-rail{z-index:4;flex-direction:row;gap:3px;padding:5px;position:sticky;top:0;overflow-x:auto}.tool-rail button{flex-direction:column;gap:6px;min-width:41px;min-height:59px;padding:8px 2px}.tool-rail button span{font-size:10px}.store-grid .tool-rail{order:0}.store-grid .canvas-panel{order:1}.store-grid .studio-inspector{order:2}.studio-inspector{min-height:280px;scroll-margin-top:85px}.inspector-heading{padding:18px 22px}.inspector-body{padding:22px}.strip-heading>span:last-child{display:none}.screenshot-strip{padding:15px 17px 19px}.remove-screenshot{opacity:1}.mobile-export-bar{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:6;background:#fffffff7;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-export-bar .secondary-button{flex-shrink:0;width:auto}.mobile-export-bar .primary-button{flex:1;width:auto}.editor-footer{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.toast{bottom:calc(82px + env(safe-area-inset-bottom));font-size:11px}.dialog{padding:27px}.recovery-banner{flex-direction:column;align-items:start;gap:8px;margin:16px 20px 0;font-size:11px}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:14px}.skeleton-card{height:185px}.loading-page{padding-top:25px}.load-error{padding:25px}.info-page{padding:37px 22px 10px}.info-heading{margin-bottom:30px}.info-heading h1{letter-spacing:-1.2px;font-size:37px}.info-heading p:not(.page-kicker){font-size:13px}.info-layout{display:block}.info-toc{border-bottom:1px solid var(--border);flex-flow:wrap;gap:13px 20px;margin-bottom:30px;padding-bottom:22px;font-size:11px;position:static}.info-section h2{font-size:22px}.info-section p,.info-section li{font-size:13px}.info-next{flex-direction:column}.not-found h1{font-size:32px}.main-nav a.active{box-shadow:inset 0 -2px var(--ink)}.collection-header{padding:38px 0 32px}.collection-header h1{letter-spacing:-1.8px;font-size:40px;line-height:1.1}.collection-header>p{max-width:320px;margin-top:14px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.6}.library-actions{gap:12px}.library-actions .sort-control,.heading-download{display:none}.has-content .upload-drop{min-height:105px}.field-label select,.custom-dimensions input,.color-field input,textarea{font-size:16px}}@media (width<=370px){.browse-page,.mockup-page,.store-page{padding-left:16px;padding-right:16px}.device-art{height:auto}.device-art .preview-image{width:110%}.editor-heading h1{font-size:20px}.editor-actions>.text-button{font-size:11px}.template-art{height:330px}.template-art .preview-image{width:116px}.store-title h1{font-size:20px}.collection-header h1{font-size:36px}}@media (hover:none){.remove-screenshot{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.example-banner{background:#f2f5ff;border:1px solid #e0e7ff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;max-width:1360px;margin:20px auto 0;padding:12px 18px;font-size:13px;line-height:1.5;display:flex}.example-banner p{margin:0}.example-banner button,.example-banner a{text-underline-offset:3px;min-height:36px;font-weight:600;text-decoration:underline}@media (width<=1440px){.example-banner{margin-left:40px;margin-right:40px}}@media (width<=680px){.example-banner{flex-direction:column;align-items:flex-start;gap:4px;margin:14px 20px 0}}.screen-upload-area{pointer-events:none;position:absolute;container-type:size}.screen-upload-area .preview-upload{pointer-events:auto;box-sizing:border-box;gap:clamp(4px,4cqh,10px);width:min(190px,80cqw);max-height:74cqh;padding:clamp(6px,7cqw,20px) clamp(6px,4cqw,12px);font-size:clamp(10px,6cqw,12px)}@container (width<=160px){.screen-upload-area .preview-upload{box-shadow:none;background:0 0;border-color:#0000}.screen-upload-area .preview-upload small{display:none}.screen-upload-area .preview-upload svg{flex-shrink:0;width:20px;height:20px}}@container (height<=90px){.screen-upload-area .preview-upload{gap:4px;padding:4px}.screen-upload-area .preview-upload small{display:none}.screen-upload-area .preview-upload svg{width:18px;height:18px}}.caption-controls .field-label+.field-label{margin-top:16px}.caption-controls textarea{min-height:66px}.typography-row{align-items:flex-end;gap:8px;margin-top:20px;display:flex}.typography-row .field-label{flex:1;min-width:0}.type-style-buttons{gap:4px;padding-bottom:1px;display:flex}.type-style-buttons button{border:1px solid var(--border);border-radius:5px;place-items:center;width:33px;height:39px;display:grid}.type-style-buttons button[aria-pressed=true]{color:#fff;background:#242424;border-color:#242424}.type-style-buttons button:disabled{opacity:.3;cursor:default}.text-alignment button{justify-content:center;align-items:center;min-height:36px;display:flex}.text-position-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.text-position-options button{border:1px solid var(--border);color:#777;border-radius:6px;flex-direction:column;align-items:center;gap:9px;padding:12px 4px 9px;font-size:11px;display:flex}.text-position-options button.selected{color:#222;background:#f7f7f5;border-color:#222}.layout-diagram{width:25px;height:30px;display:block;position:relative}.layout-diagram i{opacity:.55;background:currentColor;border-radius:1px;position:absolute}.layout-diagram b{border:1px solid;border-radius:2px;position:absolute}.layout-top i,.layout-bottom i{width:18px;height:3px;left:3px}.layout-top b,.layout-bottom b{width:15px;height:20px;left:5px}.layout-top i{top:0}.layout-top b,.layout-bottom i{bottom:0}.layout-bottom b{top:0}.layout-left i,.layout-right i{width:9px;height:3px;top:12px}.layout-left b,.layout-right b{width:12px;height:25px;top:3px}.layout-left i{left:0}.layout-left b,.layout-right i{right:0}.layout-right b{left:0}.text-adjustments{margin-top:20px}.text-adjustments summary{cursor:pointer;color:#777;justify-content:space-between;align-items:center;font-size:12px;display:flex}.text-adjustments summary::-webkit-details-marker{display:none}.custom-background-controls{margin-top:25px}.store-upload-prompt{border-top:1px solid var(--border);background:#fff;justify-content:center;padding:15px;display:flex}.store-upload-prompt .preview-upload{width:auto;box-shadow:none;border-color:#dedede;flex-direction:row;padding:10px 18px;position:static;transform:none}.store-upload-prompt .preview-upload small{display:none}.store-upload-prompt .preview-upload svg{width:17px;height:17px}.store-preview .canvas-stage{--stage-height:clamp(440px, calc(100dvh - 280px), 760px)}@media (width>=681px){.store-page .canvas-panel,.store-page .tool-rail{position:sticky;top:20px}.store-page .studio-inspector{height:clamp(440px,100dvh - 200px,760px);min-height:0;position:sticky;top:20px}.store-page .inspector-body{overscroll-behavior:contain;overflow-y:auto}.store-page .inspector-heading{flex-shrink:0}}.color-inputs{align-items:center;gap:6px;display:flex}.color-field .color-hex{cursor:text;text-transform:uppercase;width:82px;height:30px;padding:4px 7px;font-family:monospace;font-size:11px}.store-preview .canvas-stage{height:auto;padding:0}.store-canvas-wrap{width:100%;min-width:0}.scene-workspace{height:var(--stage-height);justify-content:center;align-items:center;padding:30px;display:flex}.interactive-scene{-webkit-user-select:none;user-select:none;isolation:isolate}.interactive-scene .scene-layer{pointer-events:none;transform-origin:0 0;width:100%;height:100%;position:absolute;inset:0}.scene-object{pointer-events:none;position:absolute}.scene-object.selected{z-index:2}.scene-move{cursor:grab;pointer-events:auto;touch-action:none;background:0 0;border:1px solid #0000;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.scene-move:active{cursor:grabbing}.scene-move:hover{border-color:#5475e8aa}.scene-object.selected .scene-move{border-color:#5475e8}.scene-move:focus-visible{outline-offset:2px;outline:2px solid #5475e8}.scene-object-label{color:#4260c7;white-space:nowrap;pointer-events:none;background:#fffffff0;border-radius:3px;padding:2px 4px;font-size:9px;line-height:1.25;position:absolute;bottom:calc(100% + 5px);left:0}.scene-handle{pointer-events:auto;touch-action:none;background:0 0;width:18px;height:18px;padding:0;position:absolute}.scene-handle:focus{outline:none}.scene-handle:focus-visible:after{outline-offset:2px;outline:2px solid #5475e8}.scene-handle:after{content:"";background:#fff;border:1px solid #5475e8;border-radius:2px;position:absolute;inset:4px;box-shadow:0 1px 3px #0002}.handle-nw{cursor:nwse-resize;top:-9px;left:-9px}.handle-ne{cursor:nesw-resize;top:-9px;right:-9px}.handle-sw{cursor:nesw-resize;bottom:-9px;left:-9px}.handle-se{cursor:nwse-resize;bottom:-9px;right:-9px}.scene-width-handle{cursor:ew-resize;height:calc(100% - 18px);min-height:18px;top:50%;transform:translateY(-50%)}.scene-width-handle:after{border-radius:3px;height:14px;inset:50% 6px auto;transform:translateY(-50%)}.handle-w{left:-9px}.handle-e{right:-9px}.scene-guide{z-index:3;pointer-events:none;position:absolute}.scene-guide.vertical{border-left:1px dashed #5475e8;height:100%;top:0;left:50%}.scene-guide.horizontal{border-top:1px dashed #5475e8;width:100%;top:50%;left:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=680px){.scene-workspace{padding:22px}.scene-handle{width:28px;height:28px}.scene-handle:after{inset:8px}.handle-nw{top:-14px;left:-14px}.handle-ne{top:-14px;right:-14px}.handle-sw{bottom:-14px;left:-14px}.handle-se{bottom:-14px;right:-14px}.scene-width-handle:after{height:16px;inset:50% 10px auto}.handle-w{left:-14px}.handle-e{right:-14px}}.scene-workspace{overscroll-behavior:contain;display:block;overflow:auto}.scene-viewport{justify-content:center;align-items:center;width:max-content;min-width:100%;height:max-content;min-height:100%;display:flex}.text-element-tabs{margin-bottom:20px}.text-element-tabs button{min-height:35px;font-size:11px}.numeric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.typography-numbers{margin-top:18px}.number-field{color:#555;flex-direction:column;gap:8px;min-width:0;font-size:11px;display:flex}.number-input{border:1px solid var(--border);background:#fff;border-radius:6px;align-items:center;min-width:0;height:36px;display:flex;overflow:hidden}.number-input:focus-within{border-color:#5b73bc;box-shadow:0 0 0 2px #5b73bc16}.number-input input{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;width:100%;min-width:0;height:34px;box-shadow:none;background:0 0;border:0;outline:none;padding:8px 2px;font-size:12px}.number-input input:focus{box-shadow:none;outline:0}.number-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input small{color:#999;padding-right:7px;font-size:10px}.number-input button{color:#777;flex-shrink:0;align-self:stretch;place-items:center;width:24px;display:grid}.number-input button:hover{color:#111;background:#f3f3f3}.number-input button:disabled{opacity:.35;cursor:default}.number-field.compact .number-input input{text-align:left;padding-left:10px}.position-controls{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.position-controls .control-heading{margin-top:0;margin-bottom:10px}.position-controls .numeric-grid+.control-heading{margin-top:18px}.position-actions{flex-wrap:wrap;gap:4px 14px;margin-top:10px;display:flex}.position-actions .text-button{margin:0;padding:6px 0;font-size:10px}.range-with-input{margin:20px 0}.range-with-input .number-field{flex-direction:row;justify-content:space-between;align-items:center}.range-with-input .number-input{width:90px;height:31px}.range-with-input>input[type=range]{width:100%;margin-top:12px}.caption-controls>.field-label textarea{min-height:84px}.caption-controls>.color-field{margin-top:20px}.inline-canvas-text{z-index:5;transform-origin:0 0;resize:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;min-width:0;min-height:0;box-shadow:none;outline-offset:8px;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;outline:4px solid #5475e8;margin:0;padding:0;position:absolute;overflow:hidden}.inline-canvas-text:focus{outline-offset:8px;box-shadow:none;border:0;outline:4px solid #5475e8}.inline-canvas-text[readonly]{pointer-events:none;outline:0}.add-text-button{justify-content:center;width:100%}.text-layer-list{gap:4px;margin:14px 0;display:grid}.text-layer-row{color:#666;border:1px solid #0000;border-radius:5px;align-items:center;min-width:0;padding-right:4px;display:flex}.text-layer-row.selected{color:#222;background:#f5f5f4;border-color:#dedede}.text-layer-row:hover{background:#f6f6f6}.text-layer-select{text-align:left;min-width:0;min-height:38px;color:inherit;border-radius:4px;flex:1;align-items:center;gap:9px;padding:8px 10px;font-size:12px;display:flex}.text-layer-delete{color:#999;border-radius:4px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.text-layer-delete:hover,.text-layer-delete:focus-visible{color:#b3382b;background:#fbe9e7}.text-layer-delete:disabled{opacity:.35;cursor:default}.text-layer-list span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.text-layer-list svg{flex-shrink:0}