@font-face{font-family:neueMontreal;src:url(/fonts/ed401aae6e3bd06e.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:kalice;src:url(/fonts/acbc44ea929087bc.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:JetBrains Mono;src:url(/fonts/fde083167b9d79d2.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:100 800}:root{color-scheme:light only;--background:#f6f4ee;--foreground:#0a1217;--card:#fafbf7;--secondary:#eaece5;--muted:#e1e6dc;--muted-foreground:#737c7b;--border:#d8ded4;--primary:#176052;--primary-foreground:#fff;--ring:#176052;--error:#c92e43;--success:#176052;--body:neueMontreal,"PingFang SC","Microsoft YaHei",sans-serif;--display:kalice,"Songti SC","STSong",serif;--mono:"JetBrains Mono","PingFang SC",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;margin:0}body{background:var(--background);color:var(--foreground);font:530 16px/24px var(--body);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;letter-spacing:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{min-width:0}input[type=search]::-webkit-search-cancel-button{display:none}img,video,svg{display:block}img,video{max-width:100%}a,button,input,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ring)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--primary);color:var(--primary-foreground);border-radius:8px;padding:10px 16px;position:fixed;top:8px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.primary-button,.outline-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:600;line-height:22px;display:inline-flex}.primary-button{background:var(--primary);color:var(--primary-foreground);transition:opacity .15s}.primary-button:hover:not(:disabled){opacity:.84}.outline-button{background:var(--background);color:var(--foreground);border:1px solid var(--border)}.outline-button:hover:not(:disabled){background:var(--secondary)}.icon-button{border-radius:8px;place-items:center;min-width:40px;min-height:40px;display:grid}.icon-button:hover{background:var(--secondary)}.site-header{z-index:50;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:color-mix(in oklab,var(--background) 90%,transparent);backdrop-filter:blur(24px);position:sticky;top:0}.header-inner{align-items:center;gap:20px;min-width:0;height:80px;padding:0 16px;display:flex}.breadcrumb{letter-spacing:-.025em;align-items:center;gap:12px;min-width:0;height:48px;font-size:25px;line-height:32px;display:flex}.brand-logo{flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brand-logo>img{width:100%;height:100%}.styles-brand{flex:none;width:auto;font-weight:600}.crumb-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-account{letter-spacing:.02em;border-radius:8px;flex:none;margin-left:auto;padding:8px 12px;font-size:13px;line-height:20px}.header-account:hover{background:var(--secondary)}.hero-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:40px 16px 32px;display:flex}.hero-badge{letter-spacing:-.005em;align-items:center;gap:10px;margin-bottom:28px;font-size:11px;font-weight:500;line-height:16px;display:flex}.hero-badge p{color:var(--muted-foreground);align-items:center;gap:6px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.hero h1{width:100%;max-width:390px;font-family:var(--display);letter-spacing:-.025em;min-height:2.06em;font-size:clamp(36px,11.25vw,44px);font-weight:400;line-height:.99}.hero h1 span{display:block}.hero-description{letter-spacing:-.015em;max-width:360px;min-height:88px;color:var(--muted-foreground);text-wrap:pretty;margin-top:16px;font-size:15px;line-height:22px}.search-area{width:100%;max-width:752px;margin-top:40px}.search-form{border:1px solid color-mix(in oklab,var(--border) 70%,transparent);background:color-mix(in oklab,var(--secondary) 70%,transparent);height:56px;box-shadow:inset 0 0 0 .5px var(--border);border-radius:9999px;align-items:center;gap:8px;padding:8px 8px 8px 16px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.search-form:focus-within{border-color:var(--border);background:var(--secondary);box-shadow:inset 0 0 0 .5px var(--border),0 0 0 3px color-mix(in oklab,var(--border) 25%,transparent)}.search-form input{min-width:0;height:100%;color:var(--foreground);letter-spacing:-.015em;background:0 0;border:0;outline:0;flex:1;font-size:15px;font-weight:530}.search-submit{background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);border-radius:50%;flex:none;place-items:center;padding:0;transition:opacity .15s,transform .15s;display:grid}.search-submit svg{width:18px;height:18px}.search-submit:active:not(:disabled){transform:translateY(1px)}.search-clear{width:28px;height:36px;color:var(--muted-foreground);flex:none;place-items:center;padding:0;display:grid}.search-clear svg{width:16px;height:16px}.search-suggestions{background:color-mix(in oklab,var(--secondary) 45%,transparent);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;margin-top:8px;padding:4px;display:grid}.search-suggestions button{text-align:left;letter-spacing:.01em;width:100%;height:36px;color:var(--muted-foreground);border-radius:12px;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:flex;overflow:hidden}.search-suggestions button:hover{background:color-mix(in oklab,var(--secondary) 60%,transparent);color:var(--foreground)}.search-suggestions svg{opacity:.72;flex:none;width:14px;height:14px}.search-suggestions span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.catalog-list{border-top:1px solid color-mix(in oklab,var(--border) 50%,transparent);scroll-margin-top:96px}.catalog-inner{max-width:1800px;margin:auto;padding:20px 24px 64px}.catalog-sort{align-items:center;gap:4px;height:36px;margin-bottom:20px;display:flex}.catalog-sort button{white-space:nowrap;letter-spacing:.02em;border:1px solid #0000;border-radius:12px;height:36px;padding:0 16px;font-size:13px;font-weight:500;line-height:20px}.catalog-sort button.active{background:var(--secondary);border-color:color-mix(in oklab,var(--border) 50%,transparent);font-weight:600}.catalog-sort button:hover{background:var(--secondary)}.catalog-grid{grid-template-columns:minmax(0,1fr);gap:32px 16px;transition:opacity .2s;display:grid}.catalog-grid.updating{opacity:.55}.style-card{min-width:0}.style-card>a{border-radius:32px;display:block}.card-art{background:var(--secondary);border-radius:32px;padding:32px;transition:background .2s;overflow:hidden}.style-card>a:hover .card-art{background:var(--muted)}.card-image{aspect-ratio:16/10;border:1px solid var(--border);background:var(--card);border-radius:8px;width:100%;transition:transform .3s;position:relative;overflow:hidden}.style-card>a:hover .card-image{transform:scale(1.02)}.card-image>img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.image-unavailable{width:100%;height:100%;min-height:80px;color:var(--muted-foreground);background:var(--secondary);justify-content:center;align-items:center;font-size:12px;line-height:20px;display:flex}.card-caption{align-items:flex-start;gap:8px;padding-top:8px;display:flex}.card-icon{object-fit:contain;border-radius:8px;flex:none;width:40px;height:40px}.icon-fallback{background:var(--card);border:1px solid var(--border);justify-content:center;align-items:center;font-size:24px;display:flex}.card-copy{flex:1;min-width:0;padding-bottom:4px}.card-copy h3{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:-4px;font-size:20px;font-weight:600;line-height:28px;overflow:hidden}.card-copy p{letter-spacing:-.02em;color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.card-skeleton>div{aspect-ratio:1.4;background:var(--secondary);border-radius:32px;height:auto;animation:1.5s infinite loading-pulse}.card-skeleton>span{background:var(--muted);border-radius:6px;width:70%;height:24px;margin-top:12px;display:block}@keyframes loading-pulse{50%{opacity:.5}}.search-summary{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;margin:-4px 0 20px;font-size:13px;line-height:20px;display:flex}.search-summary span{overflow-wrap:anywhere}.search-summary button{text-underline-offset:3px;flex:none;padding:6px 0;text-decoration:underline}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:280px;padding:32px 16px;display:flex}.empty-state>svg{width:32px;height:32px;color:var(--muted-foreground)}.empty-state h2{font-size:20px;font-weight:600;line-height:28px}.empty-state p{color:var(--muted-foreground);font-size:14px;line-height:24px}.pagination{justify-content:center;align-items:center;gap:24px;margin-top:48px;font-size:13px;line-height:20px;display:flex}.pagination button{border:1px solid var(--border);border-radius:8px;min-height:40px;padding:8px 16px}.pagination button:hover:not(:disabled){background:var(--secondary)}.detail-main{display:block}.detail-left{width:100%;padding:48px 24px}.detail-stack{max-width:768px;margin:0 auto}.detail-site-preview{border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.preview-media{aspect-ratio:16/10;background:var(--muted);width:100%;position:relative;overflow:hidden}.preview-media img,.preview-media video{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.desktop-site-preview{display:none}.detail-mobile-tabs{border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);z-index:20;background:color-mix(in oklab,var(--background) 95%,transparent);backdrop-filter:blur(8px);scrollbar-width:none;margin:24px -24px 0;padding:12px 24px;position:sticky;top:81px;overflow-x:auto}.detail-mobile-tabs::-webkit-scrollbar{display:none}.detail-mobile-tabs>div{gap:8px;width:max-content;height:40px;display:flex}.detail-mobile-tabs button{white-space:nowrap;border:1px solid var(--border);background:var(--background);height:40px;color:var(--muted-foreground);letter-spacing:.02em;border-radius:9999px;padding:0 16px;font-size:14px;line-height:20px}.detail-mobile-tabs button.active{background:var(--secondary);color:var(--foreground);font-weight:600}.detail-preview{flex-direction:column;gap:64px;margin-top:64px;display:flex}.detail-intro{flex-direction:column;gap:24px;display:flex}.intro-copy{flex-direction:column;gap:16px;display:flex}.detail-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-title-row h1{font:530 36px/40px var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0}.detail-title-row>img{object-fit:contain;border-radius:12px;flex:none;width:64px;height:64px}.intro-copy>p{letter-spacing:-.02em;max-width:65ch;color:var(--muted-foreground);font-size:16px;line-height:24px}.source-link{color:var(--muted-foreground);align-self:flex-start;align-items:center;gap:6px;font-size:14px;line-height:20px;display:inline-flex}.source-link svg{width:14px;height:14px}.source-link:hover{color:var(--foreground)}.detail-guidelines,.detail-related{flex-direction:column;gap:24px;display:flex}.detail-guidelines>h2,.detail-related>h2{letter-spacing:-.025em;font-size:20px;font-weight:600;line-height:28px}.guideline-group h3{letter-spacing:.06em;color:var(--muted-foreground);margin-bottom:12px;font-size:12px;font-weight:500;line-height:16px}.guideline-group ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guideline-group li{align-items:flex-start;gap:8px;font-size:14px;line-height:20px;display:flex}.guideline-group li>svg{flex:none;width:16px;height:16px;margin-top:2px}.do-icon{color:#10b981}.dont-icon{color:#f43f5e}.related-grid{grid-template-columns:minmax(0,1fr);gap:24px 16px;display:grid}.compact-card>a,.compact-card .card-art{border-radius:16px}.compact-card .card-art{padding:12px}.detail-export{flex-direction:column;min-height:0;margin:0 24px 48px;display:flex}.file-format-tabs{display:none}.file-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.file-version-tabs{align-items:center;gap:4px;height:44px;display:flex}.file-version-tabs button{white-space:nowrap;letter-spacing:.02em;height:44px;color:var(--muted-foreground);padding:0 12px;font-size:13px;font-weight:500;line-height:20px;position:relative}.file-version-tabs button.active{color:var(--foreground);font-weight:600}.file-version-tabs button.active:after{content:"";background:var(--foreground);height:1px;position:absolute;bottom:0;left:12px;right:12px}.file-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.file-actions button{border:1px solid var(--border);background:var(--secondary);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:0 12px;font-size:12px;line-height:18px;display:flex}.file-actions svg{width:16px;height:16px}.file-actions button:hover:not(:disabled){background:var(--muted)}.file-name{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:12px;line-height:20px}.code-panel{font:530 13px/21.125px var(--mono);background:color-mix(in oklab,var(--muted) 30%,transparent);border-radius:12px;min-width:0;padding:12px;overflow:auto}.code-panel pre,.code-panel code{font:inherit;letter-spacing:normal;white-space:pre;overflow-wrap:normal;background:0 0;margin:0;padding:0}.code-panel.prose-code pre,.code-panel.prose-code code{white-space:pre-wrap;overflow-wrap:anywhere}.preview-content{height:169px;overflow:hidden;mask-image:linear-gradient(#000 0% 76%,#0000 100%)}.preview-content pre,.preview-content code{white-space:pre-wrap!important;overflow-wrap:anywhere!important}.code-heading{color:#005cc5;font-weight:700}.code-quote{color:#22863a}.code-comment{color:#6a737d}.code-variable{color:#d73a49}.purchase-gate{font-family:var(--body);letter-spacing:-.02em;text-align:center;max-width:420px;margin:0 auto;padding:28px 8px;font-size:14px;line-height:24px}.purchase-gate .preview-note{color:var(--muted-foreground);margin-bottom:12px;font-size:12px;line-height:20px}.purchase-gate h2{letter-spacing:-.02em;margin-bottom:12px;font-size:20px;font-weight:600;line-height:28px}.purchase-gate>p:not(.preview-note){color:var(--muted-foreground);max-width:340px;margin:0 auto 24px}.purchase-gate>.primary-button{min-height:44px;padding:10px 24px}.purchase-gate .form-error{color:var(--error);margin:16px 0 0}.purchase-gate .auth-text-button{margin:12px auto 0;display:block}.purchase-gate .order-message{font-size:12px;line-height:20px;margin:16px 0 0!important}.owned-status{color:var(--muted-foreground);font:500 12px/20px var(--body);overflow-wrap:anywhere;align-items:center;gap:6px;margin:0 0 16px;display:flex}.owned-status svg{width:14px;height:14px;color:var(--success)}.file-loading{color:var(--muted-foreground);font:530 14px/24px var(--body);padding:12px 0}.file-error{font:530 14px/24px var(--body);padding:16px 0}.file-error p{margin-bottom:16px}.copy-toast{z-index:120;background:var(--card);border:1px solid var(--border);white-space:nowrap;border-radius:12px;max-width:calc(100vw - 32px);padding:10px 20px;font-size:14px;line-height:24px;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0003}.detail-not-found{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:640px;margin:100px auto;padding:24px;display:flex}.detail-not-found h1{font:400 36px/40px var(--display)}.detail-not-found p{color:var(--muted-foreground)}.detail-page[data-mobile-view=files] .detail-preview{display:none}.detail-page[data-mobile-view=files] .detail-left{padding-bottom:48px}.detail-page[data-mobile-view=preview] .detail-export{display:none}.auth-page{--auth-primary:var(--foreground);--auth-secondary:var(--muted-foreground);--auth-border:var(--border);--auth-divider:var(--border);min-height:100dvh;color:var(--auth-primary);font-weight:500;display:flex}.auth-sidebar{flex-direction:column;flex:none;width:270px;height:100dvh;padding:16px 8px 8px;display:flex;position:sticky;top:0}.auth-sidebar>.brand-logo{margin-left:8px}.auth-nav-item{border-radius:12px;align-items:center;gap:10px;min-height:40px;padding:8px 12px;font-size:16px;line-height:24px;display:flex}.auth-nav-item svg{flex:none;width:24px;height:24px}.auth-nav-item .auth-sidebar>.auth-nav-item{margin-top:4px}.auth-nav-item:hover{background:var(--secondary)}.auth-sidebar-bottom{margin-top:auto}.auth-sidebar-bottom .active{border:.3px solid var(--auth-border);box-shadow:0 1px 3px color-mix(in oklab,var(--foreground) 9%,transparent),0 0 1px .4px color-mix(in oklab,var(--foreground) 3%,transparent)}.auth-main{flex:1;justify-content:center;align-items:center;min-width:0;min-height:100dvh;padding:0 48px;display:flex}.auth-card{width:442.484px;min-width:428px;max-width:500px;padding:32px}.auth-heading{justify-content:space-between;align-items:center;gap:0;margin-bottom:48px;display:flex}.auth-heading>span{flex:1;width:40px;min-width:0;height:40px}.auth-heading h1{font:400 40px/48px var(--display);letter-spacing:-.02em;text-align:center;white-space:nowrap;flex:none}.auth-alternative{background:var(--background);border:.3px solid var(--auth-border);width:100%;height:40px;box-shadow:0 1px 3px color-mix(in oklab,var(--foreground) 9%,transparent),0 0 1px .4px color-mix(in oklab,var(--foreground) 3%,transparent);letter-spacing:-.02em;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-size:16px;font-weight:600;line-height:24px;display:flex}.auth-alternative svg{width:22px;height:22px}.auth-alternative:hover:not(:disabled){background:var(--secondary)}.auth-divider{height:80px;color:var(--auth-secondary);justify-content:center;align-items:center;font-size:14px;line-height:20px;display:flex;position:relative}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--auth-divider);width:calc(50% - 32px);position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-form{display:block}.auth-field{margin-bottom:8px}.auth-field input,.otp-field input,.order-form input{border:.3px solid var(--auth-border,var(--border));background:var(--background);width:100%;height:40px;color:var(--auth-primary,var(--foreground));letter-spacing:-.02em;border-radius:12px;padding:0 16px;font-size:16px;font-weight:500;line-height:24px;transition:border-color .2s;display:block}.auth-field input::placeholder,.otp-field input::placeholder{color:var(--auth-secondary)}.auth-field input:focus,.otp-field input:focus{border-color:var(--auth-primary);border-width:.6px;outline:none}.auth-submit{background:var(--primary);width:100%;height:40px;color:var(--primary-foreground);letter-spacing:-.02em;border:0;border-radius:12px;padding:0;font-size:16px;font-weight:600;line-height:24px;transition:background .2s}.auth-submit:hover:not(:disabled){background:color-mix(in oklab,var(--primary) 88%,var(--foreground))}.auth-mode-links{color:var(--auth-secondary);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:13px;line-height:20px;display:flex}.auth-mode-links button,.auth-mode-links a{padding:4px 0}.auth-mode-links button:hover,.auth-mode-links a:hover{color:var(--auth-primary);text-underline-offset:3px;text-decoration:underline}.auth-text-button{color:var(--muted-foreground);text-underline-offset:3px;padding:8px 0;font-size:13px;line-height:20px;text-decoration:underline}.resend-button{margin-top:8px}.otp-field{align-items:center;gap:8px;margin-bottom:8px;display:flex}.otp-field input{flex:1}.otp-field .outline-button{border-radius:12px;flex:none;min-height:40px;padding:8px 12px;font-size:13px;line-height:22px}.form-error,.form-message{font-family:var(--body);letter-spacing:-.015em;overflow-wrap:anywhere;margin:0 0 16px;font-size:13px;line-height:22px}.form-error{color:var(--error)}.form-error button{text-underline-offset:3px;margin-left:8px;padding:0;text-decoration:underline}.form-message{color:var(--success)}.service-note,.auth-explanation{color:var(--auth-secondary);overflow-wrap:anywhere;margin:8px 0 16px;font-size:12px;line-height:20px}.auth-alternative+.service-note{text-align:center;margin-bottom:-16px}.auth-explanation{margin:0 0 24px;font-size:14px;line-height:24px}.credential-list{flex-direction:column;gap:16px;margin:0 0 24px;padding:0;list-style:none;display:flex}.credential-list li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-bottom:16px;display:flex}.credential-list li>span{flex-direction:column;gap:4px;min-width:0;display:flex}.credential-list strong{font-size:14px;font-weight:600}.credential-list li>span>span{color:var(--auth-secondary);overflow-wrap:anywhere;font-size:13px;line-height:20px}.credential-list small{color:var(--auth-secondary);flex:none;margin-left:auto;font-size:12px}.account-actions{flex-direction:column;gap:12px;display:flex}.account-actions .auth-text-button{align-self:center}.auth-mobile-header{display:none}.site-dialog{border:1px solid var(--border);background:var(--card);width:min(440px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--foreground);font:530 14px/24px var(--body);letter-spacing:-.02em;border-radius:16px;padding:24px;overflow:auto;box-shadow:0 24px 80px #0006}.site-dialog::backdrop{backdrop-filter:blur(6px);background:#0005}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.dialog-heading h2{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:30px}.site-dialog>p{color:var(--muted-foreground);margin-bottom:16px}.manual-copy-text{resize:vertical;border:1px solid var(--border);background:var(--background);width:100%;height:300px;color:var(--foreground);font:13px/21.125px var(--mono);border-radius:8px;margin-bottom:16px;padding:12px;display:block}.checkout-link{width:100%;margin:0 0 24px}.order-form{flex-direction:column;gap:12px;display:flex}.order-form label{font-size:13px;font-weight:600}.order-form input{border-color:var(--border)}.order-form .primary-button{margin-bottom:16px}@media (width>=640px){.hero-inner{padding:79px 24px 32px}.hero-badge{letter-spacing:-.015em;gap:12px;margin-bottom:14px;font-size:12px}.hero h1{letter-spacing:normal;max-width:1100px;min-height:1.16em;font-size:clamp(40px,5vw,64px);line-height:1.08}.hero h1 span{display:inline}.hero-description{max-width:560px;min-height:72px;font-size:16px;line-height:24px}.search-area{margin-top:32px}.search-form{height:64px;padding:8px 11px 8px 20px}.search-form input{font-size:16px}.search-suggestions{background:0 0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px;margin-top:16px;padding:0}.search-suggestions button{letter-spacing:.02em;gap:8px;font-size:13px;line-height:24px}.catalog-list{border-top:0}.catalog-inner{padding:12px 40px 64px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{padding:40px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-card .card-art{padding:16px}.detail-title-row h1{font-size:48px;line-height:48px}.purchase-gate h2{font-size:22px;line-height:30.8px}}@media (width>=1024px){.catalog-inner{padding-inline:64px}.catalog-grid{gap:40px 24px}.detail-main{display:flex;position:fixed;inset:80px 0 0}.detail-left{overscroll-behavior:contain;z-index:10;scrollbar-color:color-mix(in oklab,var(--muted-foreground) 46%,transparent) transparent;width:50%;padding:48px 48px 48px 40px;position:relative;overflow-y:auto}.detail-stack{margin:0 0 0 auto}.detail-mobile-tabs,.mobile-site-preview{display:none}.desktop-site-preview{display:block}.detail-preview,.detail-page[data-mobile-view=files] .detail-preview{margin-top:0;display:flex}.detail-page[data-mobile-view=preview] .detail-export,.detail-export{border-left:1px solid var(--border);background:var(--card);flex:1;min-width:0;min-height:0;margin:0;display:flex;overflow:hidden}.file-format-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex:none;align-items:center;gap:4px;height:44px;padding:0 16px;display:flex;overflow-x:auto}.file-format-tabs button{white-space:nowrap;height:44px;color:var(--muted-foreground);letter-spacing:.02em;padding:0 10px;font-size:13px;font-weight:500;line-height:20px;position:relative}.file-format-tabs button.active{color:var(--foreground);font-weight:600}.file-format-tabs button:hover{color:var(--foreground)}.file-format-tabs button.active:after{content:"";background:var(--foreground);height:1px;position:absolute;bottom:0;left:10px;right:10px}.file-toolbar{border-bottom:1px solid var(--border);flex-wrap:nowrap;flex:none;height:45px;min-height:45px;margin:0;padding:0 16px}.file-version-tabs button{padding:0 10px}.file-version-tabs button.active:after{left:10px;right:10px}.file-actions button{min-height:28px;padding:0 8px}.code-panel{scrollbar-color:color-mix(in oklab,var(--muted-foreground) 46%,transparent) transparent;border-radius:0;flex:1;min-height:0;padding:16px}.purchase-gate{padding:36px 16px 48px}.detail-left::-webkit-scrollbar,.code-panel::-webkit-scrollbar{width:16px;height:16px}.detail-left::-webkit-scrollbar-thumb,.code-panel::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--muted-foreground) 46%,transparent);background-clip:content-box;border:10px solid #0000;border-width:2px 10px 10px 2px;border-radius:9999px}}@media (width>=1280px){.catalog-inner{padding-inline:96px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}.card-art{padding:48px}.compact-card .card-art{padding:16px}}@media (width<=1100px){.auth-sidebar{width:220px}}@media (width<=1023px){.detail-page .header-account{display:none}.detail-page[data-mobile-view=files] .detail-left{padding-bottom:48px}.detail-export{scroll-margin-top:160px}.full-content{overflow-x:auto}.file-toolbar .file-actions{gap:8px}.file-version-tabs button{padding-inline:8px}}@media (width<=768px){.auth-sidebar{display:none}.auth-page{display:block}.auth-mobile-header{justify-content:space-between;align-items:center;gap:16px;height:80px;padding:18px 16px;display:flex;position:absolute;inset:0 0 auto}.auth-mobile-header .brand-logo{width:44px;height:44px}.auth-mobile-header>a:last-child{color:var(--auth-secondary);font-size:13px;line-height:20px}.auth-main{min-height:100dvh;padding:96px 16px 32px}.auth-card{width:442.484px;min-width:0;max-width:100%;padding:24px}.auth-heading{margin-bottom:32px}.auth-heading h1{font-size:33px;line-height:40px}.auth-heading>span{width:0}.header-account{padding:8px;font-size:12px}.pagination{gap:16px}.pagination button{padding:8px 12px}.site-dialog{width:calc(100vw - 32px);padding:24px}}@media (width<=374px){.file-toolbar{gap:8px}.file-actions button,.auth-card{padding-inline:8px}.breadcrumb{font-size:23px}.hero-description{min-height:110px}.header-account{padding-inline:0;font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.highlighted-code .shiki{color:var(--shiki-light,var(--foreground))!important;background:0 0!important}.highlighted-code .shiki span{color:var(--shiki-light,inherit)!important;font-style:var(--shiki-light-font-style,inherit)!important;font-weight:var(--shiki-light-font-weight,inherit)!important;text-decoration:var(--shiki-light-text-decoration,inherit)!important}.checkout-note{font-size:12px;line-height:20px}.code-panel .highlighted-code pre{font:inherit}.card-video{object-fit:fill;opacity:0;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;inset:0}.card-video.ready{opacity:1}.brand-icon{object-fit:contain;flex:none}.detail-title-row>.brand-icon{border-radius:12px;width:64px;height:64px}.icon-fallback{background:var(--secondary);border:1px dashed var(--border)}.card-copy p{min-height:20px}@media (width>=1024px){.file-format-tabs{align-items:flex-start;height:45px}}.gallery-sentinel{width:100%;height:1px}.next-page-loading{margin-top:40px}.gallery-load-error{text-align:center;margin:32px auto}.gallery-load-error p{color:var(--muted-foreground);margin-bottom:16px}.brand-logo>img{filter:none}.brand-logo:hover{opacity:.85}.status-dot{background:var(--primary)}.search-submit:disabled{opacity:1;background:color-mix(in oklab,var(--primary) 80%,var(--background))}.catalog-sort button.active,.detail-mobile-tabs button.active{color:var(--primary);background:var(--secondary)}.file-format-tabs button.active,.file-version-tabs button.active{color:var(--primary)}.file-format-tabs button.active:after,.file-version-tabs button.active:after{background:var(--primary)}.auth-sidebar>.brand-logo,.auth-mobile-header>.brand-logo{justify-content:flex-start;gap:10px;width:auto}.auth-wordmark{letter-spacing:-.025em;font-size:25px;font-weight:600;line-height:32px}.auth-field input:focus,.otp-field input:focus{border-color:var(--ring)}.auth-nav-item.active{color:var(--primary);background:var(--secondary)}.hero h1 .rotating-headline{align-items:center;min-height:2.06em;display:grid}.hero h1 .headline-phrase{text-wrap:balance;grid-area:1/1;padding-bottom:.08em;display:block}.hero h1 .headline-measure{visibility:hidden}.hero h1 .headline-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}@supports (background-clip:text){.hero h1 .headline-text{background-image:linear-gradient(var(--foreground),var(--foreground));color:#0000;-webkit-background-clip:text;background-clip:text}.hero h1 .headline-outgoing,.hero h1 .headline-incoming{background-image:linear-gradient(var(--sweep-angle),transparent 5.33%,transparent 32.81%,#0af 41.22%,#e1e1fe 45.71%,#ffcb5c 50.2%,#f40 54.68%,#f384ff 59.17%,var(--foreground) 65.16%,var(--foreground) 95.07%);background-position:0%;background-size:400% 100%}}.hero h1 .headline-outgoing{--sweep-angle:110deg;animation:3s linear headline-hide}.hero h1 .headline-incoming{--sweep-angle:-70deg;animation:3s linear headline-show}@keyframes headline-hide{0%{background-position:100%}70%,to{background-position:0%}}@keyframes headline-show{0%,40%{background-position:100%}to{background-position:0%}}@media (width>=640px){.hero h1 .rotating-headline{min-height:1.16em}.headline-break{display:none}}@media (prefers-reduced-motion:reduce){.hero h1 .headline-outgoing,.hero h1 .headline-incoming{background-image:linear-gradient(var(--foreground),var(--foreground));animation:none}.hero h1 .headline-incoming{display:none}}@media (forced-colors:active){.hero h1 .headline-text{color:canvastext;background:0 0}.hero h1 .headline-outgoing,.hero h1 .headline-incoming{animation:none}.hero h1 .headline-incoming{display:none}}.header-inner{height:84px;padding-left:32px;padding-right:20px}.breadcrumb{gap:16px;height:48px;font-size:34px;line-height:40px}.brand-logo,.brand-logo>img{width:38px;height:48px}.styles-brand{font-size:34px;font-weight:550;line-height:40px}.hero-badge{min-height:20px}.hero-description{font-weight:400}.search-form{box-shadow:none;background:#f8f8f6;border-color:#d4ddd4}.search-form input{font-weight:400}.search-form input::placeholder{color:#828b87}.search-form:focus-within{background:var(--card);border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 12%,transparent)}.search-submit,.search-submit:disabled{opacity:1;background:linear-gradient(#327d63,#176052)}.search-suggestions button{font-weight:400}.auth-sidebar>.brand-logo>img{width:38px;height:48px}.auth-mobile-header>.brand-logo>img{width:35px;height:44px}.auth-wordmark{font-size:30px;line-height:38px}@media (width>=640px){.hero-inner{padding-top:81px}.hero-badge{margin-bottom:18px}.hero h1{font-size:clamp(40px,5vw,66.5px)}.hero-description{max-width:600px;min-height:75px;font-size:17px;line-height:25px}.search-area{max-width:792px;margin-top:34px}.search-form{height:66px;padding:9px 10px 9px 24px}.search-submit{width:46px;height:46px}.search-suggestions{row-gap:8px}.search-suggestions button{font-size:14px}.catalog-sort{margin-bottom:22px}.detail-mobile-tabs{top:85px}}@media (width>=1024px){.detail-main{inset:85px 0 0}}@media (width>=1280px){.catalog-inner{padding-inline:clamp(40px,6.6vw,120px)}.catalog-grid>.style-card .card-image{aspect-ratio:16/9.85}}@media (width<=639px){.header-inner{height:80px;padding-inline:16px}.breadcrumb{gap:12px;font-size:28px;line-height:36px}.styles-brand{font-size:28px;line-height:36px}.hero-badge{margin-bottom:28px}.search-submit{width:40px;height:40px}}@media (width<=374px){.header-account{padding-inline:0}.styles-brand,.auth-wordmark{font-size:26px}}.breadcrumb{gap:18px}.styles-brand,.auth-wordmark{letter-spacing:-.7px;white-space:nowrap;font-family:Helvetica Neue,neueMontreal,Arial,sans-serif;font-size:33px;font-weight:500;line-height:40px}.styles-brand{width:auto}.auth-wordmark{align-items:center;height:40px;display:flex}@media (width>=640px){.hero-description{max-width:580px}}@media (width<=639px){.breadcrumb{gap:14px}.styles-brand,.auth-wordmark{letter-spacing:-.6px;font-size:28px;line-height:36px}}@media (width<=374px){.styles-brand,.auth-wordmark{font-size:26px}}.bundle-download{border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 16px;display:flex}.bundle-download>p{color:var(--muted-foreground);flex:210px;margin:0;font-size:12px;line-height:20px}.bundle-download>.primary-button{white-space:nowrap;min-height:40px;padding:8px 16px}.bundle-download>.form-error,.bundle-download>.form-message{color:var(--error);flex-basis:100%}.bundle-download>.form-message{color:var(--success)}.header-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.header-actions .header-account{margin-left:0}.header-purchases{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;line-height:20px;display:inline-flex}.header-purchases:hover,.header-purchases[aria-current=page]{background:var(--secondary);color:var(--primary)}.purchases-main{padding-block:48px 64px}.purchases-main>h1{font-family:var(--display);letter-spacing:-.025em;font-size:40px;font-weight:400;line-height:1.2}.purchases-search{max-width:720px;margin-top:28px}.purchases-search input::placeholder{color:var(--foreground)}.purchases-results{min-height:240px;margin-top:32px}.purchases-summary{color:var(--foreground);margin-block:0 24px;font-size:14px;line-height:24px}.purchases-results .pagination button{min-height:44px}@media (width<=639px){.has-purchases{gap:8px}.has-purchases .breadcrumb{flex:1}.header-actions{gap:0}.header-actions .header-account,.header-purchases{padding:8px;font-size:12px}.has-purchases .crumb-name,.has-purchases .breadcrumb>span[aria-hidden]{display:none}.purchases-main{padding-block:32px 48px}.purchases-main>h1{font-size:34px}}@media (width<=374px){.has-purchases .breadcrumb{gap:6px}.has-purchases .brand-logo{width:36px;height:36px}.has-purchases .styles-brand{font-size:25px}.header-actions .header-account,.header-purchases{padding-inline:6px;font-size:11px}}.purchases-page .empty-state p{color:var(--foreground)}
