@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a{color:inherit}button{cursor:pointer}svg{flex-shrink:0}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}}@layer base{:root{--paper:#fafafa;--ink:#2f2725;--muted:#716b68;--line:#e4e3e0;--accent:var(--primary);--accent-soft:var(--soft);--surface:#fff;--soft:#f1f1f1;--primary:var(--ink);--primary-hover:#4b403c;--page-width:84%;--columns:1;--grid-gap:20px;--radius:8px;--font:"Avenir Next", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font-family:var(--font);letter-spacing:.08em;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.7}a{text-decoration:none;transition:color .18s,background .18s}button{transition:background .18s,color .18s}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#f2f1f0}h1,h2,h3{font-feature-settings:"palt";line-height:1.5}button{color:inherit;background:0 0;border:0}input,select{color:var(--ink)}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}summary{cursor:pointer}summary::-webkit-details-marker{display:none}.shell{width:var(--page-width);margin-inline:auto}.eyebrow{letter-spacing:.15em;font-size:11px;font-weight:600}.blue-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:10px}.button{border:1px solid var(--line);background:var(--surface);border-radius:6px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--soft);color:var(--ink)}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.button-small{min-height:40px;padding:8px 13px;font-size:12px}}@layer components;.site-header{align-items:center;gap:24px;min-height:112px;padding:28px 100px 28px 42px;display:flex}.wordmark{color:var(--ink);letter-spacing:1.2px;flex-shrink:0;align-items:center;font-size:28px;font-weight:800;line-height:1;display:inline-flex}.wordmark:hover{color:var(--ink)}.brand-symbol{margin-left:6px;display:flex}.beta{letter-spacing:.06em;align-self:end;margin-left:8px;font-size:9px;font-weight:500}.header-description{color:var(--muted);font-size:11px}.search-form{background:var(--soft);border-radius:8px;align-items:center;gap:10px;width:min(400px,36vw);margin-left:auto;padding:0 8px 0 14px;display:flex}.search-form>svg{width:17px}.search-form input{background:0 0;border:0;flex:1;min-width:0;height:46px;font-size:12px}.search-form input::placeholder{color:var(--muted)}.search-form button{justify-content:center;align-items:center;gap:8px;min-width:50px;min-height:44px;padding:8px;font-size:12px;display:flex}.search-form button:hover{color:var(--accent)}.search-form button svg{width:14px}.navigation-rail{z-index:20;background:var(--ink);color:#fff;border-radius:0 0 0 16px;flex-direction:column;width:56px;display:flex;position:fixed;top:0;right:0}.navigation-rail>a{writing-mode:vertical-rl;white-space:nowrap;align-items:center;gap:12px;min-height:96px;padding:20px 0;font-size:12px;font-weight:500;display:flex}.navigation-rail>a:hover{color:#d4ccc9}.navigation-rail>a:focus-visible{outline-offset:-5px;outline-color:#fff}.navigation-rail>.guide-nav{background:var(--ink);border-radius:16px 0 0 16px;width:56px;min-height:160px;padding:22px 0;font-weight:800;position:absolute;top:calc(100% + 14px);right:0}.nav-arrow{font-size:16px}.hero{grid-template-columns:1.15fr 1fr;gap:10px;padding-block:14px 20px;display:grid}.hero-copy,.hero-reference{border-radius:8px;min-width:0;padding:16px 24px}.hero-reference{background:var(--soft)}.hero .eyebrow{color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.hero h1{letter-spacing:.08em;margin-top:9px;font-size:22px;font-weight:800;line-height:1.7}.hero h1 br{display:none}.hero-description{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.9}.hero-description br{display:none}.hero-reference{font-size:11px;display:block}.hero-reference:hover{color:var(--ink)}.reference-top{align-items:center;gap:8px;font-size:12px;font-weight:800;line-height:1.5;display:flex}.reference-top>svg,.prompt-example>div>svg{display:block;transform:translateY(-1px)}.reference-top>svg:last-child{color:var(--accent);margin-left:auto}.reference-code{gap:3px;margin-block:10px 6px;font-size:10px;display:grid}.reference-code>span{align-items:center;gap:14px;display:flex}.reference-code b{width:82px;color:var(--muted);font-family:Consolas,monospace;font-weight:400}.reference-code em{color:var(--muted);font-style:normal}.code-comment{color:var(--muted)}.code-colors{gap:5px;display:flex}.code-colors i{background:#e0dbce;border-radius:2px;width:20px;height:9px}.code-colors i:nth-child(2){background:#665944}.code-colors i:nth-child(3){background:#acb998}.reference-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.file-chip{color:var(--accent);font-family:Consolas,monospace;font-size:11px;font-weight:700}.reference-bottom>span:last-child{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.collection{padding-bottom:64px}.collection-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.collection-heading .eyebrow{color:var(--muted);margin-bottom:5px;font-size:9px}.collection-heading h2{font-size:18px;font-weight:800}.collection-heading h2>span{color:var(--muted);letter-spacing:.03em;margin-left:18px;font-size:11px;font-weight:400}.collection-note{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.catalog-layout{display:block}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;font-size:13px;display:flex;position:relative}.filter-heading{align-items:center;gap:10px;font-size:11px;display:flex}.filter-heading>a{color:var(--muted);align-items:center;min-height:44px;display:inline-flex}.filter-options{flex-wrap:wrap;gap:8px;display:flex}.filters summary{border:1px solid var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:8px 12px;font-weight:400;list-style:none;display:flex}.filters details[open]>summary{background:var(--ink);color:#fff}.filters details[open]>summary svg{transform:rotate(180deg)}.filters summary:hover{background:var(--soft);color:var(--ink)}.industry-list,.style-list,.page-type-list,.filter-menu{border:1px solid var(--ink);background:#fff;border-radius:10px;flex-wrap:wrap;align-content:start;gap:4px 0;padding:24px;display:flex}.filter-menu{display:block}.filter-menu .industry-list,.filter-menu .page-type-list{background:0 0;border:0;border-radius:0;padding:0}.filter-refinements{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.filter-section-label{color:var(--muted);margin-bottom:8px;padding-inline:13px;font-size:11px}.enhanced>.filter-options>details>div{z-index:10;width:min(900px,100%);max-height:min(440px,60vh);box-shadow:none;animation:.18s ease-out menu-in;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto}.collection-nav a,.industry-list a,.style-list a,.page-type-list a{overflow-wrap:anywhere;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:8px 13px;font-size:13px;display:inline-flex}.collection-nav a:after,.industry-list a:after,.style-list a:after,.page-type-list a:after{content:"";background:#bdbcbc;width:1px;height:12px;margin-left:14px;font-weight:400;transform:rotate(18deg)}.collection-nav a:last-child:after,.industry-list a:last-child:after,.style-list a:last-child:after,.page-type-list a:last-child:after{content:none}.industry-list a>span:not(.link-label),.page-type-list a>span:not(.link-label){color:var(--muted);font-size:11px}.filter-options a:hover,.filter-options a.selected,.collection-nav a[aria-current=page]{color:var(--accent)}.filter-options a:focus-visible{outline-offset:-2px}.sidebar-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-left:auto;font-size:10px;display:flex}.sidebar-note>svg{width:16px}.sidebar-note strong{font-weight:400}.sidebar-note br{display:none}.sidebar-note>span{color:var(--accent);align-items:center;gap:8px;font-weight:800;display:inline-flex}.filter-dialog{background:var(--ink);color:#fff;overscroll-behavior:contain;border:0;width:min(90vw,1440px);max-width:none;height:100dvh;max-height:none;margin:0;padding:42px 64px;position:fixed;inset:0 0 0 auto}.filter-dialog[open]{animation:.25s ease-out drawer-in}.filter-dialog::backdrop{background:#d7d4d1cc}.drawer-open{overflow:hidden}.drawer-heading{justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px;display:flex}.drawer-heading h2{font-size:22px;font-weight:600}.drawer-close{border:1px solid #7b6d6a;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.drawer-close:hover{background:#5c4e4a}.filter-dialog .filter-options{display:block}.filter-dialog details{border-top:1px solid #5c4e4a;padding:24px 0}.filter-dialog summary,.filter-dialog details[open]>summary{min-height:36px;color:var(--ink);background:#fff;border:0;border-radius:2px;padding:5px 12px;font-weight:800;display:inline-flex}.filter-dialog .industry-list,.filter-dialog .style-list,.filter-dialog .page-type-list,.filter-dialog .filter-menu{background:0 0;border:0;border-radius:0;padding:18px 0 0}.filter-dialog .filter-menu .industry-list,.filter-dialog .filter-menu .page-type-list{padding-top:0}.filter-dialog .filter-refinements{border-color:#5c4e4a}.filter-dialog .filter-section-label{color:#ccc3c0}.filter-dialog .filter-options a{color:#fff}.filter-dialog .filter-options a:after{color:#aa9f9c}.filter-dialog .filter-options a>span:not(.link-label){color:#ccc3c0}.filter-dialog a:focus-visible,.filter-dialog button:focus-visible{outline-color:#fff}.results-toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-top:6px;display:flex}.results-toolbar p{color:var(--muted);font-size:11px}.results-toolbar p>strong{color:var(--ink);letter-spacing:0;margin-right:5px;font-size:20px;font-weight:500}.results-toolbar p>span{margin-left:10px}.results-toolbar form{align-items:center;gap:10px;font-size:11px;display:flex}.results-toolbar label{color:var(--muted)}.results-toolbar select{cursor:pointer;background:0 0;border:0;max-width:120px;min-height:44px;font-size:12px}.sort-submit{min-height:44px;text-decoration:underline}.demo-notice{color:var(--muted);align-items:baseline;gap:8px;margin-bottom:18px;font-size:11px;line-height:1.8;display:flex}.active-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.active-filters a{border:1px solid var(--ink);border-radius:6px;align-items:center;gap:10px;min-height:36px;padding:6px 10px;font-size:11px;display:flex}.card-grid{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:28px var(--grid-gap);align-items:start;display:grid}.design-card{min-width:0}.card-cover{aspect-ratio:8/7;border:1px solid var(--ink);background:var(--soft);transition:transform .2s,box-shadow .2s;display:block;position:relative}.card-cover>img{object-fit:cover;object-position:top;width:100%;height:100%}.card-hover{width:32px;height:32px;color:var(--ink);border:1px solid var(--ink);opacity:0;background:#fff;place-items:center;transition:opacity .2s;display:grid;position:absolute;bottom:10px;right:10px}.card-cover:hover .card-hover,.card-cover:focus-visible .card-hover{opacity:1}.demo-badge{color:var(--ink);letter-spacing:.1em;background:#fffe;padding:2px 5px;font-size:9px;line-height:1.4;position:absolute;top:8px;left:8px}.design-card h3{letter-spacing:.08em;overflow-wrap:anywhere;margin:4px 0;font-size:13px;font-weight:400;line-height:1.6}.card-eyebrow{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;font-size:10px;display:flex}.card-eyebrow a{color:var(--accent);font-weight:800}.swatches{gap:4px;display:flex}.swatches span{background:var(--swatch);border:1px solid #0002;border-radius:50%;width:9px;height:9px}.card-tags{flex-wrap:wrap;gap:4px 10px;margin-top:6px;display:flex}.card-tags a{color:var(--muted);font-size:11px;line-height:1.7}.card-tags a+a:before{content:"";background:#bdbcbc;width:1px;height:9px;margin-right:10px;display:inline-block;transform:rotate(18deg)}.card-tags a:hover{color:var(--accent)}.image-placeholder{background:var(--soft);width:100%;height:100%;min-height:200px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.image-placeholder small{font-size:11px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:70px 20px;display:flex}.empty-state>svg{color:var(--muted)}.empty-state h3{font-size:18px}.empty-state p{color:var(--muted);font-size:13px}.pagination{justify-content:center;align-items:center;gap:28px;margin-top:50px;font-size:12px;display:flex}.pagination a{border-bottom:1px solid #0000;align-items:center;min-height:44px;padding:8px 12px;display:inline-flex}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:32px 40px;display:flex}.footer-logo{letter-spacing:1px;font-size:22px;font-weight:800}.footer-logo span{color:var(--accent);margin-left:7px}.site-footer p{color:var(--muted);margin-top:8px;font-size:11px}.footer-links{flex-wrap:wrap;align-items:center;gap:12px 24px;font-size:11px;display:flex}.footer-links>span{color:var(--muted);font-size:9px}.breadcrumb{color:var(--muted);align-items:center;gap:14px;padding-block:16px 30px;font-size:11px;display:flex}.breadcrumb>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-top{grid-template-columns:minmax(0,58fr) minmax(0,36fr);align-items:start;gap:6%;padding-bottom:40px;display:grid}.detail-image{border:1px solid var(--ink);background:var(--soft)}.detail-image>img{width:100%;height:auto}.detail-image .image-placeholder{aspect-ratio:8/7}.detail-intro{min-width:0}.detail-intro h1{color:var(--accent);overflow-wrap:anywhere;margin:12px 0 16px;font-size:34px;font-weight:800;line-height:1.6}.detail-intro h1 svg{margin-inline-start:8px}.detail-intro>.eyebrow{color:var(--muted);align-items:center;gap:10px;display:flex}.inline-demo{border:1px solid var(--line);padding:2px 6px;font-size:9px}.detail-description{color:var(--muted);margin:20px 0;font-size:13px;line-height:2.1}.original-link{min-height:44px;color:var(--accent);border-bottom:1px solid #0000;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.detail-meta{border-top:1px solid var(--line);margin:24px 0 18px;padding-top:18px;font-size:12px}.detail-meta>div{gap:16px;margin-bottom:8px;display:flex}.detail-meta dt{width:104px;color:var(--muted);flex-shrink:0}.detail-meta dd{overflow-wrap:anywhere;margin:0}.detail-body{grid-template-columns:minmax(0,58fr) minmax(0,36fr);align-items:start;gap:6%;display:grid}.markdown-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden}.markdown-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 23px;display:flex}.markdown-toolbar h2{letter-spacing:0;align-items:center;gap:11px;font-family:Consolas,monospace;font-size:15px;font-weight:500;display:flex}.markdown-actions{gap:8px;display:flex}.copy-status:not(:empty){color:var(--accent);padding:0 23px 15px;font-size:12px}.markdown-tabs{border-bottom:1px solid var(--line);background:#fdfdfc;gap:26px;padding-inline:25px;display:flex}.markdown-tabs button{color:var(--muted);border-bottom:2px solid #0000;min-height:44px;padding:10px 0 12px;font-size:12px}.markdown-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.markdown-panel .prose{padding:34px 32px 45px;font-size:13px}.prose{overflow-wrap:anywhere;line-height:2}.prose h1{margin-bottom:23px;font-size:26px;line-height:1.5}.prose h2{border-top:1px solid var(--line);letter-spacing:0;margin:38px 0 16px;padding-top:26px;font-size:20px}.prose h3{margin:23px 0 10px;font-size:16px}.prose p{color:#59524c;margin:12px 0}.prose a{color:var(--accent)}.prose blockquote{background:var(--soft);border-left:3px solid #a1988c;margin:20px 0;padding:13px 20px}.prose ul,.prose ol{padding-left:24px}.prose li{margin-block:7px}.prose table{border-collapse:collapse;max-width:100%;font-size:11px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);text-align:left;min-width:95px;padding:10px}.prose th{background:var(--soft)}.prose pre{background:#f3f3f1;border-radius:5px;padding:18px;font-size:11px;line-height:1.8;overflow:auto}.prose :not(pre)>code{background:var(--soft);border-radius:3px;padding:2px 5px;font-size:.9em}.markdown-source{white-space:pre-wrap;overflow-wrap:anywhere;background:#fcfcfb;max-height:1000px;margin:0;padding:28px;font-size:12px;line-height:1.9;overflow:auto}.credits-panel{padding-top:8px;font-size:12px}.credits-panel>.eyebrow{color:var(--muted);font-size:9px}.credits-panel h2{margin:11px 0 24px;font-size:16px;line-height:1.8}.credits-panel h3{color:var(--muted);margin:22px 0 8px;font-size:10px;font-weight:400}.credits-panel p>a{align-items:center;gap:7px;display:inline-flex}.credits-panel .muted{font-size:11px;line-height:1.9}.evidence-link{color:var(--muted);font-size:10px}:where(.filter-heading>a>.link-label,.filter-options a>.link-label,.card-tags a>.link-label,.pagination a,.original-link,.detail-intro h1 a,.prose a,.evidence-link){--underline-width:0%;--underline-rest:transparent;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--underline-rest), var(--underline-rest));background-repeat:no-repeat;background-size:var(--underline-width) 1px, 100% 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:100% 100%,0 100%;background-origin:content-box;text-decoration:none;transition:background-size .26s cubic-bezier(.2,.8,.2,1),color .18s}:where(.pagination a,.original-link,.detail-intro h1 a,.prose a,.evidence-link):is(:hover,:focus-visible),:where(.filter-heading>a,.filter-options a,.card-tags a):is(:hover,:focus-visible)>.link-label{--underline-width:100%;background-position:0 100%,0 100%}:where(.prose a,.evidence-link,.original-link,.filter-heading>a>.link-label,.pagination a){--underline-rest:color-mix(in srgb, currentColor 40%, transparent)}:where(.filter-options a.selected>.link-label,.collection-nav a[aria-current=page]>.link-label){--underline-rest:currentColor}.credit{margin-bottom:17px}.credit>span{color:var(--muted);font-size:10px}.source-link{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:27px;padding-top:23px;font-size:11px;display:flex}.detail-tip{background:var(--soft);border-radius:7px;margin-top:35px;padding:23px 19px}.detail-tip>svg{color:var(--accent)}.detail-tip h3{color:var(--ink);margin:12px 0;font-size:12px;font-weight:600}.detail-tip p{color:var(--muted);margin-bottom:17px;font-size:11px;line-height:2}.detail-tip a{font-size:11px}.back-link{margin-block:40px 70px;font-size:12px;display:inline-block}.editorial-page{padding-block:75px 90px}.editorial-page>.eyebrow{color:var(--accent)}.editorial-page>h1{letter-spacing:.06em;margin:20px 0 30px;font-size:clamp(30px,3.4vw,48px);line-height:1.7}.page-lead{color:var(--muted);font-size:14px;line-height:2.2}.steps{grid-template-columns:repeat(3,1fr);gap:35px;margin-block:65px;display:grid}.steps section{border-top:1px solid var(--line);padding-top:22px}.steps section>span{letter-spacing:.12em;color:var(--accent);font-size:10px}.steps h2{margin:20px 0 14px;font-size:19px}.steps p{color:var(--muted);font-size:13px;line-height:2.1}.prompt-example{background:#f0efeb;border-radius:8px;margin-bottom:25px;padding:30px 35px}.prompt-example>div{align-items:center;gap:12px;display:flex}.prompt-example h2{font-size:16px}.prompt-example pre{white-space:pre-wrap;margin-top:22px;font-size:13px;line-height:2.2}.editorial-page>.button{margin-top:32px}.narrow{max-width:830px}.editorial-page>.prose{margin-top:45px;font-size:14px}.credits-panel{background:#f2f2f2;border-radius:8px;padding:28px 30px}.credits-panel p>a,.credit p{color:var(--accent);font-weight:800}.credits-panel h3,.credit>span{font-size:12px}.detail-tip{border-top:1px solid var(--line)}.markdown-panel{border-radius:0}.markdown-toolbar{flex-wrap:wrap}.editorial-page{padding-top:38px}.editorial-page>h1{font-size:clamp(28px,3vw,40px)}.prompt-example{background:var(--soft)}@media (width>=768px){:root{--page-width:620px;--columns:2}.navigation-rail>a>span:not(.nav-arrow){transform:translate(-1px)}}@media (width>=890px){:root{--page-width:700px}}@media (width>=1024px){:root{--page-width:800px;--grid-gap:40px}}@media (width>=1260px){:root{--page-width:1112px;--columns:3;--grid-gap:16px}}@media (width>=1300px){:root{--page-width:1120px;--grid-gap:20px}}@media (width>=1350px){:root{--page-width:1140px;--grid-gap:30px}}@media (width>=1500px){:root{--page-width:1160px;--grid-gap:40px}}@media (width>=1660px){:root{--page-width:1490px;--columns:4;--grid-gap:16px}}@media (width>=1680px){:root{--page-width:1500px;--grid-gap:20px}}@media (width>=1740px){:root{--page-width:1530px;--grid-gap:30px}}@media (width>=1840px){:root{--page-width:1560px;--grid-gap:40px}}@media (width<=1259px){.header-description{max-width:210px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:19px}.hero h1 br{display:block}.hero-copy,.hero-reference{padding:18px}.hero-description br{display:block}.reference-code>span{gap:8px}.reference-code b{width:68px}.reference-bottom>span:last-child{font-size:8px}.sidebar-note{width:100%;margin-left:0}.detail-top,.detail-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}.detail-intro h1{font-size:26px}.credits-panel{padding:22px}.markdown-panel .prose{padding:24px}.markdown-toolbar{padding:18px}.footer-links{justify-content:flex-end}}@media (width<=1023px){.site-header{gap:16px;padding-left:28px;padding-right:84px}.header-description{max-width:170px;font-size:10px}.collection-note{max-width:180px;font-size:10px}.detail-top,.detail-body{grid-template-columns:1fr}.detail-intro h1{font-size:30px}.credits-panel{max-width:none}.steps{gap:20px}.steps h2{font-size:16px}}@media (width<=767px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.site-header{width:var(--page-width);flex-wrap:wrap;gap:16px 12px;margin-inline:auto;padding:25px 0 20px}.wordmark{font-size:24px}.brand-symbol svg{width:14px}.beta{font-size:8px}.header-description{flex:1;min-width:110px;max-width:none;font-size:9px}.search-form{gap:8px;width:100%;margin-left:0}.search-form input{font-size:16px}.search-form input::placeholder{font-size:11px}.search-form button{font-size:12px}.search-form button svg{display:none}.navigation-rail{width:100%;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0;flex-direction:row;justify-content:space-evenly;inset:auto 0 0}.navigation-rail>a,.navigation-rail>.guide-nav{writing-mode:horizontal-tb;letter-spacing:0;background:0 0;border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:6px;width:auto;min-height:64px;padding:10px 3px;font-size:10px;font-weight:500;position:static}.navigation-rail>.guide-nav,.navigation-rail>a:hover{color:var(--accent)}.navigation-rail>a:focus-visible{outline-color:var(--accent)}.navigation-rail .nav-arrow{display:none}.hero{grid-template-columns:1fr;gap:10px;padding-block:16px 24px}.hero-copy,.hero-reference{padding:18px 20px}.hero h1{margin-top:8px;font-size:20px}.hero h1 br{display:none}.hero .eyebrow{font-size:9px}.hero-description,.reference-top{font-size:11px}.reference-code b{width:80px}.reference-code>span{gap:10px}.collection-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}.collection-heading h2{font-size:17px}.collection-heading h2>span{margin-top:3px;margin-left:0;display:block}.collection-note{max-width:none;font-size:10px}.filters{gap:8px}.filter-heading{width:100%}.filter-options{gap:6px}.filters summary{border-radius:6px;gap:8px;padding:8px 10px;font-size:12px}.sidebar-note{gap:4px 8px;margin-top:4px;font-size:10px}.filter-dialog{width:100%;height:auto;max-height:85dvh;padding:22px 24px calc(30px + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--ink);border-radius:12px 12px 0 0;inset:auto 0 0}.filter-dialog[open]{animation-name:sheet-in}.drawer-heading{padding-bottom:12px}.drawer-heading h2{font-size:18px}.drawer-close{border-color:var(--line)}.drawer-close:hover{background:var(--soft)}.filter-dialog details{border-color:var(--line);padding-block:18px}.filter-dialog .filter-refinements{border-color:var(--line)}.filter-dialog .filter-section-label{color:var(--muted);padding-inline:0}.filter-dialog summary,.filter-dialog details[open]>summary{background:var(--ink);color:#fff}.filter-dialog .filter-options a{color:var(--ink);padding-inline:0;font-size:13px}.filter-dialog .filter-options a:after{margin-inline:8px}.filter-dialog .filter-options a>span:not(.link-label){color:var(--muted)}.filter-dialog .filter-options a.selected{color:var(--accent)}.filter-dialog a:focus-visible,.filter-dialog button:focus-visible{outline-color:var(--accent)}.results-toolbar{align-items:center;gap:8px;margin-bottom:14px}.results-toolbar p{font-size:10px}.results-toolbar p>strong{font-size:18px}.results-toolbar form{gap:4px}.results-toolbar label{font-size:10px}.results-toolbar select{max-width:98px;font-size:11px}.demo-notice{font-size:10px}.card-grid{row-gap:26px}.design-card h3{font-size:13px}.card-eyebrow{font-size:9px}.card-tags a{padding-block:4px;font-size:11px}.card-hover{display:none}.image-placeholder{min-height:0}.pagination{gap:12px;font-size:11px}.pagination a{padding-inline:6px}.site-footer{flex-direction:column;align-items:flex-start;padding-block:26px 32px}.footer-links{justify-content:flex-start;gap:12px 20px;font-size:10px}.footer-links>span{width:100%}.breadcrumb{gap:10px;padding-block:10px 22px;font-size:10px}.detail-top{gap:24px;padding-bottom:26px}.detail-intro h1{font-size:24px}.detail-body{gap:28px}.detail-meta{font-size:11px}.detail-meta dt{width:90px}.markdown-toolbar{gap:14px;padding:16px}.markdown-toolbar h2{font-size:14px}.markdown-actions{width:100%}.markdown-actions .button{flex:1;gap:6px;min-height:44px;padding-inline:8px;font-size:11px}.markdown-panel .prose{padding:22px 18px;font-size:12px}.prose h1{font-size:22px}.prose h2{font-size:18px}.markdown-tabs{padding-inline:18px}.markdown-source{padding:18px;font-size:11px}.credits-panel{padding:24px}.back-link{margin-block:28px 40px}.editorial-page{padding-block:24px 50px}.editorial-page>h1{font-size:28px}.page-lead{font-size:13px}.steps{grid-template-columns:1fr;gap:26px;margin-block:36px}.steps h2{margin:14px 0 10px;font-size:18px}.prompt-example{padding:22px 18px}.prompt-example h2{font-size:14px}.prompt-example pre{overflow-wrap:anywhere;font-size:12px}.empty-state{padding:44px 0}.empty-state h1{font-size:24px}}@media (hover:hover) and (pointer:fine) and (width>=768px){.card-cover:hover{box-shadow:5px 5px 0 var(--ink);transition-duration:.1s;transform:translate(-5px,-5px)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(6%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.card-cover:hover{transform:none}}