.overlay.svelte-1h22qhu{z-index:40;pointer-events:none;position:absolute;inset:6px}.overlay.readonly.svelte-1h22qhu{pointer-events:none}.overlay.draw.svelte-1h22qhu,.overlay.note.svelte-1h22qhu{pointer-events:auto}.overlay.draw.svelte-1h22qhu{cursor:crosshair}.overlay.note.svelte-1h22qhu{cursor:text}.note-hit.svelte-1h22qhu{cursor:pointer}.compose-bar.svelte-1h22qhu{z-index:2147483647;box-sizing:border-box;border:1px solid var(--border-strong);background:var(--bg-1);width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--fg-0);border-radius:10px;margin:0;padding:14px;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 40px #00000073}.compose-bar.svelte-1h22qhu::backdrop{background:0 0}.compose-heading.svelte-1h22qhu{margin-bottom:10px;font-size:13px;font-weight:600}.compose.svelte-1h22qhu{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--bg-0);width:100%;height:96px;color:var(--fg-0);font:inherit;resize:none;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.5;display:block}.compose.svelte-1h22qhu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compose-actions.svelte-1h22qhu{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.note-button.svelte-1h22qhu{border:1px solid var(--border-strong);background:var(--bg-2);min-height:32px;color:var(--fg-0);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.note-button.svelte-1h22qhu:hover:not(:disabled){background:var(--bg-hover)}.note-button.svelte-1h22qhu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.note-button.primary.svelte-1h22qhu{background:var(--accent);border-color:var(--accent);color:var(--accent-fg,#fff)}.note-button.primary.svelte-1h22qhu:hover:not(:disabled){filter:brightness(1.1)}.note-button.svelte-1h22qhu:disabled{opacity:.45;cursor:default}.note-button.danger.svelte-1h22qhu{color:var(--danger);margin-right:auto}.save-session.svelte-1ic8rpk{gap:8px;display:grid}.save-session.svelte-1ic8rpk label:where(.svelte-1ic8rpk){color:var(--fg-1);font-size:12px}.save-error.svelte-1ic8rpk{color:var(--danger);font-size:12px}.gif-progress.svelte-1ic8rpk{z-index:2000;background:#000000a6;place-items:center;display:grid;position:fixed;inset:0}.gif-card.svelte-1ic8rpk{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;gap:14px;padding:24px;display:grid}select.svelte-1ic8rpk{background:var(--bg-2);min-width:0;color:var(--fg-0);border:1px solid var(--border);padding:6px}.share-block.svelte-1ic8rpk .tool:where(.svelte-1ic8rpk){margin-bottom:10px}.panel.svelte-1ic8rpk{z-index:450;background:var(--bg-1);border-left:1px solid var(--border-strong);width:min(360px,92vw);box-shadow:var(--shadow-2);flex-direction:column;animation:.16s ease-out svelte-1ic8rpk-slide;display:flex;position:fixed;top:38px;bottom:0;right:0}@media (width<=639px){.panel.svelte-1ic8rpk{border-left:0;border-top:1px solid var(--border-strong);width:auto;height:50dvh;top:auto;left:0}}@keyframes svelte-1ic8rpk-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}header.svelte-1ic8rpk{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}h2.svelte-1ic8rpk{font-size:13.5px;font-weight:700}.close.svelte-1ic8rpk{color:var(--fg-2);border-radius:4px;width:26px;height:26px}.close.svelte-1ic8rpk:hover{background:var(--bg-hover);color:var(--fg-0)}.tabs.svelte-1ic8rpk{border-bottom:1px solid var(--border);flex:none;display:flex}.tab.svelte-1ic8rpk{color:var(--fg-1);border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:12px}.tab.active.svelte-1ic8rpk{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.body.svelte-1ic8rpk{flex:1;min-height:0;padding:12px 14px}.hint.svelte-1ic8rpk{color:var(--fg-2);margin-bottom:10px;font-size:11.5px;line-height:1.45}.hint.svelte-1ic8rpk a:where(.svelte-1ic8rpk){color:var(--accent)}.composer.svelte-1ic8rpk{gap:6px;margin-bottom:12px;display:flex}input[type=text].svelte-1ic8rpk{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--fg-0);flex:1;min-width:0;padding:6px 8px;font-size:12px}.btn.svelte-1ic8rpk{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-3);color:var(--fg-0);white-space:nowrap;padding:6px 12px;font-size:11px}.btn.primary.svelte-1ic8rpk{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.btn.wide.svelte-1ic8rpk{width:100%}.btn.svelte-1ic8rpk:disabled{opacity:.45}.empty.svelte-1ic8rpk{color:var(--fg-2);font-size:12px}.notes.svelte-1ic8rpk{margin:0;padding:0;list-style:none}.notes.svelte-1ic8rpk li:where(.svelte-1ic8rpk){border-top:1px solid var(--border);align-items:flex-start;gap:8px;padding:8px 0;display:flex}.dist.svelte-1ic8rpk{font-family:var(--mono);color:var(--accent);flex:none;padding-top:2px;font-size:10.5px}.meta.svelte-1ic8rpk{flex:1;min-width:0}.text.svelte-1ic8rpk{color:var(--fg-0);font-size:12px;display:block}.author.svelte-1ic8rpk{font-size:10px}.x.svelte-1ic8rpk{color:var(--fg-2);font-size:10px}.x.svelte-1ic8rpk:hover{color:var(--danger)}.tools.svelte-1ic8rpk{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool.svelte-1ic8rpk{color:var(--fg-1);align-items:center;gap:6px;font-size:11px;display:flex}.tool.svelte-1ic8rpk input[type=color]:where(.svelte-1ic8rpk){background:0 0;border:none;width:28px;height:24px;padding:0}.share-block.svelte-1ic8rpk{margin-bottom:18px}.share-block.svelte-1ic8rpk h3:where(.svelte-1ic8rpk){color:var(--fg-0);margin-bottom:6px;font-size:12px;font-weight:700}.vis.svelte-1ic8rpk{flex-direction:column;gap:8px;margin:10px 0;display:flex}.vis-opt.svelte-1ic8rpk{cursor:pointer;align-items:flex-start;gap:8px;font-size:12px;display:flex}.vis-opt.svelte-1ic8rpk b:where(.svelte-1ic8rpk){color:var(--fg-0);display:block}.vis-opt.svelte-1ic8rpk .dim:where(.svelte-1ic8rpk){margin-top:2px;font-size:10.5px;display:block}.warn.svelte-1ic8rpk{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--warn) 50%, transparent);background:color-mix(in srgb, var(--warn) 10%, transparent);color:var(--fg-0);margin-bottom:10px;padding:8px 10px;font-size:11px;line-height:1.45}.link.svelte-1ic8rpk{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);width:100%;color:var(--fg-1);margin-top:8px;padding:6px 8px;font-size:10.5px}footer.svelte-1ic8rpk{border-top:1px solid var(--border);flex:none;padding:8px 14px;font-size:10px}.dim.svelte-1ic8rpk{color:var(--fg-2)}.foot.svelte-1ic8rpk{margin-top:12px;font-size:11px}