.magnifier{position:absolute;width:100px;height:100px;border-radius:50%;overflow:hidden;z-index:20;pointer-events:none;box-shadow:0 0 4px #00000080}:root{--bg: #ffffff;--text: #1e1e1e;--workspace: #f4f4f4}[data-theme=dark]{--bg: #1e1e1e;--text: #ffffff;--workspace: #282c34}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);overflow:hidden;touch-action:none;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%;width:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;background-color:var(--bg);border-bottom:1px solid #444;box-shadow:0 2px 5px #0000001a}.brand{font-size:1.2rem;font-weight:700}.controls button{padding:6px 10px;font-size:.9rem;border:none;background:#4cc1f7;color:#000;border-radius:4px;cursor:pointer}.workspace{flex:1;background-color:var(--workspace);position:relative;width:100%;height:100vh;overflow:hidden;cursor:none;touch-action:none;-webkit-user-select:none;user-select:none}canvas{position:absolute;top:0;left:0;display:block}canvas:nth-of-type(1){z-index:0;pointer-events:none}canvas:nth-of-type(2){z-index:1;pointer-events:auto}