.studio-weave { position:relative; isolation:isolate; overflow:hidden; color:#443a2f; background:radial-gradient(ellipse at 10% 5%,#b77455 0,transparent 65%),linear-gradient(140deg,#d9c5a6,#f5f0e7 72%); }
.studio-weave__surface { position:absolute; inset:0; pointer-events:none; }
.studio-weave__surface canvas { display:block; width:100%; height:100%; }
.studio-weave__monogram { position:absolute; inset:8% 0 38%; display:grid; place-items:center; font:italic 500 clamp(170px,22vw,280px)/1 Georgia,serif; letter-spacing:-.1em; color:#fff9; pointer-events:none; user-select:none; text-shadow:0 1px 0 #ffffff48; }
.studio-weave__label { position:absolute; top:28px; left:32px; font:500 10px/1.4 system-ui,sans-serif; letter-spacing:.19em; color:#513c2c; pointer-events:none; }
.studio-weave__toggle { visibility:hidden; position:absolute; right:24px; top:22px; border:1px solid #7b644e28; border-radius:99px; padding:7px 11px; background:#ffffff42; color:#513c2c; font:400 11px/1.4 system-ui,sans-serif; cursor:pointer; }
.studio-weave__toggle:hover { background:#fff9; }
.studio-weave__toggle:focus-visible { outline:2px solid #a84c30; outline-offset:4px; }
.studio-weave__note { position:absolute; left:32px; bottom:32px; right:32px; padding-top:18px; border-top:1px solid #755f4725; font:400 13px/1.7 system-ui,sans-serif; color:#665644; pointer-events:none; }
.studio-weave[data-weave-ready=true] .studio-weave__toggle { visibility:visible; }
@media(prefers-reduced-motion:reduce) { .studio-weave * { transition:none!important; } }