@import url('/tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:wait;opacity:.55}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:hover,a:hover{color:var(--orange)}[hidden]{display:none!important}.skip-link{position:fixed;top:-50px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:0 4.3%;max-width:1800px;margin:auto}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand-symbol{display:grid;grid-template-columns:repeat(2,10px);gap:3px;transform:rotate(-3deg)}.brand-symbol i{width:10px;height:10px;background:var(--ink)}.brand-symbol i:last-child{background:var(--orange)}.brand-en{font-family:var(--mono);font-size:10px;letter-spacing:2px;font-weight:500;margin-left:14px}.main-nav{display:flex;align-items:center;height:100%;gap:35px;margin-left:30px}.nav-link{font-size:13px;height:100%;display:flex;align-items:center;gap:7px;position:relative;color:var(--muted)}.nav-link.active{color:var(--ink);font-weight:600}.nav-dot{width:5px;height:5px;background:var(--orange);border-radius:50%;position:absolute;bottom:19px;left:calc(50% - 3px)}.small-arrow{font-size:15px;margin-left:1px;color:#92988d}.saved-nav{display:flex;gap:9px;align-items:center;font-size:12px}.saved-nav svg{width:16px;height:16px}.saved-count{font:10px var(--mono);border:1px solid var(--line);border-radius:4px;min-width:22px;height:22px;display:grid;place-items:center}.saved-nav.active{color:var(--orange)}main{max-width:1600px;margin:0 auto;padding:0 4.5%}.hero{display:grid;grid-template-columns:1fr 280px;gap:40px;padding:49px 0 38px;align-items:center}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.6px;display:flex;gap:10px;align-items:center}.live-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;flex-shrink:0}.edition{color:var(--muted);font-size:9px;margin-left:22px;letter-spacing:1px}h1{font-family:var(--serif);font-size:clamp(45px,4.9vw,76px);line-height:1.23;letter-spacing:-3px;font-weight:500;margin:28px 0 22px}.serif-accent{position:relative}.serif-accent:after{content:'';position:absolute;height:7px;bottom:6px;left:0;right:0;background:var(--orange);opacity:.22;transform:rotate(-2deg);z-index:-1}.orange-period{color:var(--orange);margin-left:-6px}.hero-description{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.hero-aside{padding:13px 0 0 35px;border-left:1px solid var(--line);align-self:center;position:relative}.asterisk{font-size:74px;line-height:1;color:var(--orange);margin:-2px 0 25px;font-family:Arial,sans-serif}.aside-index{font:9px var(--mono);letter-spacing:1.6px;color:var(--muted)}.hero-aside p{line-height:1.9;margin:12px 0 28px;font-size:14px}.aside-foot{display:flex;gap:27px;border-top:1px solid var(--line);padding-top:17px;font-size:10px;color:var(--muted)}.aside-foot strong{color:var(--ink);font-size:19px;font-family:var(--mono);font-weight:400;display:block;margin-bottom:4px}.collection-strip{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:64px;margin-top:5px}.collection-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px;min-width:160px}.tiny-square{width:5px;height:5px;background:var(--orange);display:inline-block}.collection-strip button{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;border-left:1px solid var(--line);padding:8px 24px;font-size:12px;white-space:nowrap}.collection-strip button span{font:9px var(--mono);color:var(--muted);margin-right:10px}.collection-strip b{font-weight:400;margin-left:auto;color:var(--orange);font-size:17px}.catalog{padding-top:43px;min-height:700px}.catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.muted{color:var(--muted);font-size:9px;letter-spacing:1.8px}h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:11px 0 0}#heading-count{font:12px var(--mono);color:var(--muted);display:inline-block;margin-left:12px;vertical-align:top;padding-top:3px}.catalog-heading-note{font-size:10px;display:flex;gap:7px;color:var(--muted);align-items:center;margin-bottom:3px}.catalog-heading-note .live-dot{width:4px;height:4px;background:#71866a}.category-tabs{display:flex;gap:28px;overflow:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.category-tab{font-size:12px;white-space:nowrap;padding:0 0 15px;border-bottom:2px solid transparent;color:var(--muted);display:flex;gap:7px;align-items:center}.category-tab span{font:9px var(--mono);color:#9b9e93}.category-tab.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.category-tab.active span{color:var(--orange)}.catalog-toolbar{display:flex;gap:14px;align-items:center;padding:20px 0 0}.search-field{display:flex;align-items:center;gap:10px;flex:1;max-width:465px;height:42px;border:1px solid var(--line);border-radius:5px;padding:0 13px;background:#fff8}.search-field svg{width:17px;height:17px;color:var(--muted)}.search-field input{width:100%;min-width:0;background:transparent;border:0;outline:none;font-size:12px;color:var(--ink)}.search-field:focus-within{border-color:var(--orange)}input::placeholder{color:#9a9c93}.search-field kbd{font:10px var(--mono);border:1px solid var(--line);border-radius:3px;padding:2px 5px;color:var(--muted)}.select-wrap{height:42px;display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:0 10px;font-size:11px;background:#fff5;white-space:nowrap}.select-wrap span{color:var(--muted)}.select-wrap select{font-size:11px;background:none;border:0;outline:none;padding-right:8px;color:var(--ink);cursor:pointer;max-width:130px}.sort-wrap{margin-left:auto;border:0;background:none;padding-right:2px}.view-switch{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;gap:3px;height:35px;align-items:center}.view-switch button{display:grid;place-items:center;width:29px;height:27px;color:var(--muted);border-radius:3px}.view-switch button.active{background:var(--ink);color:var(--paper)}.view-switch svg{width:15px;height:15px}.results-line{display:flex;gap:15px;align-items:center;min-height:48px;font-size:10px;color:var(--muted)}.source-caption{margin-left:auto;font-size:9px}.results-line button{font-size:10px;color:var(--orange);padding:0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.template-card{min-width:0;position:relative;animation:appear .35s ease both}.card-preview{display:block;position:relative;aspect-ratio:1.5;background:#e7e6df;overflow:hidden;border-radius:6px;border:1px solid #252b2212}.card-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.card-preview:hover img{transform:scale(1.035)}.preview-link{display:block;width:100%;height:100%;padding:0;text-align:left}.preview-link:hover{color:inherit}.cover-foot{position:absolute;bottom:10px;left:12px;display:flex;gap:5px;align-items:center;border-radius:3px;background:#fffffff0;box-shadow:0 1px 4px #0001;padding:5px 7px;font:9px var(--mono);color:var(--ink);pointer-events:none}.cover-foot .source-mark{background:var(--orange);width:4px;height:4px;border-radius:50%}.cover-foot.aura .source-mark{background:#7564b8}.bookmark{position:absolute;right:11px;top:11px;width:29px;height:29px;display:grid;place-items:center;background:#fffefaee;border:1px solid #252b2215;border-radius:50%;box-shadow:0 1px 8px #0000000a;z-index:2}.bookmark svg{width:14px;height:14px}.bookmark.is-saved{background:var(--orange);border-color:var(--orange);color:white}.bookmark.is-saved svg{fill:currentColor}.card-number{font:9px var(--mono);color:var(--muted)}.card-meta-line{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;font-size:10px;color:var(--muted)}.featured-label{display:flex;gap:5px;align-items:center;color:var(--orange);font-size:9px}.featured-label:before{content:'✳';font-size:11px}.template-card h3{font-size:15px;font-weight:500;line-height:1.5;letter-spacing:-.3px;margin:7px 0 8px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-title{padding:0;text-align:left;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.title-arrow{font-size:17px;font-weight:400;color:#a8aba0;flex-shrink:0}.card-description{font-size:11px;line-height:1.8;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.card-tag{font-size:9px;color:#74796e;border:1px solid var(--line);border-radius:3px;padding:3px 6px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:43px 0 48px;font-size:11px;color:var(--muted)}.load-more{border:1px solid #b9bdb0;padding:12px 24px;font-size:11px;border-radius:4px;min-width:160px;display:flex;justify-content:space-between;gap:25px}.load-more:hover{border-color:var(--orange)}.closing-note{border-top:1px solid var(--line);padding:33px 0 39px;display:flex;align-items:center;gap:55px}.closing-number{font:12px var(--mono);color:var(--orange);align-self:flex-start;margin-top:10px}.closing-note p{font:24px/1.6 var(--serif);margin:0}.closing-note p span{color:var(--muted)}.closing-note>div{margin-left:auto;font-size:11px;line-height:1.9;color:var(--muted)}footer{max-width:1600px;margin:0 auto;border-top:1px solid var(--line);padding:24px 4.5% 28px;display:flex;align-items:center;gap:25px;font-size:10px;color:var(--muted)}.footer-brand{font-size:18px;color:var(--ink)}.footer-brand .brand-en{font-size:8px;margin-left:3px}footer>div{margin-left:auto;display:flex;align-items:center;gap:24px}footer button{font-size:10px;padding:0}.empty-state{text-align:center;padding:85px 20px;border:1px dashed var(--line);border-radius:6px}.empty-symbol{font:60px var(--serif);color:var(--orange)}.empty-state h3{font-size:20px;font-weight:500;margin:15px 0}.empty-state p{color:var(--muted);font-size:12px}.primary-button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);padding:13px 20px;border-radius:4px;font-size:12px;margin-top:15px}.primary-button:hover{background:var(--orange);color:white}.template-grid.list{grid-template-columns:1fr;gap:0}.list .template-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;padding:21px 0;border-bottom:1px solid var(--line)}.list .card-preview{aspect-ratio:1.65}.list .card-meta-line{margin-top:6px}.list .template-card h3{font-size:18px}.list .card-description{min-height:0}.list .card-title{-webkit-line-clamp:2}.skeleton{aspect-ratio:1.1;background:linear-gradient(90deg,#e9e9e0 25%,#f0f0e9 50%,#e9e9e0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);padding:12px 22px;background:var(--ink);color:white;border-radius:4px;z-index:20;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:var(--ink);background:var(--paper);padding:0;border:1px solid var(--line);border-radius:10px;box-shadow:0 25px 100px #1113;max-height:90dvh}dialog::backdrop{background:#22281e80;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:16px;width:32px;height:32px;background:var(--paper);border:1px solid var(--line);border-radius:50%;z-index:3;font-size:14px;display:grid;place-items:center}.detail-dialog{width:min(920px,94vw)}.detail-top{padding:31px 35px 25px;padding-right:65px}.detail-top .eyebrow{color:var(--orange);font-size:9px}.detail-top h2{font-size:28px;line-height:1.35;margin:14px 0 10px}.detail-byline{font-size:11px;color:var(--muted);display:flex;gap:15px;flex-wrap:wrap}.detail-cover{background:#e9e8e1;aspect-ratio:2.1;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-cover img{width:100%;height:100%;object-fit:cover;object-position:top}.detail-body{display:grid;grid-template-columns:1fr 230px;gap:30px;padding:28px 35px 35px}.detail-description{font-size:12px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.detail-label{font:10px var(--mono);letter-spacing:1.5px;display:block;margin-bottom:10px;color:var(--orange)}.editor-note{border-left:2px solid var(--orange);padding-left:15px;margin:23px 0 0;font-size:12px;line-height:1.9}.editor-note .detail-label{font-size:9px;margin-bottom:6px}.detail-sidebar{border-left:1px solid var(--line);padding-left:25px}.detail-sidebar dl{font-size:10px;margin:0;display:grid;grid-template-columns:60px 1fr;gap:14px 5px}.detail-sidebar dt{color:var(--muted)}.detail-sidebar dd{margin:0;overflow-wrap:anywhere}.detail-sidebar .primary-button{width:100%;margin-top:25px;gap:20px}.detail-save{margin-top:10px;border:1px solid var(--line);border-radius:4px;padding:11px;width:100%;font-size:11px}.source-notice{font-size:9px;color:var(--muted);line-height:1.7;margin-top:13px}.about-dialog{width:min(550px,92vw);padding:40px}.about-dialog h2{font-family:var(--serif);margin:23px 0;font-size:29px}.about-dialog p{font-size:12px;color:var(--muted);line-height:2}.about-links{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font:11px var(--mono)}.cover-fallback{height:100%;width:100%;background:#e1e4d8;display:flex;flex-direction:column;justify-content:center;padding:10%;color:#394b33;position:relative;overflow:hidden}.cover-fallback:before{content:'';position:absolute;width:180px;height:180px;border:1px solid currentColor;border-radius:50%;right:-40px;bottom:-80px;opacity:.2}.cover-fallback:after{content:'';position:absolute;width:180px;height:180px;border:1px solid currentColor;border-radius:50%;right:-70px;bottom:-50px;opacity:.2}.cover-fallback[data-category="saas"]{background:#dedff2;color:#484a7e}.cover-fallback[data-category="commerce"]{background:#eddfd1;color:#7a543b}.cover-fallback[data-category="portfolio"]{background:#333d37;color:#e1e5d7}.cover-fallback[data-category="dashboard"]{background:#d9e6e9;color:#32606b}.fallback-kicker{font:9px var(--mono);letter-spacing:2px;opacity:.6}.fallback-title{font-family:var(--serif);font-size:24px;line-height:1.25;margin:20px 0 10px;max-width:90%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fallback-footer{font:9px var(--mono);letter-spacing:1px;opacity:.65}.fallback-notice{position:absolute;top:10px;left:10px;font-size:8px;opacity:.7}.detail-cover .fallback-title{font-size:40px}.detail-cover .cover-fallback{padding:30px 50px}.collection-mode .collection-strip{background:#edece3}.collections-intro{grid-column:1/-1;padding:23px 28px;background:#eaece2;border:1px solid #daddcd;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.collections-intro h3{font:23px var(--serif);margin:0 0 9px}.collections-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.collections-intro>span{font:44px var(--serif);color:var(--orange)}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:48px}.template-grid{gap:35px 28px}.hero-aside{margin-right:20px}}@media(max-width:1000px){.main-nav{gap:22px;margin-left:0}.brand-en{margin-left:9px;font-size:9px}.hero{grid-template-columns:1fr 225px;gap:20px}.hero-aside{padding-left:25px}.edition{display:none}.hero h1{font-size:58px}.collection-label{min-width:125px}.collection-strip button{padding:10px 15px;gap:8px;font-size:11px}.collection-strip button span{margin-right:2px}.category-tabs{gap:23px}.template-grid{gap:28px 18px}.select-wrap{padding:0 7px}.catalog-toolbar{gap:9px}.card-description{-webkit-line-clamp:2}footer{gap:15px}footer>div{gap:15px}}@media(max-width:760px){.site-header{height:72px;padding:0 5%}.brand{font-size:21px}.brand-en{display:none}.main-nav{gap:20px;margin-left:auto}.nav-link{font-size:11px}.main-nav>[data-action="about"]{display:none}.saved-nav{padding:0;margin-left:4px;gap:5px}.saved-nav>span:not(.saved-count){display:none}.nav-dot{bottom:12px}main{padding:0 5%}.hero{padding:35px 0 29px;grid-template-columns:1fr 170px;gap:15px}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero h1{font-size:45px;letter-spacing:-2.5px;margin:23px 0 18px}.hero-description{font-size:11px}.hero-aside{padding-left:20px}.asterisk{font-size:54px;margin-bottom:18px}.hero-aside p{font-size:11px;margin:10px 0 20px}.aside-index{font-size:7px;letter-spacing:1px}.aside-foot{gap:20px;font-size:8px;padding-top:13px}.aside-foot strong{font-size:17px}.collection-strip{min-height:55px;overflow:auto}.collection-label{min-width:104px;font-size:10px}.collection-strip button{min-width:171px;font-size:11px;padding:8px 13px}.collection-strip button:last-child{padding-right:2px}.catalog{padding-top:32px}.catalog-heading{margin-bottom:22px}h2{font-size:22px}.catalog-heading-note{font-size:9px}.category-tabs{gap:23px}.category-tab{font-size:11px;padding-bottom:13px}.catalog-toolbar{flex-wrap:wrap;padding-top:17px;gap:10px}.search-field{max-width:none;flex-basis:100%;height:42px}.select-wrap{height:33px;font-size:10px}.select-wrap select{font-size:10px}.sort-wrap{margin-left:auto}.view-switch{height:31px}.view-switch button{height:23px;width:25px}.source-caption{font-size:8px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.card-preview{aspect-ratio:1.35}.card-meta-line{font-size:9px;margin-top:12px}.template-card h3{font-size:13px;gap:7px;margin-top:6px}.card-description{font-size:10px;line-height:1.8;min-height:36px}.card-tags{margin-top:9px;gap:4px}.card-tag{font-size:8px;max-width:120px;padding:3px 5px}.cover-foot{font-size:8px;padding:4px 6px;left:8px;bottom:8px}.bookmark{width:27px;height:27px;top:8px;right:8px}.featured-label{font-size:8px}.closing-note{gap:25px;padding:28px 0}.closing-note p{font-size:21px}.closing-note>div{font-size:9px}.closing-number{font-size:10px}footer{padding:22px 5%;flex-wrap:wrap;gap:12px}.footer-brand .brand-en{display:inline;font-size:8px}footer>div{width:100%;margin-left:0;justify-content:space-between;margin-top:5px;font-size:9px}.detail-top{padding:28px 25px 22px}.detail-top h2{font-size:24px}.detail-body{padding:25px;grid-template-columns:1fr 200px;gap:22px}.detail-sidebar{padding-left:20px}.list .template-card{grid-template-columns:170px minmax(0,1fr);gap:18px}.list .template-card h3{font-size:15px}.fallback-title{font-size:20px}.fallback-kicker{font-size:7px}.fallback-footer{font-size:7px}}@media(max-width:480px){.site-header{gap:10px}.main-nav{gap:17px}.saved-count{min-width:19px;height:19px;font-size:9px}.hero{grid-template-columns:1fr}.hero h1{font-size:50px;line-height:1.2;margin-bottom:17px}.hero-description{font-size:11px}.hero-aside{display:none}.hero{padding:30px 0 27px}.collection-label{min-width:101px}.collection-strip button{min-width:168px}.catalog-heading-note{display:none}.catalog-heading{margin-bottom:20px}.category-tabs{gap:23px}.category-tab{font-size:11px}.template-grid{gap:25px 12px}.card-preview{aspect-ratio:1.2}.card-number{font-size:8px}.featured-label{font-size:7px;gap:3px}.featured-label:before{font-size:9px}.card-tags .card-tag:nth-child(n+3){display:none}.card-description{font-size:10px}.template-card h3{font-size:12px}.title-arrow{font-size:15px}.source-caption{display:none}.results-line{min-height:44px}.closing-note{gap:18px}.closing-number{font-size:9px}.closing-note p{font-size:20px}.closing-note>div{display:none}.load-more-wrap{padding:32px 0}.detail-cover{aspect-ratio:1.45}.detail-body{grid-template-columns:1fr}.detail-sidebar{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.detail-sidebar dl{grid-template-columns:80px 1fr}.detail-sidebar .primary-button{margin-top:20px}.detail-top h2{font-size:22px}.detail-top{padding-top:30px;padding-right:50px}.about-dialog{padding:34px 26px}.about-dialog h2{font-size:25px}.list .template-card{grid-template-columns:110px minmax(0,1fr);gap:13px}.list .card-preview{aspect-ratio:.85}.list .template-card h3{font-size:13px;margin:5px 0}.list .card-tags{margin-top:7px}.list .card-meta-line{margin:0}.list .featured-label{display:none}.list .card-description{-webkit-line-clamp:2;font-size:9px}.list .cover-foot{font-size:7px;left:5px;bottom:5px;padding:3px}.list .bookmark{top:5px;right:5px;width:23px;height:23px}.fallback-title{font-size:16px;margin:15px 0 9px}.fallback-kicker{font-size:6px;letter-spacing:1px}.fallback-footer{font-size:6px}.collections-intro{padding:20px}.collections-intro h3{font-size:20px}.collections-intro>span{font-size:30px}.detail-cover .fallback-title{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}