.design-page,.studio-page{--ds-bg:#101310;--ds-surface:#191d19;--ds-line:#303630;--ds-fg:#f1f3ed;--ds-muted:#a2aaa0;--ds-accent:#d8f08b;--ds-on-accent:#202719;background:var(--ds-bg);color:var(--ds-fg);font-family:var(--font-inter), sans-serif;letter-spacing:0}:root[data-theme=light] .design-page,:root[data-theme=light] .studio-page{--ds-bg:#f8faf7;--ds-surface:#fff;--ds-line:#dce1d9;--ds-fg:#1b241c;--ds-muted:#596454;--ds-accent:#d5ed89;--ds-on-accent:#202719}.design-page *,.studio-page *{letter-spacing:0}.design-container{width:min(1440px,100% - 80px);margin-inline:auto}.design-intro{padding:38px 0 28px}.design-kicker{font-family:var(--font-jetbrains-mono), monospace;color:var(--ds-muted);align-items:center;gap:9px;font-size:10px;font-weight:500;display:flex}.design-kicker>span{background:var(--ds-accent);border-radius:50%;width:6px;height:6px}.design-intro h1{color:var(--ds-fg);margin:16px 0 12px;font-size:54px;font-weight:600;line-height:1.12}.design-intro-lead{color:var(--ds-fg);margin:0;font-size:24px;line-height:1.4}.design-intro-body{color:var(--ds-muted);margin:12px 0 0;font-size:15px}.design-intro-actions{align-items:center;gap:20px;margin-top:28px;display:flex}.design-intro-actions>span{color:var(--ds-muted);font-size:12px}.ds-button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:11px 17px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .16s,transform .16s;display:inline-flex}.ds-button:hover{transform:translateY(-1px)}.design-page a.ds-button.primary,.studio-page a.ds-button.primary,.ds-button.primary{background:var(--ds-accent);color:var(--ds-on-accent)}.design-page a.ds-button.secondary,.studio-page a.ds-button.secondary,.ds-button.secondary{background:var(--ds-surface);border-color:var(--ds-line);color:var(--ds-fg)}.ds-button:disabled{cursor:wait;opacity:.5;transform:none}.design-category-tabs{border-bottom:1px solid var(--ds-line);scrollbar-width:none;gap:26px;display:flex;overflow-x:auto}.design-category-tabs button{font:inherit;color:var(--ds-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;padding:16px 0;font-size:13px}.design-category-tabs button[aria-pressed=true]{color:var(--ds-fg);border-bottom-color:var(--ds-accent)}.design-filter-bar{color:var(--ds-muted);flex-wrap:wrap;align-items:center;gap:14px;padding:20px 0 24px;display:flex}.design-search{align-items:center;gap:10px;width:235px;min-width:0;display:flex}.design-search input{width:100%;min-width:0;color:var(--ds-fg);font:inherit;outline-offset:5px;background:0 0;border:0;font-size:13px}.design-search input::placeholder{color:var(--ds-muted)}.design-search button{color:var(--ds-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.design-filter-selects{align-items:center;gap:8px;display:flex}.design-filter-selects select,.studio-select{color:var(--ds-fg);background:var(--ds-surface);border:1px solid var(--ds-line);font:inherit;border-radius:5px;max-width:100%;padding:9px 10px;font-size:12px}.design-saved{color:var(--ds-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:36px;font-size:12px;display:flex}.design-saved[aria-pressed=true]{color:var(--ds-accent)}.design-count{font:11px var(--font-jetbrains-mono), monospace;margin-left:auto}.design-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px;display:grid}.design-card{min-width:0;position:relative}.design-card-art{aspect-ratio:660/1434;background:var(--ds-surface);border-radius:7px;display:block;position:relative;overflow:hidden}.design-card-art>img{object-fit:contain;width:100%;height:100%;transition:transform .24s;display:block}.design-card-art:hover>img{transform:scale(1.018)}.design-card-open{color:#192018;opacity:0;background:#fffe;border-radius:5px;justify-content:space-between;align-items:center;min-height:36px;padding:8px 10px;font-size:11px;font-weight:600;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(6px)}.design-card-art:hover .design-card-open,.design-card-art:focus-visible .design-card-open{opacity:1;transform:translateY(0)}.design-bookmark{background:var(--ds-surface);width:36px;height:36px;color:var(--ds-fg);border:1px solid var(--ds-border);cursor:pointer;border-radius:5px;place-items:center;display:grid}.design-bookmark[aria-pressed=true]{color:#252b25;background:#d8f08b}.design-card-caption{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;padding-top:12px;display:grid}.design-card-description{grid-row:span 2;min-width:0}.design-card-caption h3{font:500 13px var(--font-inter), sans-serif;color:var(--ds-fg);overflow-wrap:anywhere;margin:0}.design-card-caption p{color:var(--ds-muted);margin:5px 0 0;font-size:11px}.design-color-dots{flex-shrink:0;justify-self:center;gap:3px;display:flex}.design-color-dots i{border:1px solid #80808055;border-radius:50%;width:8px;height:8px}.design-library-end{justify-content:space-between;align-items:center;gap:20px;padding:34px 0 52px;display:flex}.design-library-end p{color:var(--ds-muted);margin:0;font-size:12px;line-height:1.7}.design-library-end span{opacity:.7}.design-empty{min-height:300px;color:var(--ds-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.design-empty h3,.design-empty p{margin:0}.design-promise{border-block:1px solid var(--ds-line);background:var(--ds-surface);padding:76px 0}.design-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px;display:flex}.design-section-heading h2,.design-offer h2,.design-faq h2{color:var(--ds-fg);margin:16px 0 0;font-size:40px;font-weight:500;line-height:1.2}.design-section-heading>p{color:var(--ds-muted);margin:0 0 5px;font-size:14px}.design-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;display:grid}.design-benefits article>svg{color:var(--ds-accent);margin-bottom:24px}.design-benefits h3,.design-steps h3{color:var(--ds-fg);margin:0 0 12px;font-size:17px;font-weight:500}.design-benefits p,.design-steps p{color:var(--ds-muted);max-width:330px;margin:0;font-size:14px;line-height:1.8}.design-how{padding-block:76px}.design-page a.ds-text-link,.studio-page a.ds-text-link{color:var(--ds-fg);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.design-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:0;padding:0;list-style:none;display:grid}.design-steps li{border-top:1px solid var(--ds-line);padding-top:22px}.design-steps li>span{font:12px var(--font-jetbrains-mono), monospace;color:var(--ds-accent);margin-bottom:24px;display:block}.design-offer{background:var(--ds-surface);border-block:1px solid var(--ds-line);padding-block:72px;overflow:hidden}.design-offer-inner{grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;display:grid}.design-offer p{color:var(--ds-muted);margin:20px 0;font-size:14px}.design-offer ul{gap:12px;padding:0;list-style:none;display:grid}.design-offer li{color:var(--ds-muted);align-items:center;gap:10px;font-size:13px;display:flex}.design-offer li svg{color:var(--ds-accent)}.design-price{align-items:center;gap:20px;margin:22px 0;display:flex}.design-price strong{font-size:48px;font-weight:500;line-height:1}.design-price span{color:var(--ds-muted);font-size:12px;line-height:1.7}.design-offer .ds-text-link{margin-top:18px;display:flex!important}.design-offer-shots{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;display:grid;transform:rotate(-6deg)}.design-offer-shots img{border-radius:6px;width:100%;height:auto;box-shadow:0 16px 28px #0003}.design-offer-shots img:nth-child(2){transform:translateY(-28px)}.design-faq{grid-template-columns:1fr 1.25fr;gap:60px;padding-block:80px;display:grid}.design-faq details{border-bottom:1px solid var(--ds-line);padding:19px 0}.design-faq summary{color:var(--ds-fg);cursor:pointer;font-size:14px}.design-faq details p{color:var(--ds-muted);padding-right:12px;font-size:14px;line-height:1.8}.design-page~.footer{margin-top:0}.design-proof{color:#1b241c;background:#eef1e9;padding-block:72px}.design-proof-inner{grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;display:grid}.design-proof .design-kicker{color:#626a5d}.design-proof h2{color:#1b241c;margin:18px 0 22px;font-size:40px;font-weight:500;line-height:1.2}.design-proof-copy p{color:#596454;max-width:370px;font-size:14px;line-height:1.8}.design-proof-tabs{border-bottom:1px solid #cbd2c4;flex-wrap:wrap;gap:20px;margin:25px 0 28px;display:flex}.design-proof-tabs button{font:500 12px var(--font-inter), sans-serif;color:#626a5d;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 0}.design-proof-tabs button[aria-pressed=true]{color:#1b241c;border-bottom-color:#1b241c}.design-page .design-proof .ds-text-link{color:#1b241c}.design-proof-pair{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;gap:24px;width:100%;max-width:544px;display:grid}.design-proof-pair figure{min-width:0;margin:0}.design-proof-pair figcaption{color:#626a5d;font:11px var(--font-jetbrains-mono), monospace;margin-bottom:14px}.design-proof-pair img{aspect-ratio:1320/2868;object-fit:contain;border-radius:6px;width:100%;height:auto;display:block}@media (max-width:900px){.design-proof-inner{grid-template-columns:1fr;gap:32px}.design-proof-copy p{max-width:560px}.design-proof-pair{justify-self:center}}@media (max-width:520px){.design-proof{padding-block:48px}.design-proof h2{font-size:32px}.design-proof-pair{gap:16px}.design-proof-pair figcaption{font-size:10px}}@media (min-width:1650px){.design-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:1050px){.design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.design-intro h1{font-size:52px}.design-container{width:calc(100% - 48px)}.design-offer-inner{gap:30px}}@media (max-width:760px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.design-intro{padding:44px 0 32px}.design-intro h1{font-size:40px}.design-intro-lead{font-size:20px}.design-intro-actions{flex-wrap:wrap;gap:14px}.design-section-heading{flex-direction:column;align-items:start;gap:15px}.design-benefits,.design-steps{gap:25px}.design-offer-inner{grid-template-columns:1fr;gap:60px}.design-offer-shots{max-width:530px;margin:20px auto}.design-faq{grid-template-columns:1fr;gap:20px}.design-section-heading h2,.design-offer h2,.design-faq h2{font-size:32px}.design-color-dots{display:none}}@media (max-width:520px){.design-container{width:calc(100% - 32px)}.design-intro h1{font-size:34px}.design-intro-lead{font-size:18px}.design-intro-body{max-width:300px;font-size:13px;line-height:1.7}.design-intro-actions .ds-button{width:100%}.design-intro-actions>span{text-align:center;width:100%}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-category-tabs{gap:23px}.design-filter-bar{gap:12px}.design-search{width:calc(100% - 75px)}.design-search input{font-size:16px}.design-filter-selects{order:3}.design-saved{margin-left:auto}.design-count{order:4}.design-library-end{flex-direction:column;align-items:start}.design-benefits,.design-steps{grid-template-columns:1fr;gap:32px}.design-promise,.design-how,.design-faq{padding-block:48px}.design-card-open{display:none}}@media (prefers-reduced-motion:reduce){.design-page *,.studio-page *{scroll-behavior:auto;transition:none!important;animation:none!important}}.studio-page{min-height:calc(100svh - 64px)}.studio-topbar{border-bottom:1px solid var(--ds-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.studio-topbar>div{align-items:center;gap:18px;display:flex}.studio-page a.studio-back{width:32px;height:32px;color:var(--ds-fg);place-items:center;display:grid}.studio-topbar h1{color:var(--ds-fg);margin:0;font-size:15px;font-weight:600;line-height:1.4}.studio-topbar p{color:var(--ds-muted);margin:2px 0 0;font-size:11px}.studio-private{color:var(--ds-muted);align-items:center;gap:6px;font-size:11px;display:flex}.studio-workspace{grid-template-columns:302px minmax(0,1fr);height:calc(100svh - 141px);min-height:560px;display:grid}.studio-inspector{border-right:1px solid var(--ds-line);background:var(--ds-surface);min-height:0;overflow-y:auto}.studio-panel-tabs{border-bottom:1px solid var(--ds-line);background:var(--ds-surface);z-index:2;display:flex;position:sticky;top:0}.studio-panel-tabs button{font:inherit;min-height:48px;color:var(--ds-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-size:12px}.studio-panel-tabs button[aria-pressed=true]{color:var(--ds-fg);border-bottom-color:var(--ds-accent)}.studio-fields section{border-bottom:1px solid var(--ds-line);padding:20px}.studio-fields h2{color:var(--ds-fg);margin:0 0 14px;font-size:12px;font-weight:600}.studio-upload{border:1px dashed var(--ds-line);background:var(--ds-bg);width:100%;min-height:115px;color:var(--ds-muted);cursor:pointer;font:inherit;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.studio-upload strong{color:var(--ds-fg);font-size:12px;font-weight:500}.studio-upload span{font-size:10px}.studio-upload.dragging{border-color:var(--ds-accent);background:var(--ds-surface)}.studio-inline-button{color:var(--ds-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 0 0;font-size:11px;text-decoration:underline}.studio-field{margin-bottom:15px;display:block}.studio-field:last-child{margin-bottom:0}.studio-field>span{color:var(--ds-muted);justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px;display:flex}.studio-field>span>span{font-family:var(--font-jetbrains-mono), monospace;font-size:10px}.studio-field textarea{resize:vertical;background:var(--ds-bg);width:100%;min-height:55px;max-height:140px;color:var(--ds-fg);border:1px solid var(--ds-line);font:13px/1.5 var(--font-inter), sans-serif;border-radius:5px;padding:10px;display:block}.studio-field textarea[aria-invalid=true]{border-color:#db817b}.studio-error{color:#f0aaa0;margin-top:6px;font-size:11px;display:block}.studio-palettes{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.studio-palettes button{aspect-ratio:1;cursor:pointer;border:1px solid #80808055;border-radius:50%;padding:0;position:relative;overflow:hidden}.studio-palettes button i{width:50%;height:100%;display:block;position:absolute;top:0;left:0}.studio-palettes button>svg{margin:auto;position:absolute;inset:0}.studio-palettes button[aria-pressed=true]{outline:2px solid var(--ds-fg);outline-offset:2px}.studio-custom-colors{justify-content:space-between;gap:8px;margin-top:19px;display:flex}.studio-custom-colors label{color:var(--ds-muted);flex-direction:column;align-items:center;gap:7px;font-size:10px;display:flex}.studio-custom-colors input{border:1px solid var(--ds-line);background:var(--ds-bg);cursor:pointer;border-radius:4px;width:58px;height:30px;padding:3px}.studio-background-button{width:100%;font-weight:400}.studio-background-preview{border-radius:5px;height:105px;position:relative;overflow:hidden}.studio-background-preview img{object-fit:cover;width:100%;height:100%}.studio-background-preview button{color:#fff;cursor:pointer;background:#151915;border:0;border-radius:4px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:7px;right:7px}.studio-layouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:18px;display:grid}.studio-layouts button{text-align:left;min-width:0;color:var(--ds-muted);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.studio-layouts img{outline-offset:3px;border-radius:4px;width:100%;height:auto}.studio-layouts span{padding-top:7px;font-size:10px;display:block}.studio-layouts button[aria-pressed=true] img{outline:2px solid var(--ds-accent)}.studio-layouts button>svg{color:#202719;background:#d8f08b;border-radius:50%;width:20px;height:20px;padding:2px;position:absolute;top:7px;right:7px}.studio-canvas-area{flex-direction:column;min-width:0;min-height:0;display:flex}.studio-canvas-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:14px 26px;display:flex}.studio-device-tabs,.studio-history{align-items:center;gap:4px;display:flex}.studio-device-tabs .studio-device-short{display:none}.studio-device-tabs{border:1px solid var(--ds-line);border-radius:6px;padding:3px}.studio-device-tabs button,.studio-history button{min-height:32px;font:inherit;color:var(--ds-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.studio-device-tabs button[aria-pressed=true]{background:var(--ds-surface);color:var(--ds-fg)}.studio-history button{width:32px;padding:5px}.studio-history button:disabled{opacity:.3;cursor:default}.studio-canvas{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 35px;display:flex}.studio-art{max-width:100%;height:min(760px,100svh - 360px);min-height:280px;position:relative;box-shadow:0 16px 36px #0003}.studio-art img{object-fit:contain;width:100%;height:100%;display:block}.studio-art.studio-art-pair{width:min(100%, calc((100svh - 360px) * var(--studio-canvas-ratio)));height:auto;min-height:0;max-height:none}.studio-split-guide{pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.studio-split-guide:after{content:"";border-left:1px dashed #fff;position:absolute;inset:0 auto 0 50%;box-shadow:-1px 0 #0008}.studio-split-guide span{color:#fff;font-variant-numeric:tabular-nums;background:#101310d9;border-radius:3px;place-self:start;margin:8px;padding:3px 6px;font-size:10px}.studio-split-toggle{cursor:pointer;align-items:center;gap:6px;min-height:32px;display:inline-flex}.studio-split-toggle input{accent-color:var(--ds-accent)}.studio-layouts small{color:var(--ds-muted);font-size:10px;display:block}.studio-detail-position{gap:10px;margin-top:16px;display:grid}.studio-detail-position label{gap:3px;display:grid}.studio-detail-position label>span{color:var(--ds-muted);justify-content:space-between;gap:10px;font-size:11px;display:flex}.studio-detail-position input{width:100%;height:32px;accent-color:var(--ds-accent);padding:0}.studio-render-status{color:#fff;white-space:nowrap;background:#151915e8;border-radius:5px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.studio-canvas-caption{color:var(--ds-muted);font:10px var(--font-jetbrains-mono), monospace;flex-wrap:wrap;justify-content:center;gap:18px;padding:0 16px 24px;display:flex}.studio-export{border-top:1px solid var(--ds-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:19px 26px;display:flex}.studio-export strong{font-size:12px;font-weight:500}.studio-export p{color:var(--ds-muted);margin:5px 0 0;font-size:11px}.studio-render-error{color:#f0aaa0;border:1px solid #754f49;border-radius:5px;margin:0 26px 20px;padding:14px;font-size:12px}.studio-render-error button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:10px;text-decoration:underline}.ds-spin{animation:1s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.marketing-shell:has(.studio-page)>footer{display:none}.studio-control-fields{border:0;min-width:0;margin:0;padding:0}.studio-control-fields:disabled{opacity:.6}.studio-field input{background:var(--ds-bg);width:100%;color:var(--ds-fg);border:1px solid var(--ds-line);font:13px/1.5 var(--font-inter), sans-serif;border-radius:5px;padding:10px;display:block}@media (max-width:760px){.studio-workspace{height:auto}.studio-canvas-area{min-height:570px}.studio-field input{font-size:16px}}@media (max-width:1050px){.studio-workspace{grid-template-columns:275px minmax(0,1fr)}.studio-private,.studio-device-tabs button span{display:none}.studio-device-tabs button{width:34px}}@media (max-width:760px){.studio-topbar{gap:12px;padding:12px 16px}.studio-topbar>div{gap:8px}.studio-topbar .ds-button{min-height:38px;padding:9px 12px;font-size:11px}.studio-workspace{flex-direction:column;display:flex}.studio-canvas-area{order:-1}.studio-canvas-toolbar{padding:12px 16px}.studio-canvas{min-height:360px;padding:8px 28px 18px}.studio-art{height:430px;min-height:0;max-height:62svh}.studio-canvas.studio-canvas-pair{min-height:0}.studio-art.studio-art-pair{width:100%;max-height:none}.studio-export{padding:15px 16px}.studio-export>div{flex:1;min-width:130px}.studio-export strong{font-size:11px}.studio-export p{font-size:10px;line-height:1.6}.studio-export .ds-button{padding:10px;font-size:11px}.studio-inspector{border-top:1px solid var(--ds-line);border-right:0;min-height:0;max-height:none;overflow:visible}.studio-fields{grid-template-columns:1fr 1fr;display:grid}.studio-fields section{min-width:0}.studio-field textarea{font-size:16px}.studio-layouts{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-palettes{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-palettes button{max-width:30px}}@media (max-width:440px){.studio-fields{grid-template-columns:1fr}.studio-palettes{grid-template-columns:repeat(10,minmax(0,1fr))}.studio-layouts{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-topbar h1{font-size:13px}.studio-topbar p{font-size:10px}}.studio-canvas-toolbar{flex-wrap:wrap}@media (max-width:1050px){.studio-device-tabs button{flex-direction:column;gap:3px;width:44px;padding:6px 0}.studio-device-tabs .studio-device-short{font-size:9px;display:inline}}@media (max-width:760px){.studio-palettes{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.studio-palettes button{max-width:none;min-height:36px}}@media (max-width:440px){.studio-palettes{grid-template-columns:repeat(6,minmax(0,1fr))}}