*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color-scheme:dark;font-size:14px}body{margin:0;background:#141317;color:#f5f1ed;overflow:hidden;width:100vw;height:100vh}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #e7b764;outline-offset:-3px}.menubar{width:100%;height:45px;display:flex;background:#30282f;border-bottom:1px solid #4e3a47;position:relative;z-index:20}.menubar>button{flex:1;border:0;border-right:1px solid #51424b;padding:10px 5px;background:0;color:#f5f1ed;font-size:12px}.menubar>button:hover{background:#492d3b}.menubar>button:last-child{color:#e7b764;font-weight:bold}.video{display:none}#media{height:calc(100vh - 45px);display:flex;align-items:center;justify-content:center}.canvas{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:calc(100vh - 45px);object-fit:contain}.play{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#e7b764;border:0;padding:16px 30px;color:#241b15;font-weight:bold;z-index:5}.status{position:fixed;top:calc(50% + 55px);left:5%;width:90%;text-align:center;font-size:14px;z-index:4;text-shadow:1px 1px 3px #000;overflow-wrap:anywhere;pointer-events:none}.loader{position:fixed;top:calc(50% - 25px);left:calc(50% - 25px);height:50px;width:50px;border:2px solid #4b3d46;border-top-color:#e7b764;border-radius:50%;animation:spin 1s linear infinite;z-index:6}@keyframes spin{to{transform:rotate(360deg)}}.log{position:fixed;bottom:0;left:0;right:0;font-size:9px;line-height:1.4;padding:5px 10px;color:#cfc5ce;background:#141317d9;pointer-events:none;z-index:3;overflow-wrap:anywhere}.hint{display:none}.samples-container{position:absolute;top:45px;left:0;right:0;bottom:0;display:none;text-align:center;overflow:auto}.thumbnail{max-width:100%;max-height:calc(100vh - 70px);width:auto!important;height:auto!important;object-fit:contain;margin:auto}.compare-image{position:absolute;top:55px;left:10px;display:none;background:#141317;width:200px;z-index:4}.results{position:absolute;left:0;top:45px;bottom:0;background:#211e24;width:min(320px,100%);font-size:11px;overflow:auto;display:none;z-index:10}.json-line{margin:4px 0;display:flex}.json{margin:0 8px}.json-type,.json-boolean{color:#e7b764}.json-key{color:#fff}.json-index{color:#e394a5}.json-value{margin-left:20px}.json-number{color:#a1d5ad}.json-string{color:#adcced}.json-size{color:#aaa}.hide{display:none}.fas{display:inline-block;width:0;height:0;border-style:solid}.fa-caret-down{border-width:10px 8px 0;border-color:white transparent}.fa-caret-right{border-width:10px 0 8px 10px;border-color:transparent transparent transparent white}.menu{max-width:calc(100vw - 10px);max-height:calc(100vh - 50px);overflow:auto;box-shadow:0 10px 20px #0005;z-index:30!important}.menu-item{font-size:12px}.menu-container-fadein{overflow:visible!important}.menu-list-item{max-width:160px}.input-file{max-width:170px}.bench{position:absolute;right:0;bottom:0}@media(max-width:600px){.menu{left:5px!important;right:auto!important}.log{font-size:8px}.menubar>button{font-size:11px}}@media(prefers-reduced-motion:reduce){.loader{animation:none;border-color:#e7b764}}