.note-view[data-v-42626a17]{display:flex;flex-direction:column;width:100vw;max-width:100vw;margin-top:calc(-1 * var(--space-8));margin-left:calc(-50vw + 50%);height:calc(100dvh - var(--header-height, 3.5rem));overflow:hidden;background-color:var(--color-surface-sunken);background-image:radial-gradient(var(--hud-grid-dot) 1px,transparent 1.2px);background-size:24px 24px;background-position:-12px -12px}.note-frame[data-v-42626a17]{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--color-surface)}@media(min-width:768px){.note-frame[data-v-42626a17]{margin:var(--space-4);height:calc(100% - var(--space-4) * 2);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.note-frame[data-v-42626a17]:before{content:"";position:absolute;inset:-1px;z-index:3;pointer-events:none;background:linear-gradient(var(--hud-line-strong),var(--hud-line-strong)) top left/12px 1px,linear-gradient(var(--hud-line-strong),var(--hud-line-strong)) top left/1px 12px,linear-gradient(var(--hud-line-strong),var(--hud-line-strong)) top right/12px 1px,linear-gradient(var(--hud-line-strong),var(--hud-line-strong)) top right/1px 12px,linear-gradient(var(--hud-line-strong),var(--hud-line-strong)) bottom left/12px 1px,linear-gradient(var(--hud-line-strong),var(--hud-line-strong)) bottom left/1px 12px,linear-gradient(var(--hud-line-strong),var(--hud-line-strong)) bottom right/12px 1px,linear-gradient(var(--hud-line-strong),var(--hud-line-strong)) bottom right/1px 12px;background-repeat:no-repeat}}.note-frame--fullscreen[data-v-42626a17]{position:fixed;inset:0;width:100vw;height:100dvh;margin:0;border:none;border-radius:0;box-shadow:none;z-index:calc(var(--z-sticky) + 1)}@media(min-width:768px){.note-frame--fullscreen[data-v-42626a17]{margin:0;height:100dvh}.note-frame--fullscreen[data-v-42626a17]:before{display:none}}.note-frame__body[data-v-42626a17]{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background-color:var(--color-surface)}