.InteractiveCanvasSection-module__uyxfxW__wrapper{z-index:5;background-color:#fff;flex-direction:column;align-items:center;width:100%;padding:8rem 2rem;display:flex;position:relative}.InteractiveCanvasSection-module__uyxfxW__container{flex-direction:column;align-items:center;width:100%;max-width:81.25rem;display:flex;position:relative}.InteractiveCanvasSection-module__uyxfxW__notepadContainer{aspect-ratio:1300/950;background-color:#f8fafc;background-image:linear-gradient(#f47c3614 1px,#0000 1px),linear-gradient(90deg,#f47c3614 1px,#0000 1px);background-size:calc(2.5rem * var(--scale,1)) calc(2.5rem * var(--scale,1));border:1px solid #0f172a0d;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;height:auto;min-height:25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1.25rem 2.5rem #0f172a0d,inset 0 2px .625rem #00000005}.InteractiveCanvasSection-module__uyxfxW__tabsContainer{-webkit-backdrop-filter:blur(20px);z-index:10;background:#f8fafcb3;border:1px solid #0f172a0d;border-radius:6.25rem;gap:.5rem;margin-top:3rem;padding:.5rem;display:flex;box-shadow:0 4px 1rem #00000008,inset 0 2px 4px #ffffff80}.InteractiveCanvasSection-module__uyxfxW__tabButton{letter-spacing:.05em;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6.25rem;outline:none;padding:.75rem 2.5rem;font-size:.875rem;font-weight:700;transition:color .3s;position:relative}.InteractiveCanvasSection-module__uyxfxW__tabButton:hover,.InteractiveCanvasSection-module__uyxfxW__tabButtonActive{color:#0f172a}.InteractiveCanvasSection-module__uyxfxW__activePill{z-index:0;background:#fff;border:1px solid #0f172a0a;border-radius:6.25rem;position:absolute;inset:0;box-shadow:0 4px 12px #0000000d,0 1px 2px #00000005,inset 0 2px #fff}.InteractiveCanvasSection-module__uyxfxW__canvasWrapper{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.InteractiveCanvasSection-module__uyxfxW__canvas{width:100%;height:100%;display:block}.InteractiveCanvasSection-module__uyxfxW__toolbar{-webkit-backdrop-filter:blur(1rem);z-index:50;background:#ffffffd9;border:1px solid #0f172a1a;border-radius:6.25rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem .75rem;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%);box-shadow:0 .625rem 1.875rem #00000014}.InteractiveCanvasSection-module__uyxfxW__toolGroup{flex-direction:column;align-items:center;gap:.5rem;display:flex}.InteractiveCanvasSection-module__uyxfxW__divider{background-color:#0f172a1a;width:1.5rem;height:1px;margin:.5rem 0}.InteractiveCanvasSection-module__uyxfxW__toolButton{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex}.InteractiveCanvasSection-module__uyxfxW__toolButton:hover{color:#0f172a;background-color:#0f172a0d}.InteractiveCanvasSection-module__uyxfxW__toolButton.InteractiveCanvasSection-module__uyxfxW__active{color:#fff;background-color:#f47c36;box-shadow:0 4px .75rem #f47c364d}.InteractiveCanvasSection-module__uyxfxW__actionButton{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:3rem;height:3rem;font-size:.625rem;font-weight:600;transition:all .2s;display:flex}.InteractiveCanvasSection-module__uyxfxW__actionButton:hover{color:#0f172a;background-color:#0f172a0d}.InteractiveCanvasSection-module__uyxfxW__colorPickerWrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.InteractiveCanvasSection-module__uyxfxW__colorBtn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:1.5rem;height:1.5rem;padding:0;transition:transform .2s}.InteractiveCanvasSection-module__uyxfxW__colorBtn.InteractiveCanvasSection-module__uyxfxW__activeColor{border-color:#0f172a;transform:scale(1.2)}@media (max-width:48rem){.InteractiveCanvasSection-module__uyxfxW__wrapper{display:none!important}}