.pad{width:100%;aspect-ratio:var(--pad-aspect,1);border-radius:var(--radius);background:var(--sheet);box-shadow:0 1px 0 rgb(var(--shadow) / .06), 0 18px 40px -24px rgb(var(--shadow) / .45);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;position:relative;overflow:hidden}.pad:before{content:"";pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.pad__guides,.pad__ink{width:100%;height:100%;position:absolute;inset:0}.pad__guide{stroke:var(--guide);vector-effect:non-scaling-stroke;stroke-width:1px}.pad__guide--baseline{stroke:var(--ink-soft);stroke-width:1.5px}.pad__guide--x-height{stroke-dasharray:6 5}.pad__guide--cap-height{stroke-dasharray:1.5 5;stroke-linecap:round}.pad__guide--descender{opacity:.45}@media (prefers-reduced-transparency:reduce){.pad:before{display:none}}