:root{--paper:#f6f5f1;--ink:#263331;--muted:#596761;--line:#d5dcd5;--accent:#345c50;--soft:#e9eee8;--white:#fff;--serif:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Yu Gothic',Meiryo,sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-underline-offset:.23em}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3d7d8c;outline-offset:4px}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}.wrap{max-width:1240px;margin:auto;padding-left:44px;padding-right:44px}.skip{position:absolute;left:20px;top:-80px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}.preview-note{text-align:center;font-size:12px;background:#e4eae3;padding:5px 16px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:102px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.brand-mark{font-family:serif;font-size:42px;line-height:1;transform:rotate(-8deg);color:var(--accent)}nav{display:flex;gap:25px;flex-wrap:wrap}.masthead nav a{font-size:13px;text-decoration:none}.masthead nav a:hover{text-decoration:underline}.intro{padding:52px 0 31px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:600;color:var(--accent);margin:0 0 12px}h1,h2,p{margin-top:0}.intro h1{font-family:var(--serif);font-weight:500;font-size:37px;letter-spacing:.04em;line-height:1.55;margin-bottom:14px}.intro>p:not(.eyebrow){color:var(--muted)}.license-strip{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:24px;margin-bottom:0}.license-strip span+span{border-left:1px solid var(--line);padding-left:20px}.license-strip a{margin-left:auto}.library{padding-top:24px;border-top:1px solid var(--line)}.search{display:flex;align-items:center;gap:25px}.search label{font-size:13px;font-weight:600;white-space:nowrap}.search-input{display:flex;flex:1;max-width:700px;min-width:0}.search input{width:100%;min-width:0;background:#fff;border:1px solid #bdc8c0;border-right:0;padding:13px 16px;border-radius:0}.search button{border:1px solid var(--accent);background:var(--accent);color:white;min-width:86px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 19px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:1px solid transparent;background:none;padding:7px 14px;color:var(--muted);font-size:13px}.filters button[aria-pressed=true]{background:var(--soft);border-color:#c7d2c8;color:var(--ink);font-weight:600}.filters button:hover{background:#eef0ea}#result-count{white-space:nowrap;font-size:12px;color:var(--muted);margin:0}.material-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 27px;padding:0;margin:0}.material{min-width:0}.material-link{display:block;text-decoration:none}.artboard{aspect-ratio:1.15;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.artboard img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .2s ease}.material-link:hover .artboard img{transform:scale(1.035)}.material-info{padding:18px 0 21px;border-bottom:1px solid var(--line)}.genre-label{font-size:11px;color:var(--accent);letter-spacing:.06em}.material-info h2{font-size:18px;line-height:1.6;margin:4px 0 7px;font-weight:600}.material-info p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:10px}.file-label{font-size:11px;color:var(--muted)}.empty-result{text-align:center;padding:65px 15px;background:var(--white)}.empty-result h2{font-size:20px}.empty-result button{background:var(--accent);border:0;color:#fff;padding:10px 22px}.how-to{border-top:1px solid var(--line);margin-top:70px;padding:31px 0 12px}.how-to h2{font-family:var(--serif);font-size:23px;font-weight:500}.how-to ol{padding-left:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;font-size:13px}.how-to p{font-size:12px;color:var(--muted);margin-top:20px}.site-footer{margin-top:60px;border-top:1px solid var(--line);padding-top:26px;padding-bottom:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--muted)}.site-footer nav{gap:20px}.site-footer p{flex-basis:100%;font-size:11px;margin:0}.breadcrumb{font-size:12px;color:var(--muted);margin:31px 0 26px;gap:15px}.detail{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start}.detail-artboard{background:white;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.detail-artboard img{width:100%;height:100%;object-fit:contain;padding:22px}.detail-copy{padding-top:12px}.detail-copy h1{font-family:var(--serif);font-size:31px;font-weight:500;line-height:1.6;margin-bottom:18px}.detail-description{color:var(--muted);font-size:14px}.file-specs{font-size:12px;border-top:1px solid var(--line);margin:24px 0}.file-specs>div{display:grid;grid-template-columns:92px 1fr;padding:8px 0;border-bottom:1px solid var(--line);gap:8px}.file-specs dt{color:var(--muted)}.file-specs dd{margin:0}.download{background:var(--accent);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-weight:600;font-size:14px}.download:hover{background:#244b3e}.download span{font-size:23px}.download-note{font-size:11px;color:var(--muted);margin:8px 0 27px}.detail-copy h2{font-size:14px;margin:22px 0 8px}.detail-copy h2+p{font-size:13px}.keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.keywords a{font-size:11px;background:var(--soft);padding:3px 9px;text-decoration:none}.keywords a:hover{text-decoration:underline}.related{margin-top:65px}.related>h2{font-family:var(--serif);font-weight:500;font-size:24px}.related .material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prose{max-width:760px;margin:36px auto 0;padding-bottom:30px}.back{font-size:12px;color:var(--muted)}.prose h1{font-family:var(--serif);font-weight:500;font-size:32px;margin:30px 0}.prose h2{font-size:19px;margin:31px 0 13px}.prose p,.prose li{font-size:14px}.prose .lead{font-size:20px}.prose ul{padding-left:24px}.contact-address{font-family:monospace;font-size:20px!important;background:var(--soft);padding:18px;overflow-wrap:anywhere}.draft-note{border-left:3px solid #9e6813;padding:9px 14px;background:#fff2d9;font-size:13px}
@media(max-width:850px){.wrap{padding-left:25px;padding-right:25px}.brand{font-size:21px}.masthead nav{gap:15px}.material-grid{gap:23px 19px}.detail{gap:26px;grid-template-columns:1.05fr 1fr}.detail-copy h1{font-size:25px}.how-to ol{display:block}.how-to li{margin-bottom:6px}.artboard img{padding:3px}}
@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.masthead{padding-top:19px;padding-bottom:17px;min-height:0;display:block}.brand{font-size:23px;gap:9px}.brand-mark{font-size:36px}.masthead nav{margin-top:11px;gap:23px}.masthead nav a{font-size:12px}.intro{padding:24px 0 20px}.eyebrow{font-size:11px}.intro h1{font-size:25px;letter-spacing:0}.intro>p{font-size:13px}.license-strip{gap:9px 14px;font-size:11px!important;margin-top:19px}.license-strip span+span{padding-left:14px}.license-strip a{margin-left:0;flex-basis:100%}.library{padding-top:20px}.search{display:block}.search label{display:block;margin-bottom:8px;font-size:12px}.search input{padding:11px 12px;font-size:14px}.search button{min-width:65px;font-size:13px}.filter-row{margin:18px 0 17px;gap:10px}.filters{gap:2px}.filters button{padding:6px 8px;font-size:11px}#result-count{font-size:11px}.material-grid,.related .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.artboard{aspect-ratio:1}.material-info{padding:10px 0 14px}.genre-label{font-size:10px}.material-info h2{font-size:15px;line-height:1.6;margin:3px 0 6px}.material-info p{font-size:11px;line-height:1.8;margin-bottom:7px}.file-label{font-size:10px}.how-to{margin-top:40px;padding-top:24px}.how-to h2{font-size:21px}.how-to ol{font-size:12px}.site-footer{margin-top:40px;padding-top:24px;display:block}.site-footer nav{margin-top:11px;gap:16px}.site-footer p{margin-top:17px}.breadcrumb{margin-top:22px;margin-bottom:18px}.detail{display:block}.detail-artboard{margin-bottom:24px}.detail-artboard img{padding:16px}.detail-copy{padding-top:0}.detail-copy h1{font-size:28px}.related{margin-top:45px}.prose{margin-top:24px}.prose h1{font-size:28px}.prose p,.prose li{font-size:13px}.prose .lead{font-size:18px}.contact-address{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.artboard img{transition:none}.material-link:hover .artboard img{transform:none}}
.detail>*,.detail-copy{min-width:0}.detail-artboard{position:relative;overflow:hidden}.detail-artboard canvas{display:block;width:100%;height:100%;object-fit:contain;padding:22px}.detail-artboard[aria-busy=true]{opacity:.65}.style-picker,.color-picker{padding:0;border:0;min-width:0;margin:22px 0}.style-picker legend,.color-picker legend{padding:0;margin-bottom:9px;font-size:13px;font-weight:600}.style-options{display:flex;flex-wrap:wrap;gap:8px}.style-choice{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 16px;text-decoration:none;border:1px solid #bdc8c0;background:#fff;font-size:13px}.style-choice[aria-pressed=true]{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 -2px var(--accent);font-weight:700}.style-picker noscript p{font-size:12px;color:var(--muted);margin:8px 0}.color-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.color-choice{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:4px;background:#fff;border:1px solid transparent;border-radius:50%}.color-choice span{display:block;background:var(--swatch);width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000018}.color-choice[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.original-color{min-height:36px;padding:4px 10px;border:1px solid #bdc8c0;background:#fff;color:var(--ink);font-size:12px}.original-color[aria-pressed=true]{border-color:var(--accent);background:var(--soft);font-weight:700}.custom-color{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:13px;font-size:12px}.custom-color input{width:42px;height:34px;padding:2px;border:1px solid #bdc8c0;background:#fff;cursor:pointer}.custom-color output{font-variant-numeric:tabular-nums;font-size:12px;min-width:70px}.color-note{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.render-status{min-height:1.8em;margin:7px 0;font-size:11px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.download[aria-disabled=true]{opacity:.55;cursor:progress}.detail-copy .file-specs{margin:20px 0}.detail-copy h1,.detail-description,.material-info h2{overflow-wrap:anywhere}
@media(max-width:600px){.detail-artboard canvas{padding:16px}.style-choice{flex:1;padding:8px 12px;min-width:75px}.color-options{gap:7px}.color-choice{min-width:34px;min-height:34px}.style-picker,.color-picker{margin:20px 0}.custom-color{font-size:12px}.download{min-height:50px}.detail-artboard[aria-busy=true]{opacity:.75}}
.detail-media,.detail-artboard{width:100%;min-width:0;max-width:100%}.detail-artboard img,.detail-artboard canvas{min-width:0;min-height:0;max-width:100%;max-height:100%;flex:0 1 100%}
[data-preview-background=checker]{background-color:#fff;background-image:linear-gradient(45deg,#e5e8e6 25%,transparent 25%),linear-gradient(-45deg,#e5e8e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e8e6 75%),linear-gradient(-45deg,transparent 75%,#e5e8e6 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
[data-preview-background=light]{background:#fff}[data-preview-background=dark]{background:#27313b}
.background-preview{margin:12px 0 0;color:var(--muted);font-size:11px}.library>.background-preview{margin:0 0 20px}.background-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.background-options>span{margin-right:4px}.background-options button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;min-height:36px;border:1px solid #bdc8c0;background:#fff;color:var(--ink);font-size:12px}.background-options button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);box-shadow:inset 0 -2px var(--accent);font-weight:600}.background-swatch{display:inline-block;width:16px;height:16px;border:1px solid #aab4ae}.background-swatch[data-preview-background=checker]{background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.background-preview p{margin:7px 0 0;font-size:11px;line-height:1.7}
@media(max-width:600px){.detail-media{margin-bottom:24px}.detail-media .detail-artboard{margin-bottom:0}}
.preview-jump{display:none}#material-preview,#material-options{scroll-margin-top:18px}@media(max-width:600px){.preview-jump{display:inline-block;font-size:12px;margin-top:10px;padding:4px 0}}
.library-style-picker{border:0;padding:0;margin:0 0 18px;min-width:0}.library-style-picker legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:600}.library-style-picker .style-choice{color:var(--ink)}.library-style-status{margin:7px 0 0;font-size:12px;color:var(--muted)}