:root{color-scheme:light dark;--fg:#1a1a1a;--bg:#fff;--muted:#666;--border:#ddd;--accent:#2563eb;--warning:#a15c00;--error:#c0322d;--sidebar-width:320px;--topbar-height:3.25rem}@media (prefers-color-scheme:dark){:root{--fg:#e5e5e5;--bg:#14161a;--muted:#9aa0a6;--border:#2a2d33;--warning:#e0a233;--error:#f0605a}}*{box-sizing:border-box}html,body{height:100%}body{color:var(--fg);background:var(--bg);flex-direction:column;margin:0;font:16px/1.5 system-ui,sans-serif;display:flex}#topbar{border-bottom:1px solid var(--border);min-height:var(--topbar-height);flex:none;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}#topbar h1{margin:0;font-size:1.1rem}#menu-toggle{font:inherit;color:var(--fg);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .6rem;font-size:1.1rem;line-height:1}#app-footer{border-top:1px solid var(--border);color:var(--muted);flex:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;display:flex}#app-footer a{color:var(--muted);text-decoration:none}#app-footer a:hover{color:var(--accent);text-decoration:underline}#app{flex:1;min-height:0;display:flex}#sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);flex:none;padding:1rem;transition:margin-left .15s,opacity .15s;overflow-y:auto}#sidebar.collapsed{margin-left:calc(-1 * var(--sidebar-width));opacity:0;pointer-events:none}#sidebar-backdrop{display:none}#sidebar-tabs{border:1px solid var(--border);border-radius:8px;gap:.25rem;margin-bottom:1rem;padding:.2rem;display:flex}.sidebar-tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.85rem}.sidebar-tab.active{background:var(--accent);color:#fff}.sidebar-section{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-section h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .6rem;font-size:.8rem}.sidebar-section label{color:var(--muted);margin:.5rem 0 .2rem;font-size:.85rem;display:block}.sidebar-section input,.sidebar-section select,.sidebar-section textarea{font:inherit;background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem}.sidebar-section textarea{resize:vertical;font-size:.85rem}.prompt-details{margin-top:.75rem}.prompt-details summary{color:var(--muted);cursor:pointer;user-select:none;font-size:.85rem}.prompt-details textarea{margin-top:.4rem}.panel-note{color:var(--muted);margin:0 0 .75rem;font-size:.85rem}.panel-note a{color:var(--accent)}.sidebar-section button{width:100%;margin-top:.75rem}#tpx-status,#ocr-status,#page-png-status,#pdf-status{color:var(--muted);margin:.6rem 0 0;font-size:.9rem}#ocr-status.status-warning,#page-png-status.status-warning,#pdf-status.status-warning{color:var(--warning);font-weight:600}#ocr-status.status-error,#page-png-status.status-error,#pdf-status.status-error{color:var(--error);font-weight:600}#toolbar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.5rem 1rem}button:disabled{background:var(--muted);cursor:default}#crumbs a{color:var(--accent);cursor:pointer;text-decoration:none}#crumbs a:hover{text-decoration:underline}#status{color:var(--muted);margin:.75rem 0}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid var(--border);padding:.35rem .5rem .35rem 0}td a{color:inherit;cursor:pointer;padding:.2rem 0;text-decoration:none;display:inline-block}td a:hover{text-decoration:underline}#viewer-pane{flex-direction:column;flex:1;gap:.75rem;min-width:0;padding:1rem;display:flex;overflow:auto}#viewer-body{flex:1;gap:1rem;min-height:0;display:flex}#empty-state{color:var(--muted);margin:auto}#viewer-body supernote-viewer{flex:1;min-width:0;min-height:0;display:block}#ocr-result{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex:1;min-width:0;min-height:0;overflow:auto}#ocr-text{white-space:pre-wrap;margin:0;padding:.75rem;font:13px/1.5 ui-monospace,SFMono-Regular,monospace}#welcome-dialog{border:1px solid var(--border);background:var(--bg);width:calc(100% - 2rem);max-width:32rem;color:var(--fg);border-radius:10px;padding:1.5rem;box-shadow:0 20px 60px #00000059}#welcome-dialog::backdrop{background:#00000080}#welcome-dialog h2{margin:0 0 .75rem;font-size:1.15rem}#welcome-dialog p{margin:0 0 .75rem;line-height:1.5}#welcome-dialog ol{margin:0 0 .75rem;padding-left:1.25rem;line-height:1.6}.noai #tab-settings,.noai #settings-panel,.noai .ai-only{display:none!important}@media (width<=700px){#topbar h1{font-size:.95rem}#menu-toggle{padding:.5rem .7rem}#sidebar{top:var(--topbar-height);width:min(var(--sidebar-width), 88vw);z-index:20;background:var(--bg);position:fixed;bottom:0;left:0;box-shadow:2px 0 16px #00000040}#sidebar-backdrop:not([hidden]){top:var(--topbar-height);z-index:15;background:#0006;display:block;position:fixed;bottom:0;left:0;right:0}#viewer-body{flex-direction:column}}