:root{color:#1c262d;background:#e9edeb;font-family:system-ui,sans-serif;font-size:14px}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0}.app{height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));box-sizing:border-box;grid-template-rows:auto 1fr auto;gap:8px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.segmented{border:1px solid #d2d9d6;border-radius:6px;display:inline-flex;overflow:hidden}.segmented button{border:0;border-radius:0}.segmented button+button{border-left:1px solid #d2d9d6}button,select{font:inherit;cursor:pointer;background:#fff;border:1px solid #d2d9d6;border-radius:6px;padding:5px 10px}button[aria-pressed=true]{color:#fff;background:#2b56c6}kbd{opacity:.6;font-size:10px}label{color:#5b6870;align-items:center;gap:6px;display:flex}.actions{gap:6px;margin-left:auto;display:flex}#editor{touch-action:none;border:1px solid #d2d9d6;border-radius:4px;min-height:0;overflow:hidden}.status{color:#5b6870;flex-wrap:wrap;gap:4px 20px;font-size:12.5px;display:flex}#status-hint{margin-right:auto}#status-snap,#status-cursor{font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}