:root{--ep-primary:#2563eb;--ep-primary-hover:#1d4ed8;--ep-primary-light:#2563eb14;--ep-bg:#fff;--ep-fg:#0f172a;--ep-surface:#f8fafc;--ep-surface2:#f1f5f9;--ep-border:#e2e8f0;--ep-muted:#64748b;--ep-error:#dc2626;--ep-error-bg:#dc26260f;--ep-radius-xs:4px;--ep-radius:8px;--ep-radius-lg:16px;--ep-shadow:0 1px 3px #00000012, 0 1px 2px #0000000d;--ep-shadow-md:0 4px 12px #00000014;--ep-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ep-font-mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--ep-header-h:56px;--ep-progress-h:3px;--ep-canvas-pad:20px}.dark{--ep-primary:#60a5fa;--ep-primary-hover:#93c5fd;--ep-primary-light:#60a5fa1f;--ep-bg:#0f172a;--ep-fg:#f1f5f9;--ep-surface:#1e293b;--ep-surface2:#0f172a;--ep-border:#334155;--ep-muted:#94a3b8;--ep-error-bg:#dc26261f;--ep-shadow:0 1px 3px #0000004d;--ep-shadow-md:0 4px 12px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--ep-font-sans);background:var(--ep-bg);color:var(--ep-fg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex}.toolbar{height:var(--ep-header-h);border-bottom:1px solid var(--ep-border);background:var(--ep-surface);box-shadow:var(--ep-shadow);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.toolbar__brand{color:inherit;flex-shrink:0;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.toolbar__logo{border-radius:var(--ep-radius-xs);background:var(--ep-primary);color:#fff;letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:inline-flex}.toolbar__title{letter-spacing:-.025em;font-size:15px;font-weight:700}.toolbar__actions{align-items:center;gap:6px;display:flex}.toolbar__divider{background:var(--ep-border);flex-shrink:0;width:1px;height:20px;margin:0 2px;display:inline-block}.toolbar__file-input{opacity:0;pointer-events:none;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.toolbar__btn{border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:var(--ep-bg);color:var(--ep-fg);cursor:pointer;white-space:nowrap;user-select:none;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.toolbar__btn:hover{background:var(--ep-surface2);border-color:var(--ep-primary)}.toolbar__btn--upload{background:var(--ep-primary);color:#fff;border-color:var(--ep-primary);font-weight:600}.toolbar__btn--upload:hover{background:var(--ep-primary-hover);border-color:var(--ep-primary-hover);box-shadow:0 0 0 3px var(--ep-primary-light)}.toolbar__btn--active{border-color:var(--ep-primary);background:var(--ep-primary-light);color:var(--ep-primary)}.toolbar__btn--active:hover{background:var(--ep-primary-light);border-color:var(--ep-primary-hover)}.progress-bar{height:var(--ep-progress-h);opacity:0;flex-shrink:0;transition:opacity .2s;overflow:hidden}.progress-bar--active{opacity:1}.progress-bar__indicator{appearance:none;border:none;width:100%;height:100%;display:block}.progress-bar__indicator::-webkit-progress-bar{background:var(--ep-surface)}.progress-bar__indicator::-webkit-progress-value{background:var(--ep-primary)}.progress-bar__indicator::-moz-progress-bar{background:var(--ep-primary)}.progress-bar__indicator:indeterminate{background:linear-gradient(90deg, var(--ep-surface) 0%, var(--ep-primary) 40%, var(--ep-primary-hover) 60%, var(--ep-surface) 100%);background-size:200% 100%;animation:1.4s infinite ep-progress}@keyframes ep-progress{0%{background-position:100% 0}to{background-position:-100% 0}}.progress-bar__label{display:none}.split-pane{flex:1;display:flex;overflow:hidden}.split-pane__left,.split-pane__right{width:50%;min-width:0;position:relative;overflow:auto}.split-pane__handle{cursor:col-resize;background:var(--ep-border);flex-shrink:0;width:5px;transition:background .15s}.split-pane__handle:hover,.split-pane__handle:focus{background:var(--ep-primary-light);outline:none}.pdf-viewer{background:var(--ep-surface);flex-direction:column;height:100%;display:flex}.pdf-viewer__canvas-wrapper{padding:var(--ep-canvas-pad);background:var(--ep-surface2);flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:auto}.pdf-viewer__canvas{box-shadow:var(--ep-shadow-md);border-radius:2px;display:block}.overlay-canvas{top:var(--ep-canvas-pad);pointer-events:auto;position:absolute}.pdf-viewer__drop-zone{background:var(--ep-surface2);flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.pdf-viewer__drop-zone-inner{border:2px dashed var(--ep-border);border-radius:var(--ep-radius-lg);background:var(--ep-bg);color:var(--ep-muted);text-align:center;cursor:pointer;user-select:none;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;padding:52px 40px;transition:border-color .2s,background .2s,color .2s;display:flex}.pdf-viewer__drop-zone-inner:hover{border-color:var(--ep-primary);background:var(--ep-primary-light);color:var(--ep-fg)}.drag-over .pdf-viewer__drop-zone-inner{border-color:var(--ep-primary);background:var(--ep-primary-light)}.drop-zone__icon{width:48px;height:48px;color:var(--ep-primary);opacity:.85;margin-bottom:4px;transition:transform .2s}.pdf-viewer__drop-zone-inner:hover .drop-zone__icon{transform:translateY(-3px)}.drop-zone__title{color:var(--ep-fg);font-size:15px;font-weight:600}.drop-zone__sub{color:var(--ep-muted);font-size:13px}.drop-zone__link{color:var(--ep-primary);text-underline-offset:2px;text-decoration:underline}.drop-zone__hint{color:var(--ep-muted);opacity:.8;font-size:11px}.page-nav{border-top:1px solid var(--ep-border);background:var(--ep-surface);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.page-nav__btn{border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:var(--ep-bg);width:32px;height:32px;color:var(--ep-fg);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.page-nav__btn:hover:not(:disabled){border-color:var(--ep-primary);background:var(--ep-primary-light);color:var(--ep-primary)}.page-nav__btn:disabled{opacity:.35;cursor:default}.page-nav__input{text-align:center;border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:var(--ep-bg);width:48px;color:var(--ep-fg);padding:4px 6px;font-family:inherit;font-size:13px;transition:border-color .15s}.page-nav__input:focus{border-color:var(--ep-primary);box-shadow:0 0 0 2px var(--ep-primary-light);outline:none}.page-nav__info{color:var(--ep-muted);align-items:center;gap:4px;font-size:13px;display:flex}.format-tabs{background:var(--ep-surface2);border:1px solid var(--ep-border);border-radius:var(--ep-radius);gap:2px;padding:3px;display:flex}.format-tabs__tab{border-radius:var(--ep-radius-xs);color:var(--ep-muted);cursor:pointer;letter-spacing:.02em;background:0 0;border:1px solid #0000;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.format-tabs__tab--active{background:var(--ep-bg);color:var(--ep-fg);border-color:var(--ep-border);box-shadow:var(--ep-shadow)}.format-tabs__tab:hover:not(.format-tabs__tab--active){color:var(--ep-fg)}.format-tabs__tab--loading{padding-right:22px;position:relative}@keyframes ep-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.format-tabs__tab--loading:after{content:"";background:var(--ep-primary);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite ep-pulse;position:absolute;top:50%;right:7px;translate:0 -50%}.output-viewer{flex-direction:column;height:100%;display:flex;position:relative}@keyframes ep-render-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.output-viewer__render-progress{opacity:0;background:0 0;flex-shrink:0;height:2px;transition:opacity .15s;overflow:hidden}.output-viewer__render-progress--active{opacity:1;background:linear-gradient(90deg, var(--ep-surface) 0%, var(--ep-primary) 35%, var(--ep-primary-hover) 50%, var(--ep-primary) 65%, var(--ep-surface) 100%);background-size:250% 100%;animation:1.3s ease-in-out infinite ep-render-shimmer}.output-viewer__actions{border-bottom:1px solid var(--ep-border);background:var(--ep-surface);flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.output-viewer__btn{border:1px solid var(--ep-border);border-radius:var(--ep-radius);background:var(--ep-bg);color:var(--ep-fg);cursor:pointer;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .15s,background .15s}.output-viewer__btn:hover{border-color:var(--ep-primary);background:var(--ep-primary-light)}.output-viewer__code{flex:1;min-height:0;overflow:auto}.output-viewer__code .cm-editor{height:100%;font-size:13px;font-family:var(--ep-font-mono)}.output-viewer__rendered{will-change:opacity;flex:1;padding:20px 24px;font-size:14px;line-height:1.7;transition:opacity .18s;overflow:auto}.output-viewer__rendered--loading{opacity:.45;pointer-events:none}.output-viewer__rendered>*{content-visibility:auto;contain-intrinsic-size:auto 2em}.output-viewer__rendered h1,.output-viewer__rendered h2,.output-viewer__rendered h3{margin:1em 0 .4em;font-weight:700;line-height:1.3}.output-viewer__rendered h1{font-size:1.5em}.output-viewer__rendered h2{font-size:1.25em}.output-viewer__rendered h3{font-size:1.1em}.output-viewer__rendered p{margin:0 0 .75em}.output-viewer__rendered table{border-collapse:collapse;width:100%;margin:1em 0;font-size:13px}.output-viewer__rendered th,.output-viewer__rendered td{border:1px solid var(--ep-border);text-align:left;padding:7px 12px}.output-viewer__rendered th{background:var(--ep-surface);font-weight:600}.output-viewer__rendered pre{background:var(--ep-surface);border:1px solid var(--ep-border);border-radius:var(--ep-radius);font-family:var(--ep-font-mono);margin:.75em 0;padding:14px 16px;font-size:13px;line-height:1.5;overflow-x:auto}.output-viewer__rendered code{font-family:var(--ep-font-mono);background:var(--ep-surface);border:1px solid var(--ep-border);border-radius:3px;padding:1px 5px;font-size:.875em}.output-viewer__rendered pre code{background:0 0;border:none;padding:0}@keyframes ep-spin{to{transform:rotate(360deg)}}.output-viewer__loading{z-index:20;background:var(--ep-surface);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid var(--ep-border);border-top-color:var(--ep-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite ep-spin}.loading-text{color:var(--ep-muted);letter-spacing:.01em;font-size:13px;font-weight:500}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--ep-radius);background:var(--ep-surface);border:1px solid var(--ep-border);box-shadow:var(--ep-shadow-md);pointer-events:all;align-items:flex-start;gap:10px;padding:11px 16px;font-size:13px;line-height:1.5;animation:.2s ease-out ep-toast-in;display:flex}.toast--error{border-color:var(--ep-error);background:var(--ep-error-bg)}.toast--info{border-color:var(--ep-primary)}.toast__close{color:var(--ep-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0;font-size:18px;line-height:1;transition:color .15s}.toast__close:hover{color:var(--ep-fg)}@keyframes ep-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.drag-over:after{content:"Drop your PDF here";border:3px dashed var(--ep-primary);color:var(--ep-primary);z-index:999;pointer-events:none;backdrop-filter:blur(2px);background:#2563eb1a;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:fixed;inset:0}.legend{border-top:1px solid var(--ep-border);background:var(--ep-surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:7px 12px;display:flex}.legend__title{text-transform:uppercase;letter-spacing:.07em;color:var(--ep-muted);flex-shrink:0;margin-right:4px;font-size:10px;font-weight:700}.legend__chip{border:1px solid var(--ep-border);color:var(--ep-muted);cursor:pointer;user-select:none;background:0 0;border-radius:9999px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-family:inherit;font-size:11px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.legend__chip:before{content:"";background:var(--chip-color,var(--ep-muted));opacity:.5;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:opacity .15s;display:inline-block}.legend__chip--active{color:var(--ep-fg);border-color:var(--chip-color,var(--ep-border));background:0 0}.legend__chip--active:before{opacity:1}.legend__chip:hover{color:var(--ep-fg);border-color:var(--chip-color,var(--ep-primary))}@media (width<=768px){.split-pane{flex-direction:column}.split-pane__left,.split-pane__right{height:50%;width:100%!important}.split-pane__handle{cursor:row-resize;width:100%;height:5px}.toolbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.toolbar__actions{flex-wrap:wrap;gap:4px}.toolbar__divider{display:none}.format-tabs{order:10;width:100%}.format-tabs__tab{text-align:center;flex:1}.pdf-viewer__drop-zone-inner{padding:36px 24px}.drop-zone__icon{width:40px;height:40px}}:focus-visible{outline:2px solid var(--ep-primary);outline-offset:2px;border-radius:3px}.cm-editor.cm-focused{outline:none}