.pattern-publish-form{gap:16px;display:grid}.pattern-publish-form>label{gap:7px;font-size:14px;font-weight:500;display:grid}.pattern-publish-form input:not([type=checkbox]):not([type=file]),.pattern-publish-form textarea,.pattern-publish-form select{border:1px solid var(--border,#d8ded8);width:100%;font:inherit;background:0 0;border-radius:6px;padding:10px 12px}.pattern-publish-form .pattern-check{align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.pattern-check input{flex:none;margin-top:4px}.pattern-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pattern-upload{border:1px dashed var(--border,#d8ded8);border-radius:8px;overflow:hidden}.pattern-upload img{object-fit:contain;width:100%;height:130px}.pattern-upload label{gap:8px;padding:12px;font-size:12px;display:grid}.pattern-upload input{max-width:100%;font-size:11px}.pattern-upload button{padding:8px;font-size:12px;text-decoration:underline}.pattern-help{color:#647067;font-size:13px;line-height:1.7}.public-pattern-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.public-pattern-heading h2{margin:10px 0;font-size:30px;line-height:1.2}.public-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.public-pattern-card{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}.public-pattern-card-media{aspect-ratio:1;background:#f0f1ec;border:1px solid #d8ded8;border-radius:8px;flex:none;position:relative;overflow:hidden}.public-pattern-card-image{touch-action:pan-y pinch-zoom;width:100%;height:100%;padding:8px;display:block;position:absolute;inset:0}.bc-site .public-pattern-card-image img{object-fit:contain;width:100%;height:100%;display:block}.public-pattern-card-image img.pixel{image-rendering:pixelated}.public-pattern-card-media.has-arrows .public-pattern-card-image{padding-inline:32px}.pattern-card-arrow,.pattern-detail-arrow{color:#53635b;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:44px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pattern-card-arrow.previous{left:0}.pattern-card-arrow.next{right:0}.pattern-card-arrow:hover,.pattern-card-arrow:focus-visible,.pattern-detail-arrow:hover,.pattern-detail-arrow:focus-visible{color:#0f766e;background:#fff;border-color:#0f766e}.pattern-card-caption{color:#647067;justify-content:center;align-items:center;gap:4px;min-height:24px;margin:6px 0 12px;font-size:12px;display:flex}.pattern-card-status{text-align:center;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;display:flex}.pattern-card-status>span:last-child{white-space:nowrap}@media (hover:hover) and (pointer:fine){.pattern-card-arrow{opacity:0;pointer-events:none}.public-pattern-card:hover .pattern-card-arrow,.public-pattern-card:focus-within .pattern-card-arrow{opacity:1;pointer-events:auto}}.public-pattern-card :focus-visible{outline-offset:2px;outline:3px solid #0f766e}.public-pattern-card h3{overflow-wrap:anywhere;min-height:2.6em;margin:8px 0;font-size:20px;line-height:1.3}.public-pattern-card p{color:#647067;overflow-wrap:anywhere;font-size:13px}.public-pattern-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px 12px;margin:auto 0 10px;padding-top:10px;display:grid}.public-pattern-card-facts .pattern-chart-badge{grid-column:1/-1;justify-self:start}.pattern-chart-badge{color:#285c40;background:#e6f0e9;border-radius:4px;padding:3px 8px;font-weight:600}.pattern-eyebrow{letter-spacing:.07em;color:#0f766e;font-size:12px;font-weight:650;line-height:1.6}.public-pattern-detail{padding-top:30px;padding-bottom:70px}.pattern-back{align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:inline-flex}.public-pattern-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:50px;display:grid}.public-pattern-art{min-width:0}.pattern-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pattern-tabs button{cursor:pointer;background:0 0;border:1px solid #d8ded8;border-radius:6px;min-height:44px;padding:10px 16px;font-size:13px}.pattern-tabs button[aria-pressed=true]{color:#fff;background:#0f766e;border-color:#0f766e}.pattern-image-stage{aspect-ratio:1;background:#f1f2ee;border:1px solid #d8ded8;border-radius:10px;position:relative;overflow:hidden}.pattern-image-link{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.pattern-image-stage.has-arrows .pattern-image-link{padding-inline:56px}.pattern-detail-arrow{background:#fff;border:1px solid #d8ded8;border-radius:50%;width:44px}.pattern-detail-arrow.previous{left:6px}.pattern-detail-arrow.next{right:6px}.bc-site .pattern-image-stage img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.pattern-image-stage img.pixel{image-rendering:pixelated}.pattern-full-size{color:#647067;justify-content:center;align-items:center;gap:7px;padding:14px;font-size:12px;display:flex}.public-pattern-info{min-width:0;padding-top:8px}.public-pattern-info h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:14px 0;font-size:clamp(28px,3vw,42px);font-weight:650;line-height:1.12}.pattern-byline{color:#647067;margin-bottom:24px;font-size:13px}.pattern-description{white-space:pre-wrap;font-size:15px;line-height:1.8}.pattern-facts{flex-wrap:wrap;gap:24px;margin:24px 0;display:flex}.pattern-facts dt{color:#647067;font-size:12px}.pattern-facts dd{font-size:18px;font-weight:650}.pattern-download-panel{background:#fff;border:1px solid #d8ded8;border-radius:8px;margin:24px 0 16px;padding:24px}.pattern-download-panel h2{margin-bottom:8px;font-size:20px;font-weight:600}.pattern-download-panel p,.pattern-download-panel li{font-size:13px;line-height:1.7}.pattern-download-panel ul{margin:12px 0;padding-left:18px;list-style:outside}.pattern-download-cta{gap:12px;margin-top:20px;display:grid}.pattern-download-cta>span{color:#647067;font-size:12px}.pattern-download-cta .bc-button{justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.public-pattern-detail :focus-visible,.pattern-publish-form :focus-visible{outline-offset:3px;outline:3px solid #0f766e}@media (width<=960px){.public-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}}@media (width<=700px){.public-pattern-layout{grid-template-columns:1fr;gap:18px}.public-pattern-detail{padding-bottom:135px}.pattern-back{margin-bottom:20px}.pattern-image-link{padding:16px}.public-pattern-info{padding:0}.pattern-download-cta{padding:12px 20px calc(12px + env(safe-area-inset-bottom));z-index:30;background:#faf9f6;border-top:1px solid #d8ded8;gap:6px;position:fixed;bottom:0;left:0;right:0}.public-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.public-pattern-card h3{font-size:17px}.public-pattern-card-image{padding:6px}.public-pattern-card-media.has-arrows .public-pattern-card-image{padding-inline:24px}.pattern-card-arrow{width:24px}.public-pattern-heading{flex-direction:column;align-items:flex-start}.pattern-upload-grid{grid-template-columns:1fr}.pattern-upload{align-items:center;display:flex}.pattern-upload img{width:90px;height:90px}.pattern-upload label{flex:1;min-width:0}}@media (width<=560px){.public-pattern-grid{grid-template-columns:minmax(0,1fr);gap:28px}}.bc-pattern-library>.public-patterns{width:100%;max-width:none;margin:28px 0 48px;padding:0}