.diy-journey{margin-block:var(--space-16);background:var(--color-bg-subtle)}.diy-journey>.scroll-assembly{margin-block:0}.diy-library{background:var(--color-bg-subtle);scroll-margin-top:calc(var(--header-height,86px) + var(--space-4))}.diy-library__inner{padding-block:var(--space-12)}.diy-library__intro{gap:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-strong);grid-template-columns:1fr 1fr;align-items:start;display:grid}.diy-library .diy-library__intro h2{max-width:16ch;margin:0;font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}.diy-library__intro p{line-height:1.7}.diy-library__projects{gap:var(--space-12);margin-top:var(--space-8);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;display:grid}.diy-library__preview{min-width:0;margin:0}.diy-library__model{aspect-ratio:3/2}.diy-library__model img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.diy-library__preview figcaption{padding-top:var(--space-3)}.diy-library__preview h3{margin-bottom:var(--space-2);font-size:1.375rem}.diy-library__preview p{max-width:54ch;line-height:1.6}.diy-library__choices{border-top:1px solid var(--color-border-strong);flex-direction:column;display:flex}.diy-library__choices button{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-3);border:0;border-bottom:1px solid var(--color-border-strong);text-align:left;cursor:pointer;color:var(--color-text);background:0 0;border-left:3px solid #0000;display:flex}.diy-library__choices button[aria-pressed=true]{border-left-color:var(--color-brand-700);background:var(--color-brand-100)}.diy-library__choices button:hover{background:var(--color-brand-050)}.diy-library__choices button>img{object-fit:contain;mix-blend-mode:multiply;flex-shrink:0;width:96px;height:64px}.diy-library__choices button>span{min-width:0}.diy-library__choices strong{font-family:var(--font-display);font-size:1.125rem;font-weight:var(--font-weight-semibold);display:block}.diy-library__choices button span span{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:.875rem;line-height:1.5;display:block}.diy-library__choices svg{color:var(--color-brand-700);flex-shrink:0;margin-left:auto}.diy-library__image-note{margin-top:var(--space-2);font-size:.8125rem}.diy-library__tools{gap:var(--space-6);padding:var(--space-6) 0;margin:var(--space-8) 0 0;border-block:1px solid var(--color-border-strong);flex-wrap:wrap;list-style:none;display:flex}.diy-library__tools li{align-items:start;gap:var(--space-3);flex:220px;display:flex}.diy-library__tools svg{color:var(--color-brand-700);margin-top:var(--space-1);flex-shrink:0}.diy-library__tools h3{margin-bottom:var(--space-1);font-size:1rem}.diy-library__tools p{font-size:.875rem;line-height:1.6}.diy-library__footer{justify-content:space-between;align-items:start;gap:var(--space-8);padding-top:var(--space-8);display:flex}.diy-library__footer>p{max-width:42ch;font-size:.9375rem}.diy-library__footer>div{align-items:start;gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.scroll-assembly__hint a{justify-content:center;align-items:center;gap:var(--space-2);text-underline-offset:4px;min-height:44px;display:inline-flex}.diy-journey .scroll-assembly__hint{min-height:calc(44px + var(--space-5))}@media (max-width:1000px){.diy-library__projects{gap:var(--space-6)}.diy-library__choices button>img{width:64px;height:48px}}@media (max-width:700px){.diy-library__inner{padding-block:var(--space-8)}.diy-library__intro,.diy-library__projects{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.diy-library__choices{border-top:0;grid-row:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.diy-library__choices button{align-items:start;gap:var(--space-2);padding:var(--space-3);flex-direction:column;min-height:64px}.diy-library__choices button>img{width:72px;height:48px}.diy-library__choices strong{font-size:.9375rem}.diy-library__choices button span span,.diy-library__choices svg{display:none}.diy-library__preview figcaption{min-height:0}.diy-library__footer{gap:var(--space-5);flex-direction:column}.diy-library__footer>div{flex-shrink:1;width:100%}.diy-library__footer .button{max-width:100%}}
