.gears{background:var(--ui);touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.gears-canvas{touch-action:none;cursor:default;width:100%;height:100%;display:block;position:absolute;inset:0}.gears-canvas[data-cursor=spin]{cursor:grab}.gears-canvas[data-cursor=move]{cursor:move}.gears-canvas[data-cursor=belt],.gears-canvas[data-cursor=pick]{cursor:pointer}.gears-canvas:active{cursor:grabbing}.gears-back,.gears-bar button{cursor:pointer;color:#fbf4ea;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.gears-back{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);background:#0e0a0852;transition:opacity .6s;position:absolute}.gears-dock{left:50%;bottom:max(14px, 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:860px){.gears-dock{flex-direction:column;gap:8px}}.gears-bar{-webkit-backdrop-filter:blur(12px);background:#0e0a0866;border:1px solid #fff5e614;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:6px;transition:opacity .6s;display:flex}.gears-bar button{touch-action:none;transition:background-color .2s,transform .12s}.gears-bar button:active{transform:scale(.92)}@media (hover:hover){.gears-bar button:not([aria-pressed=true]):hover{background:#fff5e61f}}@media (hover:none){.gears-bar button:hover:not([aria-pressed=true]){background:0 0}}.gears-bar button[aria-pressed=true]:not(.swatch){background:#fff5e642;box-shadow:inset 0 0 0 1.5px #fff5e68c}.gears-bar .part svg{color:#f1d9a8}.gears-bar .part-belt svg,.gears-bar .part-lever svg,.gears-bar .part-piston svg{color:#fbf4ea}.gears-tray .part-belt{margin-left:6px}.gears-bar .part.is-full{animation:.32s gears-nope}@keyframes gears-nope{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.gears-bar .swatches{gap:2px;padding:0 2px;display:flex}.gears-bar .swatch{border:2px solid #ffffff38;width:34px;height:34px;margin:5px 0}.gears-bar .swatch[aria-pressed=true]{border-color:#fbf4ea;box-shadow:0 0 0 2px #0000004d}.gears-sep{background:#fff5e633;flex:none;width:1px;height:24px;margin:0 3px}.gears-bar button:focus-visible,.gears-back:focus-visible{outline-offset:1px;outline:2px solid #ffffffd9}.gears.is-quiet .gears-bar,.gears.is-quiet .gears-back{opacity:.3}.gears.is-quiet .gears-bar:hover,.gears.is-quiet .gears-back:hover,.gears.is-quiet .gears-bar:focus-within,.gears.is-quiet .gears-back:focus-visible{opacity:1}.gears-drag{z-index:5;color:#fbf4ea;pointer-events:none;background:#0e0a0880;border-radius:999px;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:fixed}.gears-hint{left:50%;top:calc(max(14px, env(safe-area-inset-top)) + 58px);pointer-events:none;-webkit-backdrop-filter:blur(6px);text-align:center;color:#fffaf2eb;text-shadow:0 1px 10px #00000073;background:#0e0a086b;border-radius:999px;width:max-content;max-width:calc(100vw - 48px);margin:0;padding:8px 18px;font-size:clamp(14px,3.9vw,18px);line-height:1.3;animation:3.6s ease-in-out infinite breathe;position:absolute;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.gears-hint{animation:none}.gears-bar button{transition:none}.gears-bar button:active{transform:none}.gears-bar .part.is-full{animation:none}}.gears-fail{max-width:520px;margin:0 auto;padding:48px 24px}.gears-fail a{color:#e9c99a}@media (max-width:400px){.gears-bar{gap:1px;padding:4px}.gears-bar button{width:42px;height:42px}.gears-bar .swatch{width:30px;height:30px}.gears-tray .part-belt{margin-left:3px}}@media (max-width:360px){.gears-bar button{width:38px;height:38px}.gears-bar .swatch{width:27px;height:27px}}@media (max-height:500px) and (orientation:landscape){.gears-dock{left:auto;right:max(10px, env(safe-area-inset-right));bottom:auto;top:calc(max(14px, env(safe-area-inset-top)) + 54px);flex-direction:row-reverse;align-items:flex-start;gap:6px;transform:none}.gears-bar{border-radius:26px;flex-direction:column;gap:1px;padding:4px}.gears-bar button{width:38px;height:38px}.gears-bar .swatches{flex-direction:column;padding:2px 0}.gears-bar .swatch{width:28px;height:28px;margin:0 5px}.gears-sep{width:24px;height:1px;margin:3px 0}.gears-tray .part-belt{margin-top:4px;margin-left:0}.gears-hint{top:max(14px, env(safe-area-inset-top));white-space:normal;max-width:calc(100vw - 380px);padding:6px 14px;font-size:15px;left:50%}}@media (max-height:340px) and (orientation:landscape){.gears-bar button{width:32px;height:32px}.gears-bar .swatch{width:26px;height:26px}}