.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}@media (min-width:1024px){.diy-workspace,.diy-preview-column,.diy-stone-panel{height:100%!important;min-height:0!important}.diy-preview-column{align-self:stretch}.diy-preview-canvas{flex:1!important;height:0!important;min-height:0!important;max-height:none!important}.diy-action-bar{margin-bottom:clamp(10px,1.2vh,16px);flex:none!important}}.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}.diy-onboarding-help{width:30px;height:30px;color:var(--diy-accent-deep);background:#ffffff9e;border:1px solid #a86b5e38;border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:600;transition:border-color .22s,background-color .22s;display:grid}.diy-onboarding-help:hover{background:#ffffffe6;border-color:#a86b5e75}.diy-onboarding-help:focus-visible,.diy-onboarding-tooltip button:focus-visible,.diy-onboarding-mobile button:focus-visible{outline-offset:2px;outline:2px solid #a86b5e8c}.diy-onboarding-target{z-index:2;animation:2.4s ease-in-out infinite diy-onboarding-pulse;position:relative;box-shadow:inset 0 0 0 1px #a86b5e9e,0 0 0 4px #a86b5e1f,0 14px 38px #633f371f}.diy-onboarding-tooltip{z-index:80;width:min(232px,100vw - 24px);color:var(--diy-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#fffbf7f5;border:1px solid #a86b5e33;border-radius:17px;padding:12px 14px 13px;transition:opacity .18s,transform .18s;animation:.42s cubic-bezier(.22,1,.36,1) both diy-onboarding-in;position:fixed;box-shadow:0 16px 44px #412a2529}.diy-onboarding-tooltip--leaving{opacity:0;transform:translateY(-4px)}.diy-onboarding-mobile{display:none}.diy-onboarding-tooltip__meta{color:#412a2594;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;font-weight:600;display:flex}.diy-onboarding-tooltip__meta button{min-height:28px;color:var(--diy-accent-deep);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;margin:-5px -5px -5px 0;padding:5px}.diy-onboarding-tooltip strong{font-family:var(--font-serif,Georgia,serif);font-size:16px;font-weight:500;line-height:1.28;display:block}.diy-onboarding-tooltip p{color:#412a25ad;margin:5px 0 0;font-size:12px;line-height:1.45}.diy-onboarding-complete{z-index:80;width:max-content;max-width:calc(100vw - 24px);color:var(--diy-accent-deep);text-align:center;background:#fffbf7f5;border:1px solid #a86b5e2e;border-radius:999px;padding:11px 17px;font-size:13px;font-weight:500;animation:.36s cubic-bezier(.22,1,.36,1) both diy-onboarding-complete-in;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #412a2524}@keyframes diy-onboarding-pulse{0%,to{box-shadow:inset 0 0 0 1px #a86b5e80,0 0 0 3px #a86b5e14,0 14px 38px #633f371a}50%{box-shadow:inset 0 0 0 1px #a86b5ec7,0 0 0 6px #a86b5e24,0 14px 38px #633f3724}}@keyframes diy-onboarding-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes diy-onboarding-complete-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1023px){.diy-onboarding-help{width:32px;height:32px}.diy-onboarding-tooltip--desktop{display:none}.diy-onboarding-mobile{color:var(--diy-ink);background:#fffbf7f0;border:1px solid #a86b5e33;border-radius:15px;flex:none;margin:8px 12px 0;padding:10px 14px;scroll-margin-top:68px;transition:opacity .18s,transform .18s;display:block;box-shadow:0 8px 24px #412a2514}.diy-onboarding-mobile--leaving{opacity:0;transform:translateY(-3px)}.diy-onboarding-mobile__meta{color:#412a2594;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;height:18px;font-size:10px;font-weight:600;display:flex}.diy-onboarding-mobile__meta button{min-width:48px;min-height:36px;color:var(--diy-accent-deep);font:inherit;letter-spacing:.04em;background:0 0;border:0;margin:-9px -6px -9px 0;padding:6px}.diy-onboarding-mobile strong{font-family:var(--font-serif,Georgia,serif);white-space:normal;text-overflow:clip;overflow-wrap:break-word;margin-top:2px;font-size:16px;font-weight:500;line-height:1.25;display:block;overflow:visible}.diy-onboarding-target{z-index:auto;box-shadow:none;animation:none}.diy-onboarding-canvas-target{animation:2.4s ease-in-out infinite diy-onboarding-canvas-pulse;box-shadow:inset 0 0 0 1px #a86b5e6b}.diy-onboarding-stone{border-color:#a86b5e80;animation:2.4s ease-in-out infinite diy-onboarding-stone-pulse;box-shadow:0 0 0 3px #a86b5e1a,0 8px 18px #633f3714}}@keyframes diy-onboarding-stone-pulse{0%,to{border-color:#a86b5e61;box-shadow:0 0 0 2px #a86b5e12,0 7px 16px #633f3712}50%{border-color:#a86b5ead;box-shadow:0 0 0 4px #a86b5e1f,0 9px 20px #633f371a}}@keyframes diy-onboarding-canvas-pulse{0%,to{box-shadow:inset 0 0 0 1px #a86b5e4d}50%{box-shadow:inset 0 0 0 2px #a86b5e94}}@media (prefers-reduced-motion:reduce){.diy-onboarding-target,.diy-onboarding-stone,.diy-onboarding-tooltip,.diy-onboarding-complete{animation:none}.diy-onboarding-tooltip,.diy-onboarding-mobile{transition:none}}