:root{color-scheme:light dark;--bg: #f4f1ea;--panel: #ffffff;--text: #2b2a26;--muted: #7a7668;--accent: #c05621;--accent-soft: #f6e2d3;--border: #dcd7ca;font-family:Hiragino Sans,Noto Sans JP,system-ui,-apple-system,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #1d1c1a;--panel: #2a2926;--text: #ece9e0;--muted: #9a968a;--accent: #e8823f;--accent-soft: #4a3527;--border: #45423b}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overscroll-behavior:none}#app{height:100%}.layout.svelte-1n46o8q{display:flex;flex-direction:column;height:100%}.top-panel.svelte-1n46o8q{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s ease}.top-panel.collapsed.svelte-1n46o8q{grid-template-rows:0fr}.top-panel-inner.svelte-1n46o8q{min-height:0;overflow:hidden}.viewer-wrap.svelte-1n46o8q{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.panel-tab-row.svelte-1n46o8q{display:flex;justify-content:flex-end;padding-right:16px;height:0;position:relative;z-index:10}.panel-tab.svelte-1n46o8q{height:28px;padding:0 26px;margin-top:-1px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;background:var(--panel);color:var(--muted);font-size:12px;cursor:pointer;box-shadow:0 3px 6px #0000001f}.panel-tab.svelte-1n46o8q:hover{color:var(--accent)}.chevron.svelte-1n46o8q{display:inline-block;transition:transform .35s ease}.chevron.flipped.svelte-1n46o8q{transform:rotate(180deg)}.toolbar.svelte-1n46o8q{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.title.svelte-1n46o8q{font-size:18px;margin:0;white-space:nowrap}.file-button.svelte-1n46o8q{display:inline-block;padding:8px 14px;background:var(--accent);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap}.file-button.svelte-1n46o8q input:where(.svelte-1n46o8q){display:none}.speed.svelte-1n46o8q{display:flex;align-items:center;gap:8px;min-width:220px;flex:1}.speed.svelte-1n46o8q input[type=range]:where(.svelte-1n46o8q){flex:1;accent-color:var(--accent)}.speed-label.svelte-1n46o8q{font-size:14px;color:var(--muted);white-space:nowrap}.speed-value.svelte-1n46o8q{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:84px;white-space:nowrap}.play-button.svelte-1n46o8q{padding:8px 18px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap}.play-button.active.svelte-1n46o8q{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.play-button.svelte-1n46o8q:disabled{opacity:.4;cursor:default}.hint.svelte-1n46o8q{width:100%;margin:0;font-size:12px;color:var(--muted)}.status-bar.svelte-1n46o8q{display:flex;gap:12px;align-items:baseline;padding:6px 16px;font-size:12px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--border)}.file-name.svelte-1n46o8q{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer.svelte-1n46o8q{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pages.svelte-1n46o8q{max-width:900px;margin:0 auto}.pages.svelte-1n46o8q .page-wrap{overflow:hidden}.pages.svelte-1n46o8q .page-wrap+.page-wrap{border-top:1px dashed #b5b5b5}.pages.svelte-1n46o8q .page{display:block;width:100%;height:auto;background:#fff;margin-top:calc(var(--crop-top, 0px) * -1);margin-bottom:calc(var(--crop-bottom, 0px) * -1)}.crop.svelte-1n46o8q{display:flex;align-items:center;gap:6px;white-space:nowrap}.crop-title.svelte-1n46o8q{font-size:14px;color:var(--muted)}.crop-field.svelte-1n46o8q{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}.crop-field.svelte-1n46o8q input:where(.svelte-1n46o8q){width:60px;padding:6px 4px 6px 8px;font-size:14px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px}.crop-unit.svelte-1n46o8q{font-size:13px;color:var(--muted)}.message.svelte-1n46o8q{text-align:center;padding:48px 24px;color:var(--muted)}.message.error.svelte-1n46o8q{color:#c53030}.empty-icon.svelte-1n46o8q{font-size:48px;margin:0 0 8px}.empty-sub.svelte-1n46o8q{font-size:13px;line-height:1.8}