.diy-root{--diy-ink:var(--brand-darkest,#1a100f);--diy-muted:var(--brand-dark,#412a25);--diy-accent:var(--brand-base,#a86b5e);--diy-accent-deep:var(--brand-medium,#633f37);--diy-accent-light:var(--brand-tint-60,#d6b9b3);--diy-border:#a86b5e1f;--diy-bg:#fff;font-family:var(--font-sans,system-ui,sans-serif);color:var(--diy-ink);background-color:var(--diy-bg)}.diy-mesh{background-color:#fff;background-image:radial-gradient(at 0 0,#a86b5e1f 0,#0000 52%),radial-gradient(at 100% 0,#d6b9b359 0,#0000 48%),radial-gradient(at 100% 100%,#a86b5e14 0,#0000 52%),linear-gradient(100deg,#d6b9b373 0%,#ffffff80 42%,#bd8c8247 100%)}.diy-grain{position:relative}.diy-grain:after{content:"";pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.diy-accent-bg{background-color:var(--diy-accent)}.diy-accent-bg:hover{background-color:var(--diy-accent-deep)}.diy-accent-text{color:var(--diy-accent)}.diy-accent-border{border-color:color-mix(in srgb,var(--diy-accent)35%,transparent)}.diy-accent-ring:focus{border-color:color-mix(in srgb,var(--diy-accent)50%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--diy-accent)20%,transparent);outline:none}