: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}body{margin:0;display:flex;place-items:center}button{background:none;border:none;padding:.2rem .5rem;font:inherit;color:#000;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}#app{width:100%;padding:1rem 2rem}#action{position:fixed;top:20px;right:20px;z-index:10;background:#fff;padding:5px;min-width:200px;max-width:calc(100% - 40px)}#showActionBtn{position:fixed;top:20px;right:20px;z-index:10}#dir{overflow:auto;height:100%;max-height:calc(100vh - 100px);padding:0 5px 20px;display:grid}#dir .item{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px}#dir .item a{padding-top:3px}.item.file{color:#212121}.item:hover{background-color:#f5f5f5}[data-file]{cursor:pointer}.item.dir{color:#5f9ea0}.subdir{padding-left:10px}#closeBtn{all:unset;position:absolute;top:5px;right:10px;color:gray;cursor:pointer}#preview{display:none;position:fixed;top:0;left:0;z-index:15;height:100vh;width:100vw;background:#212121}#closePreviewBtn{all:unset;position:absolute;top:20px;right:20px;color:#aaa;cursor:pointer}.wrapImgPreview{width:100%;height:100%;padding:40px;text-align:center}#imgPreview{max-width:calc(100% - 40px);max-height:calc(100% - 40px);margin:0 auto}#iframePreview{width:100%;height:100%;max-width:calc(100% - 40px);max-height:calc(100% - 40px);margin:0 auto;border:none}.dirDownload{cursor:pointer}.qr-title{font-size:1.25rem;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.desc{text-align:center}.section-title{font-size:1rem;font-weight:700;text-align:center;margin-bottom:.5rem}.wrap-main{display:flex;width:100%;justify-content:center;flex-wrap:wrap;gap:1rem}textarea{resize:vertical}.qr-btn-group{display:flex;gap:.3rem;margin-bottom:.5rem;flex-wrap:wrap}.qr-btn{margin-top:.5rem;display:block;background-color:#e5e7eb;color:#18181b;font-weight:700;font-size:.8rem;padding:.2rem .3rem;border:none;border-radius:.25rem;cursor:pointer;word-break:keep-all}.qr-log-wrap{max-height:32rem;overflow:auto}.qr-action-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:lighter}.qr-upload-btn{background-color:#52525b;color:#f1f5f9;border:1px solid #d1d5db;border-radius:.25rem;font-weight:500;font-size:.875rem;padding:.25rem .75rem;cursor:pointer}#generate_btn{font-size:large;background-color:#faebd7;padding:.2rem 1rem}