.design-container .intro{font-size:1.2em;color:var(--gloaming);margin-bottom:var(--space-xl)}.design-container .texture-category{margin:var(--space-5xl) 0}.design-container .texture-category:first-of-type{margin-top:var(--space-4xl)}.design-container .texture-category>h2{margin-bottom:var(--space-lg)}.design-container .texture-category>p{color:var(--gloaming);margin-bottom:var(--space-2xl)}.design-container .texture-loop{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3xl)}@media(min-width:1200px){.design-container .texture-loop{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.design-container .texture-loop{grid-template-columns:1fr;gap:var(--space-2xl)}}.design-container .texture-teaser{display:flex;flex-direction:column}.design-container .texture-preview{width:100%;height:240px;border-radius:var(--border-radius-lg);margin-bottom:var(--space-lg);box-shadow:0 2px 8px #00000014}.design-container .background-preview{background-color:var(--limestone)}.design-container .overlay-preview{display:flex;align-items:center;justify-content:center;background:var(--limestone);padding:var(--space-xl)}.design-container .overlay-preview svg{width:100%;max-width:200px;height:auto}.design-container .texture-info h3{font-family:var(--font-mono);font-size:calc(1em * var(--text-multiplier));margin:0 0 var(--space-sm) 0;color:var(--gloaming-dark)}.design-container .texture-description{font-size:calc(.9em * var(--text-multiplier));color:var(--gloaming);margin:0 0 var(--space-md) 0}.design-container .texture-meta{font-size:calc(.85em * var(--text-multiplier));display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-md)}.design-container .texture-meta dt{font-weight:600;color:var(--gloaming-dark)}.design-container .texture-meta dd{margin:0;color:var(--gloaming)}.design-container .texture-info details{margin-top:var(--space-md)}.design-container .texture-info summary{cursor:pointer;font-size:calc(.85em * var(--text-multiplier));color:var(--fire-dark);font-weight:600}.design-container .texture-info pre{margin-top:var(--space-sm);padding:var(--space-md);background:var(--gloaming-pale);border-radius:var(--border-radius-md);overflow-x:auto}.design-container .texture-info code{font-family:var(--font-mono);font-size:calc(.8em * var(--text-multiplier));color:var(--limestone)}.design-container .opacity-loop{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2xl)}@media(min-width:900px){.design-container .opacity-loop{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:768px){.design-container .opacity-loop{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}}.design-container .opacity-teaser{text-align:center}.design-container .opacity-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--limestone);border-radius:var(--border-radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:0 2px 8px #00000014}.design-container .opacity-preview svg{width:100%;height:100%}.design-container .opacity-info h3{font-family:var(--font-mono);font-size:calc(.95em * var(--text-multiplier));margin:0 0 var(--space-xs) 0;color:var(--gloaming-dark)}.design-container .opacity-value{font-size:calc(.8em * var(--text-multiplier));color:var(--gloaming);margin:0}.design-container .texture-category>details{margin-top:var(--space-3xl)}.design-container .texture-category>details summary{cursor:pointer;font-size:calc(.85em * var(--text-multiplier));color:var(--fire-dark);font-weight:600}.design-container .texture-category>details pre{margin-top:var(--space-sm);padding:var(--space-md);background:var(--gloaming-pale);border-radius:var(--border-radius-md);overflow-x:auto}.design-container .texture-category>details code{font-family:var(--font-mono);font-size:calc(.8em * var(--text-multiplier));color:var(--limestone)}.design-container .callout{background:var(--limestone-dark);padding:var(--space-2xl);border-radius:var(--border-radius-lg);margin:var(--space-5xl) 0}.design-container .callout h2{margin-top:0;margin-bottom:var(--space-xl)}.design-container .callout h3{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.design-container .callout h3:first-of-type{margin-top:0}.design-container .callout p{color:var(--gloaming);margin-bottom:var(--space-md)}.design-container .callout ul{margin-bottom:var(--space-xl);color:var(--gloaming)}.design-container .callout li{margin-bottom:var(--space-xs)}.design-container .callout pre{background:var(--gloaming-pale);padding:var(--space-md);border-radius:var(--border-radius-md);overflow-x:auto;margin-top:var(--space-sm)}.design-container .callout code{font-family:var(--font-mono);font-size:calc(.85em * var(--text-multiplier));color:var(--gloaming)}.design-container .callout pre code{color:var(--limestone)}