*{box-sizing:border-box;margin:0;padding:0;overscroll-behavior:none;-webkit-user-select:none;user-select:none}:root{touch-action:pan-x pan-y;height:100%;width:100%}html,body,#app{height:100%;width:100%;font-family:Helvetica,sans-serif;overflow:hidden}#app{display:flex;flex-direction:column}nav{display:flex;gap:12px;align-items:center;justify-content:space-between}nav div{display:flex;gap:12px;align-items:center}nav div>*{margin-block:0}#metaframe{display:none}#metaframe.unauthenticated{display:block;border:2px solid brown;position:fixed;top:30px;left:30px;width:calc(100vw - 60px);height:calc(100vh - 60px)}#metaframe.authenticated{display:block;width:80px;height:2rem}main{height:100%;overflow:auto}body:has(#metaframe.unauthenticated) main{overflow:hidden}#filenameDiv input{padding:4px 8px;border:1px solid lightgray;font:inherit;width:300px}