:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#fff;--fg:#131722;--frame:#ebebed}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--fg)}main{height:var(--tg-viewport-height,100dvh);display:flex;flex-direction:column;width:100%;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation}#viewport{position:relative;flex:1;min-height:120px;overflow:hidden;background:var(--frame);touch-action:none;user-select:none;-webkit-user-select:none}#surface{position:absolute;left:0;top:0;transform-origin:0 0;line-height:0}#photo,#mask{position:absolute;inset:0;width:100%;height:100%;display:block}#photo{pointer-events:none;-webkit-user-drag:none}#mask{touch-action:none}#hint{position:absolute;top:8px;left:0;right:0;text-align:center;margin:0;padding:7px 10px;color:#333;background:#ffffffc9;font-size:12px;pointer-events:none}#zoom-controls{position:absolute;right:10px;bottom:10px;display:flex;gap:5px}#zoom-controls button,#reset{border:1px solid #d0d0d4;background:#fff;color:#131722;border-radius:8px;min-width:36px;min-height:36px;padding:4px 10px;font-size:21px}#reset{position:absolute;left:10px;bottom:10px;font-size:12px}#bottom{flex:none;padding:9px 12px max(10px,env(safe-area-inset-bottom))}#done{width:100%;min-height:46px;border:0;border-radius:9px;background:var(--fg);color:var(--bg);font-size:16px;font-weight:600}#done:disabled{opacity:.4;cursor:default}#status{margin:0;font-size:13px;line-height:1.4;text-align:center;color:#a03930}#status:not(:empty){margin-bottom:9px}[hidden]{display:none!important}button:focus-visible{outline:2px solid #a47750;outline-offset:2px}@media(prefers-color-scheme:dark){:root{--bg:#191b20;--fg:#f5f5f5;--frame:#0e1014}}