@layer components{.lp{--lp-mat:#1d3a29;--lp-mat-line:#ffffff17;--lp-mat-line-strong:#ffffff26;--lp-mat-ink:#eef4ef;--lp-mat-muted:#a9bfb0;--lp-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.dark .lp{--lp-mat:#142b1d}.lp-ink{--primary:var(--foreground);--primary-foreground:var(--background);--ring:color-mix(in oklab, var(--foreground) 45%, transparent)}.lp-mat{isolation:isolate;background-color:var(--lp-mat);background-image:var(--lp-noise), radial-gradient(120% 70% at 50% 0%, #ffffff12, transparent 60%), radial-gradient(90% 60% at 50% 100%, #00000040, transparent 70%);color:var(--lp-mat-ink);border-radius:24px;position:relative}.lp-grid{pointer-events:none;background-image:linear-gradient(var(--lp-mat-line) 1px, transparent 1px), linear-gradient(90deg, var(--lp-mat-line) 1px, transparent 1px);background-position:-1px -1px;background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.lp-ruler{border-top:1px solid var(--lp-mat-line-strong);background-image:repeating-linear-gradient(90deg, var(--lp-mat-line-strong) 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, var(--lp-mat-line) 0 1px, transparent 1px 12px);pointer-events:none;background-repeat:no-repeat;background-size:100% 14px,100% 7px;height:40px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.lp-ruler__nums{color:#ffffff47;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;line-height:12px;display:flex;position:absolute;inset:16px 0 auto}.lp-ruler__nums>span{flex:none;width:48px;padding-left:3px}.lp-pill{color:#ffffffe6;background:#0003;border-radius:999px;align-items:center;gap:8px;height:30px;padding:0 4px 0 12px;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.lp-pill__tag{color:#2b2606;background:#f3dc4a;border-radius:999px;align-items:center;height:22px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.lp-clip{color:#d7dcd8;filter:drop-shadow(0 10px 12px #00000059);width:30px;height:92px;position:absolute}}