@font-face{font-family:Raleway;font-style:normal;font-weight:400 800;font-display:swap;src:url('./assets/fonts/raleway-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Raleway;font-style:normal;font-weight:400 800;font-display:swap;src:url('./assets/fonts/raleway-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#1c2e32;--muted:#617176;--teal:#5cc3ba;--teal-dark:#287b75;--mint:#eff8f6;--line:#dfe7e5;--white:#fff;--radius:12px;font-family:Raleway,'Segoe UI',sans-serif;color:var(--ink);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:26px}
*{box-sizing:border-box}body{margin:0;background:var(--white);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button{touch-action:manipulation}button{color:inherit}img{max-width:100%;display:block}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 36px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal-dark);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--ink);color:white;z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;min-height:94px;gap:22px}.brand img{width:144px;height:auto}.header-divider{height:29px;width:1px;background:var(--line)}.header-caption{font-size:12px;color:var(--muted);font-weight:500}.header-inner nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav-link{transition:color .2s}.nav-link:hover,.text-link:hover{color:var(--teal-dark)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#2b474d}.button-small{padding:12px 15px;font-size:12px}.button-small .icon{width:17px;height:17px}
.hero{background:#f3f8f7;overflow:hidden}.hero-main{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:20px;padding:61px 0 43px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;display:flex;align-items:center;gap:10px;margin:0 0 19px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal-dark);flex-shrink:0}.hero h1{font-size:clamp(38px,4.5vw,58px);line-height:1.12;font-weight:750;letter-spacing:-2.1px;margin:0 0 23px}.hero h1 span{color:var(--teal-dark)}.hero-description{font-size:14px;line-height:1.85;color:#52666a;margin:0 0 26px}.hero-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:750;border-bottom:1px solid #a7bab7;padding-bottom:5px}.hero-link:hover{gap:27px}.hero-link .icon{width:18px}.hero-bottom{border-top:1px solid #dce7e4;padding:17px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#566c6f}.hero-bottom p{margin:0;display:flex;align-items:center;gap:11px}.mini-brackets{font-family:monospace;font-size:15px;font-weight:600;color:var(--teal-dark)}.hero-bottom a{display:flex;align-items:center;gap:8px}.hero-bottom .icon{width:14px;height:14px}
.hero-art{position:relative;width:100%;height:290px;isolation:isolate}.art-grid{position:absolute;inset:-10px;background-image:radial-gradient(#afc9c4 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}.art-orbit{position:absolute;border:1px solid #c8ddd8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:226px;height:226px}.orbit-two{width:302px;height:302px;border-style:dashed;opacity:.7}.code-tile{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-7deg);width:190px;height:144px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #96c5bd;border-radius:12px;background:#e5f3ef;box-shadow:8px 10px 0 #d9eae5;color:#38756e}.code-tile>span{font-size:84px;line-height:1;font-weight:400;font-family:monospace}.code-tile>svg{width:63px;height:63px}.code-tile i{position:absolute;bottom:25px;right:49px;width:7px;height:7px;background:var(--teal-dark)}.art-label{position:absolute;background:#fff;border:1px solid #dfe8e5;border-radius:5px;padding:9px 13px;box-shadow:0 4px 9px #1c2e3205;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;z-index:2;white-space:nowrap}.label-top{left:35%;top:6px;transform:rotate(3deg)}.label-left{left:-3px;top:177px;transform:rotate(-5deg)}.label-left .icon{width:17px;height:17px;color:var(--teal-dark)}.label-bottom{right:-5px;bottom:25px;transform:rotate(4deg);background:var(--ink);color:white;border-color:var(--ink)}.label-bottom .status-dot{background:var(--teal)}.label-bottom>span:last-child{margin-left:10px;color:var(--teal)}.tiny-square{width:8px;height:8px;border:1px solid var(--teal-dark)}.art-cross{position:absolute;font-family:monospace;color:var(--teal-dark);font-size:24px;font-weight:400}.cross-one{right:6%;top:21%}.cross-two{left:26%;bottom:9%;font-size:18px}
.catalog{padding-top:55px;padding-bottom:42px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.section-index{font-size:9px;letter-spacing:1.4px;color:var(--teal-dark);margin-bottom:11px}h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;font-weight:700;margin:0 0 10px}.section-heading p:last-child{font-size:13px;color:var(--muted);margin:0}.collection-count{font-size:11px;color:var(--muted);white-space:nowrap;padding-top:20px}.collection-count strong{font-family:'Segoe UI',sans-serif;font-size:14px;color:var(--ink);font-weight:500;margin-right:4px}.catalog-controls{display:flex;gap:20px;align-items:center}.search-wrap{display:flex;align-items:center;gap:12px;position:relative;flex:1;border:1px solid #dbe4e1;border-radius:7px;min-height:48px;padding:0 15px;background:#fcfdfc}.search-wrap:focus-within{border-color:var(--teal-dark);box-shadow:0 0 0 3px #5cc3ba20}.search-wrap>.icon{color:#728381;width:18px;height:18px}.search-wrap input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:12px;height:46px}.search-wrap input:focus-visible{outline:none}.search-wrap input::placeholder{color:#74837f}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap kbd{padding:0 7px;background:white;border:1px solid var(--line);border-radius:4px;color:#899793;font:12px/22px monospace}.clear-search{background:transparent;border:0;padding:4px;color:var(--muted)}.clear-search .icon{width:17px;height:17px}.sort-wrap{display:flex;align-items:center;gap:8px;font-size:11px;position:relative}.sort-wrap label{color:var(--muted)}.sort-wrap select{appearance:none;font-weight:600;font-size:11px;color:var(--ink);background:#fff;border:0;padding:12px 23px 12px 0;cursor:pointer;max-width:160px}.sort-wrap>.icon{pointer-events:none;position:absolute;right:0;width:14px;height:14px}.filter-row{display:flex;flex-wrap:wrap;gap:9px;padding:20px 0}.filter{background:white;border:1px solid #dfe6e3;border-radius:5px;font-size:10px;font-weight:600;padding:8px 12px;transition:background .15s,border .15s}.filter:hover{border-color:#80b9ae;background:#f6faf8}.filter.active{background:var(--ink);border-color:var(--ink);color:white}.filter span{margin-left:6px;font-size:9px;padding:1px 4px;border-radius:3px;background:#ffffff20}.results-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6d7d78;border-top:1px solid #e7ece9;padding:17px 0 20px}.results-meta p{margin:0}.results-meta>span{display:flex;align-items:center;gap:7px}.small-dot{width:5px;height:5px;background:var(--teal-dark);border-radius:50%}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #1c2e320a;border-color:#bbd4ce}.project-visual{display:block;position:relative;background:var(--card-tint,#edf3f0);padding:17px 17px 0;overflow:hidden;border-bottom:1px solid var(--line)}.browser-frame{background:#fff;border:1px solid #00000012;border-bottom:0;border-radius:5px 5px 0 0;overflow:hidden;box-shadow:0 1px 9px #1c2e3208}.browser-bar{display:flex;align-items:center;gap:4px;height:22px;padding:0 8px;background:#ffffff;position:relative}.browser-bar i{width:4px;height:4px;background:#d9e1de;border-radius:50%}.browser-bar>span{position:absolute;left:36px;right:8px;text-align:center;font-family:'Segoe UI',sans-serif;color:#83908b;font-size:7px}.project-visual img{width:100%;aspect-ratio:1280/720;object-fit:cover;object-position:top;transition:transform .4s}.project-visual:hover img{transform:scale(1.025)}.visual-open{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #1c2e3218}.visual-open .icon{width:14px;height:14px}.project-body{padding:21px 20px 16px;flex:1;display:flex;flex-direction:column}.project-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tag{font-size:8px;font-weight:650;padding:3px 7px;border-radius:3px;background:#eef5f3;color:#3b6e65}.tag:nth-child(2){background:#f3f4f2;color:#63736a}.project-title{font-size:19px;letter-spacing:-.4px;line-height:1.3;font-weight:750;margin:0 0 10px}.project-title a:hover{color:var(--teal-dark)}.project-description{font-size:11px;line-height:1.85;color:#60706c;margin:0 0 19px;flex:1}.card-note{font-size:9px;line-height:1.5;color:#6a736c;margin:0 0 14px;display:flex;gap:5px}.card-note span{font-weight:700;color:var(--teal-dark)}.project-team{padding-top:13px;border-top:1px solid #e9eeeb}.team-label{display:block;font-size:7px;letter-spacing:1px;font-weight:700;color:#7b8a84;margin-bottom:7px}.team-line{display:flex;align-items:center;gap:8px}.team-mark{font-family:monospace;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;background:#f1f6f3;border-radius:50%;font-size:10px;color:#367b6e}.team-name{font-size:9px;line-height:1.5;font-weight:600;flex:1}.contact-link{display:flex;align-items:center;justify-content:center;border-radius:4px;padding:6px;color:var(--teal-dark)}.contact-link:hover{background:var(--mint)}.contact-link .icon{width:15px;height:15px}.card-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fafcfb;border-top:1px solid #edf1ee;font-size:9px;font-weight:650}.card-actions>a{display:flex;align-items:center;gap:5px;color:#526a61}.card-actions .icon{width:13px;height:13px}.details-button{border:0;background:none;display:flex;gap:5px;align-items:center;font-size:9px;font-weight:650;padding:4px 0}.details-button:hover{color:var(--teal-dark)}.catalog-note{text-align:center;font-size:10px;color:var(--muted);margin:25px 0 0}.empty-state{text-align:center;padding:55px 20px;background:var(--mint);border-radius:9px}.empty-state>.icon{width:32px;height:32px;color:var(--teal-dark)}.empty-state h3{font-size:22px;margin:12px 0 5px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:25px}
.submission{padding-top:9px;padding-bottom:48px}.submission-inner{display:flex;align-items:center;gap:25px;padding:32px;background:#edf7f3;border:1px solid #d5e8df;border-radius:10px}.submission-icon{flex-shrink:0;width:61px;height:61px;display:flex;align-items:center;justify-content:center;background:#e0f0e8;border:1px solid #c7dfd3;border-radius:10px;color:var(--teal-dark);transform:rotate(-7deg)}.submission-icon .icon{width:28px;height:28px}.submission-copy{flex:1}.submission-copy .eyebrow{font-size:8px;letter-spacing:1.4px;color:#4b7d68;margin-bottom:9px}.submission h2{font-size:22px;letter-spacing:-.5px}.submission-copy p:last-child{font-size:11px;color:#667b70;line-height:1.8;margin:0}.submission-action{display:flex;flex-direction:column;align-items:center;gap:9px}.submission-action>a:nth-child(2){font-size:10px;color:#4e6c5d;font-family:'Segoe UI',sans-serif}.submission-action>span{font-size:8px;color:#667b70}.submission-action .button{font-size:11px;padding:13px 16px}.submission-action .icon{width:16px;height:16px}.community{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-top:39px;padding-bottom:43px;position:relative}.community:before{position:absolute;left:36px;right:36px;top:0;content:"";height:1px;background:var(--line)}.community h2{font-size:32px;line-height:1.3;letter-spacing:-.8px}.community-copy{font-size:12px;color:#5e706a}.community-copy p{margin:0 0 14px;line-height:1.85}.community-copy strong{color:var(--ink);font-weight:650}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:11px;color:var(--ink);margin-top:5px}.text-link .icon{width:16px;height:16px}.faq{padding-bottom:55px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;list-style:none;justify-content:space-between;gap:12px;align-items:center;font-size:12px;font-weight:600;padding:18px 0;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:16px;height:16px}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);line-height:1.85;max-width:800px;margin:0 0 22px}.faq p a{color:var(--teal-dark);text-decoration:underline}.site-footer{background:#f8faf9;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;padding-top:30px;padding-bottom:27px;gap:24px}.footer-main img{width:122px;height:auto;mix-blend-mode:multiply}.footer-main p{font-size:10px;color:#677a72}.footer-main>div{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:10px;font-weight:600}.footer-main>div a{display:flex;align-items:center;gap:5px}.footer-main .icon{width:13px;height:13px}.footer-bottom{display:flex;justify-content:space-between;color:#7a8a81;font-size:8px;padding-bottom:22px}
dialog{width:min(630px,calc(100% - 32px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:13px;color:var(--ink);box-shadow:0 24px 100px #0b201f40}dialog::backdrop{background:#142b2b80;backdrop-filter:blur(4px)}.dialog-close{position:absolute;z-index:2;right:12px;top:12px;border:1px solid var(--line);background:#fff;border-radius:50%;padding:8px;display:flex}.dialog-close .icon{width:18px;height:18px}.dialog-image{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.dialog-body{padding:25px 30px 30px}.dialog-body h2{margin:12px 0;font-size:28px}.dialog-body>p{font-size:13px;color:var(--muted)}.dialog-body h3{font-size:12px;margin:24px 0 10px}.maker-list{list-style:none;padding:0;margin:0}.maker-list li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.maker-list li span{display:block;font-size:10px;color:var(--muted)}.maker-list a{font-size:11px;color:var(--teal-dark);text-decoration:underline;overflow-wrap:anywhere}.source-list{font-size:11px;padding-left:16px;color:var(--teal-dark)}.source-list a{text-decoration:underline}.dialog-footnote{font-size:10px!important}.dialog-visit{margin-top:12px}body.dialog-open{overflow:hidden}
@media(min-width:1500px){.container{max-width:1300px}.hero-main{padding-top:73px;padding-bottom:57px}.hero h1{font-size:64px}.project-description{font-size:12px}.project-title{font-size:21px}}
@media(max-width:1020px){.header-caption,.header-divider{display:none}.header-inner nav{gap:20px}.hero-main{grid-template-columns:1.6fr 1fr}.hero h1{font-size:46px}.desktop-break{display:none}.hero-art{transform:scale(.86)}.hero-description{max-width:480px}.project-grid{gap:16px}.project-body{padding:18px 16px 15px}.project-title{font-size:17px}.project-visual{padding:12px 12px 0}.submission-icon{display:none}.community{gap:40px}.hero-main{padding-top:50px}}
@media(max-width:760px){.container{padding-left:24px;padding-right:24px}.header-inner{min-height:80px;gap:12px}.brand img{width:125px}.header-inner nav{gap:15px}.nav-link{display:none}.button-small{font-size:11px;padding:10px 12px}.hero-main{grid-template-columns:1fr;gap:0;padding:40px 0 34px}.hero h1{font-size:48px;letter-spacing:-1.7px}.hero-art{display:none}.hero-description{font-size:14px}.hero-bottom{font-size:9px}.hero-bottom>a{display:none}.catalog{padding-top:39px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:25px}.collection-count{display:none}.catalog-controls{align-items:stretch;flex-direction:column;gap:5px}.sort-wrap{align-self:flex-end}.filter-row{padding-top:8px;gap:7px}.filter{font-size:10px;padding:8px 10px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-description{font-size:12px}.project-title{font-size:19px}.team-name{font-size:10px}.team-label{font-size:8px}.card-actions{font-size:10px;padding:11px 16px}.details-button{font-size:10px}.submission-inner{padding:26px;flex-direction:column;align-items:flex-start;gap:20px}.submission h2{font-size:23px}.submission-copy p:last-child{font-size:12px}.submission-copy br{display:none}.submission-action{align-items:flex-start}.submission-action>a:nth-child(2){display:none}.submission-action .button{font-size:12px}.community{grid-template-columns:1fr;gap:20px;padding-top:32px}.community:before{left:24px;right:24px}.community h2{font-size:30px}.community-copy{font-size:13px}.footer-main{flex-wrap:wrap;gap:15px}.footer-main>p{margin-left:auto}.footer-main>div{margin-left:0;flex-basis:100%;margin-top:5px}.faq summary{font-size:12px}.search-wrap kbd{display:none}}
@media(max-width:480px){.container{padding-left:20px;padding-right:20px}.header-inner{min-height:76px}.brand img{width:115px}.hero h1{font-size:40px;letter-spacing:-1.4px}.hero-main{padding:35px 0 30px}.hero-description{font-size:13px;line-height:1.85}.hero .eyebrow{font-size:9px}.hero-link{font-size:11px}.hero-bottom{font-size:8px}.section-heading h2{font-size:24px}.section-heading p:last-child{font-size:12px}.project-grid{grid-template-columns:1fr;gap:22px}.project-body{padding:21px 21px 16px}.project-title{font-size:23px}.project-description{font-size:13px}.project-visual{padding:16px 16px 0}.tag{font-size:9px}.project-team{padding-top:15px}.team-name{font-size:11px}.card-actions{padding:12px 21px;font-size:11px}.details-button{font-size:11px}.results-meta{font-size:9px}.results-meta>span{display:none}.filter-row{gap:7px}.filter{padding:8px 10px}.catalog-note{font-size:10px}.submission{padding-bottom:34px}.submission-inner{padding:24px}.submission h2{line-height:1.3}.community:before{left:20px;right:20px}.community h2{font-size:28px}.footer-main>p{font-size:9px}.footer-bottom{gap:12px;font-size:7px}.dialog-body{padding:22px}.maker-list li{align-items:flex-start;flex-direction:column;gap:5px}.dialog-image{aspect-ratio:16/9}}
.project-visual img,.dialog-image{height:auto}
.database-details{margin-top:18px;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:8px;background:#fff}.database-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:13px 17px;font-size:12px;font-weight:650;min-height:44px}.database-details>summary::-webkit-details-marker{display:none}.database-details>summary:hover{color:var(--teal-dark)}.database-details>summary .icon{width:16px;height:16px;flex-shrink:0;transition:transform .2s}.database-details[open]{width:auto;background:#fafcfb}.database-details[open]>summary{border-bottom:1px solid var(--line)}.database-details[open]>summary .icon{transform:rotate(180deg)}.database-details-content{padding:20px}.database-details .data-status{margin-bottom:16px}.database-details .data-warnings{margin:0 0 16px}.database-details .catalog-note{margin:0;font-size:11px}.database-details .template-links{margin-top:12px}
.sort-wrap select{max-width:240px}
.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;line-height:1.75;color:var(--muted);padding-bottom:28px}
.footer-bottom p{margin:0;max-width:850px}.footer-bottom a{color:var(--ink);font-weight:600}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:3px}.license-icons{display:inline-flex;gap:5px}.license-icons img{width:18px;height:18px;opacity:.75}.footer-source{display:flex;align-items:baseline;gap:8px}.footer-source>img{flex-shrink:0;width:16px;height:16px;align-self:flex-start;margin-top:3px;opacity:.75}
.load-more-control{text-align:center;margin-top:28px}.load-more-control p{margin:0 0 12px;color:var(--muted);font-size:12px}.load-more-control .icon{width:17px;height:17px}
.project-verified{display:flex;flex-wrap:wrap;gap:0 4px;margin:12px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}.project-verified time{font-variant-numeric:tabular-nums}
.project-description{font-size:13px;line-height:1.75}.team-name{font-size:11px}.team-label{font-size:8px}.tag{font-size:9px}.card-actions,.details-button{font-size:11px}.card-note{font-size:10px}.results-meta{font-size:11px}.filter{font-size:11px}.search-wrap input{font-size:13px}
@media(min-width:761px) and (max-width:980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{transform:scale(.8)}.hero h1{font-size:42px}.hero-description{font-size:13px}}
.data-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:12px 15px;border:1px solid var(--line);border-radius:6px;background:#f7faf8;font-size:11px;color:#526960}.data-status p{margin:0}.data-status>div{display:flex;align-items:center;gap:15px;flex-shrink:0}.data-status a{display:inline-flex;align-items:center;gap:4px;color:var(--teal-dark)}.data-status .icon{width:13px;height:13px}.data-status button{border:0;background:none;padding:5px 0;font-size:11px;font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.data-status[data-state="sample"]{background:#fff9e8;border-color:#e5d9b6;color:#705b2c}.data-status[data-state="error"]{background:#fff6f1;border-color:#e9d2c6;color:#864a32}.data-status[data-state="loading"]{border-style:dashed}.data-warnings{font-size:11px;margin:-10px 0 20px;color:#864a32}.data-warnings summary{cursor:pointer;font-weight:600}.data-warnings li{padding:3px 0}.source-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 15px;padding:9px 10px;background:#f6f8f6;border:1px solid #e8ede9;border-radius:4px}.source-code-row>span{display:flex;align-items:center;gap:6px}.source-code-row .icon{width:14px;height:14px}.source-code-row a{display:flex;align-items:center;gap:4px;font-weight:650;color:var(--teal-dark);white-space:nowrap}.source-code-row.is-open{color:#296950;background:#eef8f2;border-color:#dcece2}.source-code-row a:hover{text-decoration:underline}.license-note{font-size:11px;color:var(--muted);margin-top:-7px}.template-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-size:11px;margin-top:16px;color:var(--muted)}.template-links a{display:inline-flex;align-items:center;gap:5px;color:var(--teal-dark);font-weight:600}.template-links .icon{width:14px;height:14px}.template-links a:hover{text-decoration:underline}.button-outline{background:#fff;border-color:#b9d1c9;color:var(--ink)}.empty-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.empty-state p{max-width:610px;margin-left:auto;margin-right:auto}button:disabled,select:disabled,input:disabled{cursor:default;opacity:.6}.dialog-body .source-code-row{font-size:12px}.dialog-body .source-code-row .icon{width:16px;height:16px}
@media(max-width:760px){.data-status{flex-direction:column;align-items:flex-start;gap:8px}.data-status>div{flex-wrap:wrap}.template-links{gap:10px 18px}.template-links>span{flex-basis:100%;text-align:center}.empty-state{padding:35px 18px}.empty-state h3{font-size:20px}.source-code-row{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-card:hover,.button:hover{transform:none}}