: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}#dir .item>div{min-width:0;overflow-wrap:anywhere}#dir .item>span{flex-shrink:0;white-space:nowrap}.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:2px;right:2px;padding:6px 10px;color:gray;cursor:pointer}#preview{display:none;position:fixed;top:0;left:0;z-index:15;height:100vh;height:100dvh;width:100vw;background:#212121}.preview-bar{position:absolute;top:12px;right:12px;display:flex;gap:4px}.preview-bar button{all:unset;padding:8px 12px;color:#aaa;cursor:pointer}.preview-bar button[hidden]{display:none}.wrapImgPreview{box-sizing:border-box;width:100%;height:100%;padding:60px 20px 20px;text-align:center}#imgPreview{max-width:100%;max-height:100%;margin:0 auto}#textPreview{max-width:100%;max-height:100%;margin:0 auto;overflow:auto;text-align:left;color:#e5e7eb}#dir .item a{cursor:pointer;margin-left:4px;text-decoration:none}.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;background:#242424d9;border-radius:.25rem;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}#generate_btn:disabled{opacity:.5;cursor:wait}#status{margin-top:.5rem;color:gray}.hint{margin-top:.5rem;font-size:.8rem;color:gray}.hint a{color:#5f9ea0}#job{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}#results{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:10px}#results figure{margin:0;cursor:pointer}#results img{width:100%;height:200px;object-fit:contain;background:repeating-conic-gradient(#3a3a3a 0% 25%,#2e2e2e 0% 50%) 50% / 16px 16px}#results figcaption{font-size:.75rem;color:gray;overflow-wrap:anywhere}@media (max-width: 640px){#app{box-sizing:border-box;padding:.5rem .25rem}#action{display:none;top:10px;right:10px;max-width:calc(100% - 20px)}#showActionBtn{top:10px;right:10px;padding:.4rem .75rem;border:1px solid #555}#dir{max-height:calc(100dvh - 90px)}#job{font-size:16px;height:55dvh;white-space:pre;overflow-wrap:normal;overflow-x:auto}.qr-btn{font-size:.9rem;padding:.4rem .7rem}#generate_btn{padding:.5rem 1.5rem}#results{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}#results img{height:160px}}@media (pointer: coarse){.drop-hint{display:none}#dir .item{min-height:40px}#dir .item a{padding:8px 10px}}