.kinetic{background:var(--ui);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.kinetic-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.kinetic-back,.kinetic-bar button{cursor:pointer;color:#fffaf3;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.kinetic-back{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bar) 55%, transparent);-webkit-backdrop-filter:blur(10px);transition:opacity .6s;position:absolute}.kinetic-dock{left:50%;bottom:max(18px, calc(env(safe-area-inset-bottom) + 6px));max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}@media (max-width:760px){.kinetic-dock{flex-direction:column-reverse;gap:8px}}.kinetic.is-rail .kinetic-dock{top:50%;bottom:auto;left:auto;right:max(10px, env(safe-area-inset-right));flex-direction:row;gap:8px;max-width:none;max-height:calc(100vh - 12px);transform:translateY(-50%)}.kinetic.is-rail .kinetic-tools{order:2}.kinetic.is-rail .kinetic-bar,.kinetic.is-rail .kinetic-bar .swatches{flex-direction:column}.kinetic.is-rail .kinetic-bar .swatches{gap:0;padding:4px 0}.kinetic.is-rail .kinetic-bar .swatch{width:32px;height:32px;margin:2px 5px}.kinetic.is-rail .kinetic-hint{right:var(--rail,0px);bottom:max(12px, env(safe-area-inset-bottom))}.kinetic-bar{background:color-mix(in srgb, var(--bar) 62%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px;transition:opacity .6s;display:flex;box-shadow:0 6px 24px #0000001f}.kinetic-bar button[aria-pressed=true]{background:#fffaf333}.kinetic-bar button:hover{background:#fffaf321}.kinetic-bar .swatches{gap:2px;padding:0 4px;display:flex}.kinetic-bar .swatch{border:2px solid #ffffff4d;width:34px;height:34px;margin:5px 0}.kinetic-bar .swatch[aria-pressed=true]{border-color:#fffaf3;box-shadow:0 0 0 2px #00000038}.kinetic-bar button{transition:background-color .18s,transform .12s}.kinetic-bar button:active{transform:scale(.92)}.kinetic.is-quiet .kinetic-bar,.kinetic.is-quiet .kinetic-back{opacity:.3}.kinetic.is-quiet .kinetic-tools{opacity:.55}.kinetic-tools button{position:relative}.kinetic-tools button[aria-pressed=true]{background:#fffaf347;box-shadow:inset 0 0 0 1.5px #fffaf38c}.stamp-shape{background:currentColor;width:13px;height:13px;position:absolute;bottom:4px;right:4px}.stamp-shape.shape-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.stamp-shape.shape-heart{clip-path:polygon(50% 95%,8% 52%,4% 28%,16% 8%,34% 6%,50% 24%,66% 6%,84% 8%,96% 28%,92% 52%)}.stamp-shape.shape-flower{background:0 0;border-radius:50%;box-shadow:inset 0 0 0 2.5px}.stamp-shape.shape-shell{border-radius:10px 10px 2px 2px;height:10px}.kinetic.is-quiet .kinetic-bar:hover,.kinetic.is-quiet .kinetic-back:hover,.kinetic.is-quiet .kinetic-bar:focus-within,.kinetic.is-quiet .kinetic-back:focus-visible{opacity:1}@media (hover:none){.kinetic-bar button:hover:not([aria-pressed=true]){background:0 0}}.kinetic-hint{left:0;right:0;bottom:calc(max(18px, env(safe-area-inset-bottom)) + var(--dock,74px));text-align:center;pointer-events:none;color:color-mix(in srgb, var(--bar) 92%, white);text-shadow:0 1px 10px #fff6;margin:0;font-size:19px;transition:opacity .7s;position:absolute}.kinetic-hint span{animation:3.6s ease-in-out infinite breathe;display:block}.kinetic-hint small{opacity:.8;margin-top:4px;font-size:14px;display:block}.kinetic-hint.is-gone{opacity:0}.kinetic-touch{pointer-events:none;opacity:0;will-change:transform;border:2px solid #fffaf3d9;border-radius:50%;width:60px;height:60px;transition:opacity .25s;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #00000029,inset 0 0 0 1.5px #0000001a}.kinetic-touch.is-on{opacity:1;transition-duration:80ms}.kinetic-touch[data-tool=knife],.kinetic-touch[data-tool=pending]{border-style:dashed}.kinetic-touch[data-tool=squish]{background:#fffaf31f}@media (prefers-reduced-motion:reduce){.kinetic-hint span{animation:none}.kinetic-bar button{transition:none}.kinetic-bar button:active{transform:none}}.kinetic-fail{max-width:520px;margin:0 auto;padding:48px 24px}.kinetic-fail a{color:#e9c99a}@media (max-width:380px){.kinetic-bar{gap:2px}.kinetic-bar .swatch{width:28px;height:28px}.kinetic-bar button{width:42px;height:42px}}