.browser-toolbar.svelte-pv6yti{background:var(--color-panel);min-width:0;color:var(--color-ink);align-items:center;gap:4px;padding:8px;display:flex}button.svelte-pv6yti,.browser-menu-trigger{min-width:34px;min-height:34px;color:var(--color-ink-2);border-radius:8px;flex:none;place-items:center;display:grid}button.svelte-pv6yti:hover,.browser-menu-trigger:hover{background:var(--color-hover);color:var(--color-ink)}button.svelte-pv6yti:disabled{opacity:.45}form.svelte-pv6yti{flex:1;align-items:center;gap:4px;min-width:0;display:flex}input.svelte-pv6yti{border:1px solid var(--color-line);background:var(--color-panel-2);min-width:0;color:var(--color-ink);border-radius:18px;flex:1;padding:8px 12px;font-size:12px}form.svelte-pv6yti button:where(.svelte-pv6yti){padding:0 8px;font-size:12px}.browser-canvas.svelte-whi3bs{background:var(--color-page);min-width:0;height:100%;min-height:0;color:var(--color-ink);flex-direction:column;flex:1;display:flex}.browser-navigation.svelte-whi3bs{align-items:center;gap:4px;min-width:0;padding-right:8px;display:flex}.navigation-address.svelte-whi3bs{flex:1;min-width:100px}.browser-navigation.svelte-whi3bs button:where(.svelte-whi3bs),.annotation-tools.svelte-whi3bs button:where(.svelte-whi3bs){white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:12px;display:inline-flex}.browser-navigation.svelte-whi3bs button:where(.svelte-whi3bs):hover,.annotation-tools.svelte-whi3bs button:where(.svelte-whi3bs):hover,.browser-navigation.svelte-whi3bs button[aria-pressed=true]{background:var(--color-hover)}.browser-menu{z-index:110;border:1px solid var(--color-line);background:var(--color-frame);min-width:220px;max-width:calc(100vw - 16px);color:var(--color-ink);border-radius:8px;padding:5px;box-shadow:0 8px 22px #00000040}.browser-menu-item{cursor:default;border-radius:4px;outline:none;padding:8px 10px;font-size:12px}.browser-menu-item[data-highlighted]{background:var(--color-hover)}.browser-menu-item[data-disabled]{opacity:.45}.menu-note.svelte-whi3bs{max-width:240px;color:var(--color-ink-2);border-top:1px solid var(--color-line);padding:8px 10px;font-size:11px}.browser-menu-separator{background:var(--color-line);height:1px;margin:4px 0}.remote-note.svelte-whi3bs{border:1px solid var(--color-line);color:var(--color-ink-2);border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;margin:8px 12px;padding:10px 12px;font-size:12px;line-height:1.6;display:flex}.remote-note.svelte-whi3bs strong:where(.svelte-whi3bs){color:var(--color-ink)}.remote-note.svelte-whi3bs p:where(.svelte-whi3bs){margin:0}.remote-note.svelte-whi3bs button:where(.svelte-whi3bs){color:var(--color-ink);border-radius:16px;padding:6px 9px;font-size:12px}.remote-note.svelte-whi3bs button:where(.svelte-whi3bs):hover{background:var(--color-hover)}.device-toolbar.svelte-whi3bs{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;padding:6px 12px;font-size:12px;display:flex}.device-toolbar.svelte-whi3bs label:where(.svelte-whi3bs),.dimensions.svelte-whi3bs{align-items:center;gap:6px;display:flex}.device-toolbar.svelte-whi3bs input:where(.svelte-whi3bs){background:var(--color-hover);border:1px solid var(--color-line);text-align:center;border-radius:6px;width:66px;padding:4px 6px}.device-toolbar.svelte-whi3bs select:where(.svelte-whi3bs){background:var(--color-frame);min-width:0;max-width:180px;color:var(--color-ink);border:0;border-radius:6px;padding:4px}.device-toolbar.svelte-whi3bs .icon-button:where(.svelte-whi3bs){padding:4px}.preview-note.svelte-whi3bs,.annotation-tools.svelte-whi3bs{color:var(--color-ink-2);border-bottom:1px solid var(--color-line);padding:7px 12px;font-size:11px;line-height:1.5}.preview-note.svelte-whi3bs button:where(.svelte-whi3bs){color:var(--color-ink);margin-left:6px;text-decoration:underline}.annotation-tools.svelte-whi3bs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preview-stage.svelte-whi3bs{background:var(--color-frame);flex:1;min-width:0;min-height:240px;padding:12px;overflow:auto}.viewport-space.svelte-whi3bs{margin:0 auto;position:relative}.browser-viewport.svelte-whi3bs{transform-origin:0 0;background:#fff;position:absolute;top:0;left:0}iframe.svelte-whi3bs{background:#fff;border:0;width:100%;height:100%;display:block}.annotation-surface.svelte-whi3bs{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.annotation-surface.drawing.svelte-whi3bs{pointer-events:auto;touch-action:none;cursor:crosshair}.browser-error.svelte-whi3bs{color:var(--color-ink);margin:8px 12px;font-size:12px}.browser-home.svelte-whi3bs{width:min(100%,720px);margin:0 auto;padding:40px 22px}.browser-home.svelte-whi3bs h2:where(.svelte-whi3bs){margin:16px 0 10px;font-size:18px;font-weight:600}.browser-home.svelte-whi3bs p:where(.svelte-whi3bs){color:var(--color-ink-2);margin:10px 0;font-size:13px;line-height:1.6}.browser-home.svelte-whi3bs button:where(.svelte-whi3bs){border:1px solid var(--color-line);border-radius:8px;align-items:center;gap:8px;margin-top:24px;padding:9px 12px;display:flex}@media (width<=600px){.browser-navigation.svelte-whi3bs{flex-wrap:wrap;padding:0 8px 6px}.navigation-address.svelte-whi3bs{flex-basis:100%}.browser-navigation.svelte-whi3bs .annotate{margin-left:4px}}