:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh;display:flex;justify-content:space-evenly}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 #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin:.2em}button:hover,button.active-mode{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}canvas{margin-top:10px;max-width:100%}#drawer{padding:1em}.page-navigation{display:flex;align-items:center;justify-content:space-between;margin:10px 0;padding:5px 10px;background-color:#1a1a1a;border-radius:4px}.page-number-input{width:40px;text-align:center;margin:0 5px;padding:4px;border-radius:3px;border:none}.page-nav-button{background-color:#4caf50;color:#fff;border:none;border-radius:3px;padding:5px 10px;margin:0 5px;cursor:pointer;font-weight:700}.page-nav-button:disabled{background-color:#ccc;cursor:not-allowed}.total-pages{margin:0 5px}.dropdown-content{transition:max-height .3s ease-out;max-height:0;overflow:hidden}.dropdown-content.show{max-height:300px}.dropdown-button{transition:background-color .2s}.field-button{transition:background-color .1s}.font-selection{margin:15px 0;padding:10px;background-color:#f1f1f1;border-radius:5px;box-shadow:0 1px 3px #0000001a}.font-dropdown{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:14px;cursor:pointer}.font-dropdown:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.font-label{display:block;margin-bottom:5px;font-weight:700;font-size:14px;color:#333}.font-arial{font-family:Arial,sans-serif}.font-times{font-family:Times New Roman,Times,serif}.font-courier{font-family:Courier New,Courier,monospace}.font-helvetica{font-family:Helvetica,Arial,sans-serif}.font-verdana{font-family:Verdana,Geneva,sans-serif}.font-georgia{font-family:Georgia,serif}.font-trebuchet{font-family:Trebuchet MS,sans-serif}.font-segoe{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.grid-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.snap-toggle-button{background-color:#4caf50;color:#fff;transition:background-color .3s}.snap-toggle-button.disabled{background-color:#f44336}.grid-size-controls{display:flex;align-items:center;margin-top:5px}.grid-size-label{margin-right:10px;font-size:.9em}.grid-size-input{width:50px;text-align:center;margin-right:5px;padding:3px;border-radius:3px;border:1px solid #ccc}.snapping{transition:transform .1s ease-out}.download-button,.send-pdf-button{width:100%;margin-top:20px}
