:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;--color-bg: #242424;--color-text: rgba(255, 255, 255, .87);--color-text-muted: #888;--button-bg: #1a1a1a;--button-hover-border: #646cff;--button-disabled-opacity: .5;--link-color: #646cff;--link-hover-color: #535bf2;--input-bg-color: #1a1a1a;--input-text-color: #efefef;--input-border-color: #555;--pdf-container-bg: #2d2d2d;--pdf-container-border: #333;--pdf-loading-bg: rgba(45, 45, 45, .9);--pdf-loading-text: #efefef;--loader-border: #333;--loader-accent: #3498db}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text)}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:var(--color-text-muted)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--color-text);cursor:pointer;transition:border-color .25s,opacity .25s}button:hover:not(:disabled){border-color:var(--button-hover-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:var(--button-disabled-opacity);cursor:not-allowed}#main{margin:auto;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center}#pdf-viewer-container{width:100%;height:70vh;margin:20px 0;display:flex;justify-content:center;align-items:center}#pdf-container{width:100%;height:100%;max-width:95vw;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:var(--pdf-container-bg);border:1px solid var(--pdf-container-border);border-radius:4px}#pdf-canvas{max-width:100%;max-height:100%;object-fit:contain}#pdf-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--pdf-loading-bg);color:var(--pdf-loading-text);z-index:10}.loader{border:5px solid var(--loader-border);border-top:5px solid var(--loader-accent);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#page-info{font-size:14px;min-width:100px;text-align:center;color:var(--color-text)}#page-input,#export-quality{padding:5px 8px;border-radius:4px;border:1px solid var(--input-border-color);font-size:14px;background-color:var(--input-bg-color);color:var(--input-text-color)}#page-input:disabled,#export-quality:disabled{opacity:var(--button-disabled-opacity);cursor:not-allowed}#export-canvas{position:absolute;left:-9999px;visibility:hidden}@media (prefers-color-scheme: light){:root{--color-bg: #ffffff;--color-text: #213547;--color-text-muted: #666;--button-bg: #f9f9f9;--button-hover-border: #747bff;--link-color: #646cff;--link-hover-color: #747bff;--input-bg-color: #ffffff;--input-text-color: #213547;--input-border-color: #ccc;--pdf-container-bg: #f5f5f5;--pdf-container-border: #ddd;--pdf-loading-bg: rgba(245, 245, 245, .9);--pdf-loading-text: #333;--loader-border: #f3f3f3;--loader-accent: #3498db}}