*{box-sizing:border-box}body{margin:0;font:13px system-ui,sans-serif;background:#172b2b;color:#eee;height:100dvh;display:flex;flex-direction:column}header{position:relative;z-index:2;background:#172b2bee;padding:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}label{display:inline-flex;gap:4px;align-items:center}button,select,input{font:inherit;padding:5px}a{color:#eed998}main{position:absolute;inset:0;overflow:hidden;touch-action:none}#surface{position:absolute;inset:0}canvas{display:block}#anchor{position:absolute;pointer-events:none;padding:6px;background:#172b2be8;color:#f1d590;white-space:nowrap;transform:translate(-50%,-100%)}footer{position:absolute;bottom:0;z-index:2;background:#172b2bee;min-height:45px;display:flex;flex-wrap:wrap;gap:12px;padding:6px;pointer-events:none}#error{color:#ffb6a5}dialog{max-width:90vw}