html,body,#root{height:100vh;width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}html{overflow:hidden}body{margin:0}.fixed-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:-webkit-fill-available;height:-webkit-fill-available;z-index:-1;filter:blur(100px) brightness(.2)}.msg{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:1rem;width:100%;height:100%;padding:20px 40px;font-size:1rem;font-weight:700;color:#fff;-webkit-background-clip:text;background-clip:text}#root{display:flex;flex-direction:column}: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:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.demo-wrapper{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto;border-right:1px solid #242424;border-left:1px solid #242424;background-color:#000}.demo-wrapper:last-child{padding-bottom:2rem}.dropzone{cursor:pointer;border:1px dashed #444;padding:3rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.lock{background-color:#d6474717;color:#9c2c2c!important;border-color:#9c2c2c!important;border-radius:8px}.lock:hover{background-color:#d6474717!important}.dropzone:hover{border-color:#555;cursor:pointer;background-color:#080808}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dropzone-para{font-size:.75rem;color:#777}.dropzone.dragging{border-color:#666;background-color:#ffffff0d}.dropzone.dragging .dropzone-content{opacity:.7}.preview-Image{width:100%;height:100%;object-fit:contain;border-radius:8px}.upload-container{display:flex;flex-direction:column;align-items:center;width:100%}.upload-icon{width:1.5rem;height:1.5rem}.hidden-input{display:none}.size-sm{font-size:.875rem}.size-md{font-size:1rem}.size-lg{font-size:1.125rem}.radius-none{border-radius:0}.radius-sm{border-radius:.25rem}.radius-md{border-radius:.375rem}.radius-lg{border-radius:.5rem}.radius-full{border-radius:9999px}.demo-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:2rem;width:100%;max-width:800px}.upload-section{display:flex;flex-direction:column;gap:1rem;width:100%;padding:40px;border-bottom:1px solid #242424}.upload-header{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;font-size:1.5rem;font-weight:700}.upload-title{font-size:1.5rem;font-weight:700;color:#fff}.config-textarea{width:95%;height:96px;padding:.5rem;font-family:monospace;font-size:1.125rem}button{padding:.5rem 1rem;font-size:1rem;border:1px solid #444;border-radius:.5rem;cursor:pointer;background-color:transparent;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background-color:#242424}.dialog-overlay{background-color:#000000c2;position:fixed;inset:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.dialog-content{background-color:#000;border-radius:12px;box-shadow:0 10px 25px #0003;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:85vh;padding:1.5rem;animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.dialog-title{font-size:1.5rem;font-weight:500;margin-bottom:1rem;color:#000}.config-textarea{width:-webkit-fill-available;height:300px;margin-bottom:1rem;font-family:monospace;font-size:.875rem;padding:1rem;border:1px solid #ccc;border-radius:8px;resize:vertical;background-color:#111}.dialog-footer{display:flex;justify-content:flex-end;gap:1rem}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-color-scheme: dark){.dialog-content{background-color:#000;border:1px solid #404040}.dialog-title{color:#ddd;font-size:1rem;font-weight:700}.config-textarea{width:100%;background-color:#121212;color:#bbb;border:none}}.upload-container{display:flex;flex-direction:column;gap:1rem;width:100%}.uploaded-files{display:flex;flex-direction:column;gap:.5rem;width:100%}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;border:1px solid #242424;transition:background-color .2s}.file-item:hover{background-color:#111}.file-info{display:flex;flex-direction:row;align-items:center;gap:1rem}.file-info img{width:80px;height:40px;object-fit:cover;border-radius:4px}.file-name{font-weight:500}.file-size{font-size:.875rem;color:#888}.remove-file{padding:.5rem;background:none;border:none;color:#888;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-file:hover{background-color:#ffffff1a;color:#f44}@media (prefers-color-scheme: light){.file-item{background-color:#0000000d}.file-item:hover{background-color:#00000014}.file-size,.remove-file{color:#666}.remove-file:hover{background-color:#0000001a}}.upload-container.single-image-upload{width:100%;display:flex;flex-direction:column;gap:1rem}.single-image-preview{position:relative;padding:16px;border:1px solid #333;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;width:100%}.preview-thumbnail{width:100%;height:186px;border-radius:8px;object-fit:cover}.image-meta{margin-top:10px;font-size:14px;color:#ccc}.image-actions{display:flex;gap:4px;margin-top:12px;justify-content:center;position:absolute;top:12px;right:24px}.preview-button,.remove-button{background:#2e2e2e;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .2s ease}.preview-button:hover,.remove-button:hover{background:#444}.single-image-dropzone{cursor:pointer;border:2px dashed #666;padding:40px;text-align:center;border-radius:8px;transition:all .2s ease}.single-image-dropzone:hover{background-color:#1a1a1a;border-color:#888}.upload-icon{font-size:24px;margin-bottom:8px}.upload-text{font-size:16px;font-weight:500;margin-bottom:6px}.dropzone-para{font-size:13px;color:#aaa}.error-message{color:#ff5c5c;font-size:13px;margin-top:6px}.preview-singleMaxImage{max-width:90vw;max-height:80vh;object-fit:contain;margin-bottom:1rem}.uploaded-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;width:100%;margin-top:1rem}.grid-item{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s ease}.grid-image{width:100%;height:100%;object-fit:cover}.grid-item:hover{scale:1.1}.grid-item .remove-file{position:absolute;top:.5rem;right:.5rem;background:#00000080;border-radius:50%;padding:.25rem;color:#fff;opacity:0;transition:opacity .2s}.grid-item:hover .remove-file{opacity:1;background-color:#000}.error-message{color:#f44;font-size:.875rem;margin-top:.5rem}.mixed-files{position:relative;display:flex;flex-direction:row;gap:1rem;width:100%}.mixed-files .file-info{display:flex;flex-direction:column;align-items:start;gap:.25rem;width:180px;position:relative;border:1px solid #444;border-radius:8px}.mixed-files .file-info img{object-fit:cover;width:100%;height:200px}.mixed-files .remove-file{position:absolute;top:-10px;right:-10px;background:#000;filter:invert(100%);border-radius:50%;padding:.25rem;color:#fff}