.sf-outer{position:fixed;bottom:0;left:0;right:0;overflow:hidden;user-select:none;-webkit-user-select:none;z-index:100}.sf-outer{touch-action:pan-y;cursor:grab}.sf-outer.is-dragging{cursor:grabbing}.sf-outer img,.sf-outer image{-webkit-user-drag:none;user-drag:none;pointer-events:none}.sf-svg{position:absolute;bottom:0;display:block;overflow:visible}.scissors{display:block;flex-shrink:0}@media (prefers-reduced-motion: reduce){.scissors *{animation:none!important;transition:none!important}}*{box-sizing:border-box}html{overscroll-behavior-x:none}body{margin:0;font-family:system-ui,sans-serif;background:#fff;color:#111;overscroll-behavior-x:none}@media (orientation: portrait) and (max-width: 768px){html.scroll-locked,html.scroll-locked body{overflow:hidden;height:100%;overscroll-behavior:none}}.app{max-width:900px;margin:0 auto;padding:2rem}h1{font-size:1.5rem;margin-bottom:2rem}section{margin-bottom:3rem;padding:1.5rem;background:#222;border-radius:8px}h2{font-size:1rem;margin:0 0 1rem;color:#aaa}p,small{color:#888;font-size:.85rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:#ddd;border-radius:1px;outline:none;margin:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#888;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#888;cursor:pointer;border:none}.api-output{margin-top:1rem;padding:1rem;background:#111;border-radius:4px;font-size:.8rem;color:#7fc;white-space:pre;font-family:monospace;min-height:6rem}