.note[data-view=preview].svelte-9b0t1p{display:flex;flex-direction:column;gap:.25rem;align-items:center}.note[data-view=list].svelte-9b0t1p{padding:.5rem 1rem}.note[data-view=list].svelte-9b0t1p:hover{background-color:#f0f0f0}.preview.svelte-9b0t1p{background-color:#f0f0f0;padding:1rem;border-radius:.5rem;overflow:hidden;pointer-events:none;width:100px;aspect-ratio:1 / 1}.preview-inner.svelte-9b0t1p *{font-size:.6em!important;color:#333!important}a.svelte-9b0t1p{text-decoration:none;color:#333}.active.svelte-9b0t1p{font-style:italic}.sidebar-header.svelte-a1g4cc{display:flex;justify-content:space-between;padding:8px 16px;font-size:14px;font-weight:600;color:#666;border-bottom:1px solid #f4f4f4}.sidebar.svelte-a1g4cc{width:200px;flex-shrink:0;border-right:1px solid #f4f4f4;position:fixed;top:44px;left:0;height:100vh}@media (max-width: 800px){.sidebar.svelte-a1g4cc{display:none}}.sidebar.svelte-a1g4cc ul:where(.svelte-a1g4cc){list-style:none;padding:16px 0;margin:0;font-size:14px;display:flex;flex-direction:column}.container.svelte-1k26gm7{display:flex}.top.svelte-1k26gm7{position:fixed;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #f4f4f4;padding:0 16px}.top.svelte-1k26gm7 button:where(.svelte-1k26gm7){background:none;border:1px solid #f4f4f4;padding:8px 16px;font-weight:500;border-radius:4px;color:#333;cursor:pointer}.top.svelte-1k26gm7 button:where(.svelte-1k26gm7):hover{background:#f4f4f4}.top.svelte-1k26gm7 a:where(.svelte-1k26gm7){text-decoration:none;color:#333;font-weight:600;letter-spacing:-.01em}.note.svelte-1k26gm7{padding-left:212px}@media (max-width: 800px){.note.svelte-1k26gm7{padding-left:0}}