*,*:after,*:before{box-sizing:border-box}html{font-size:16px;text-size-adjust:100%;scrollbar-width:none;-ms-overflow-style:none}@media screen and (min-width: 1920px),print{html{font-size:20px}}@media screen and (min-width: 2560px),print{html{font-size:30px}}html,body{margin:0;width:100%;height:100vh;touch-action:pan-x pan-y}body{display:flex;flex-direction:column;margin:0;color:#fff;font-family:Arial;background-color:#111;overflow:hidden}a{color:#fff;text-decoration:none}h1.seo__title,h2.seo__subtitle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute;opacity:0;pointer-events:none}div.hidden,button.hidden,input.hidden,textarea.hidden{display:none;pointer-events:none}div.before_exit{pointer-events:none}.reusable-elements{display:none}input:focus,textarea:focus,select:focus{outline:none}::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#707070}::placeholder{color:#949494}:input-placeholder{color:#949494}::input-placeholder{color:#949494}button,.button{padding:10px 20px;color:#000;background-color:#fff;border:none;border-radius:5px;cursor:pointer}input,select{padding:10px;width:130px;border:1px solid #ccc;border-radius:5px}.tp-dfwv{z-index:999}.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.canvas-container{display:flex;position:absolute;width:100%;height:100%;justify-content:center;touch-action:none}.canvas-container canvas{width:100%;height:100%}.section{display:grid;position:absolute;z-index:1;width:100%;min-height:100%}.section.hidden{display:none;opacity:0}.container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:fixed;z-index:2;width:100%;height:100%}.component{display:grid;position:absolute;z-index:1}.home{display:flex;flex-direction:column;overflow:hidden scroll;height:100%}.home__header{display:flex;flex-direction:column;margin:1.25rem}.home__header-group{display:flex;gap:1.25rem;align-items:center}.home__file-input{width:12.5rem}.home__content{display:flex;justify-content:center}.home__image-preview{display:flex;flex-direction:column;width:50%}.home__editor-button{margin-bottom:1.25rem}.home__pdf-preview-canvases{display:flex;justify-content:space-between;position:relative;margin:1.25rem;margin-top:0;width:400px}.home__pdf-preview-canvases canvas{width:400px}.home__overlay-canvas{position:absolute;top:0;left:0}.home__screenshot{width:400px;object-fit:contain}.editor{display:flex;flex-direction:column}.editor__header{display:flex;gap:1.25rem;justify-content:center;margin-top:1.25rem;padding:.625rem}.editor__header-group{display:flex;gap:1.25rem;align-items:center}.editor__tags{display:flex;gap:.625rem}.editor__content{display:flex;gap:1.25rem;align-items:center;justify-content:flex-start;height:100vh;overflow:hidden scroll}.editor__iframe{width:95%;min-height:85vh;border:2px solid #ccc;border-radius:12px;box-shadow:0 0 20px #0000001a}.editor__opencv-preview{display:flex;justify-content:space-between;width:45%}.editor__opencv-preview canvas{width:100%;border:2px solid #ccc;border-radius:.75rem;box-shadow:0 0 20px #0000001a}