.snake-app{position:relative;width:100%;height:80vh;min-height:500px;overflow:hidden;background:#f5f3ef;border:4px solid var(--black);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none}.snake-app #snakeCanvas{width:100%;height:100%;position:relative;cursor:none;touch-action:none;overflow:hidden}.snake-app .photo{position:absolute;will-change:transform;pointer-events:none}.snake-app .photo-frame{width:100%;height:100%;background:#fff;padding:3px}.snake-app .photo img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.snake-app #snakeCursor{position:fixed;width:8px;height:8px;background:#00000040;border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:opacity .2s;opacity:0}.snake-app #snakeCursor.active{opacity:1}.snake-app .snake-bar{position:absolute;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(to bottom,#f5f3eff7 60%,#f5f3ef00);pointer-events:none}.snake-app .snake-bar>*{pointer-events:auto}.snake-app .snake-bar .snake-bar-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1a1a1a}.snake-app .snake-bar .snake-bar-count{font-size:10px;color:#999;letter-spacing:.06em;margin-left:10px}.snake-app .snake-bar button{padding:6px 13px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:0;font-family:inherit;margin-left:6px}.snake-app .snake-bar #btnUpload{background:#1a1a1a;color:#fff;border:none}.snake-app .snake-bar .toggle{background:transparent;color:#bbb;border:1px solid #ddd;transition:all .2s}.snake-app .snake-bar .toggle.on{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.snake-app #snakePrompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:14px;transition:opacity .5s ease}.snake-app #snakePrompt .label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#1a1a1a;opacity:.35}.snake-app #snakePrompt .sub{font-size:10px;color:#aaa;letter-spacing:.06em;text-align:center;line-height:1.7}@media(max-width:600px){.snake-app{height:60vh;min-height:350px}.snake-app .snake-bar{flex-direction:column;gap:8px;align-items:flex-start}}.snake-app.snake-app--fullpage{width:100%;height:calc(100vh - 104px);min-height:400px;border:none;box-shadow:none}.snake-app .snake-bar-back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;background:#0000000f;color:#1a1a1a;text-decoration:none;font-size:14px;font-weight:700;transition:all .15s}.snake-app .snake-bar-back:hover{background:#1a1a1a;color:#fff}