.viewer-drop{text-align:center;border:1px dashed #d4d5e3;border-radius:8px;background-image:linear-gradient(45deg,rgb(74 105 189 / .02) 25%,transparent 25%,transparent 50%,rgb(74 105 189 / .02) 50%,rgb(74 105 189 / .02) 75%,transparent 75%,transparent);background-size:40px 40px;height:320px}.drop-center button img{width:40px;height:40px}.viewer-file-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.meta-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.meta-search-wrap{position:relative;display:inline-flex;align-items:center}.meta-search-icon{position:absolute;right:12px;top:8px;color:#9aa0a6;pointer-events:none}button#meta-expand{margin:0;padding:0 15px;height:40px;width:120px;text-transform:capitalize;font-size:15px;background:#fff;color:#0075db;border:1px solid #0075db;border-radius:8px}#meta-search{padding:8px 15px;min-width:280px;margin:0;box-shadow:none;border-radius:8px}.viewer-file-tab{padding:6px 12px;background:#f3f4f6;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:13px;transition:all 0.15s ease}.meta-summary div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.meta-summary{display:grid;grid-template-columns:1fr 1fr;gap:5px;box-shadow:0 4px 12px 1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);border-radius:8px;padding:20px;margin:20px 0 30px}.viewer-file-tab:hover{background:#e5e7eb}.viewer-file-tab.active{background:#0075db;color:#fff;font-weight:500}.viewer-file-tab{display:flex;align-items:center;gap:6px}.viewer-file-tab .tab-name{cursor:pointer}.viewer-file-tab .tab-close{font-size:16px;line-height:1;cursor:pointer;opacity:.6;width:20px;border-radius:99px;background:#86c6ff85;height:20px;display:flex;justify-content:center;align-items:center;margin-left:5px;font-weight:500}.viewer-file-tab .tab-close:hover{opacity:1}.viewer-drop.dragover{background:#eef2ff}.viewer-drop .btn-upload{padding:20px;background:#0075db12;color:#fff;border:none;border-radius:99px;cursor:pointer;margin:0 0 20px 0}.drop-center p{color:#0075db;font-size:14px;margin:0}.drop-center h3{margin:0;font-size:21px}.viewer-url{margin-top:15px;display:flex;gap:10px;flex-direction:column}.viewer-url input{flex:1;padding:8px}.viewer-url button{padding:8px 16px}.drop-inner{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.viewer-queue{width:30%;max-width:280px;background:#f8fafc;border-right:1px dashed #e5e7eb;border-radius:8px 0 0 8px;z-index:6;height:100%}.queue-header{display:flex;align-items:center;font-size:14px;justify-content:space-between;height:40px;border-bottom:1px dashed #e5e7eb}button#viewer-btn-url{margin:0;padding:0 15px;text-transform:capitalize;font-size:14px;height:40px;border-radius:0 8px 8px 0;background:#0075db;color:#fff}input#viewer-url{margin:0;padding:0 10px;border:0;box-shadow:none;border-radius:8px 0 0 8px;font-size:14px}.inputurl{display:flex;border:2px solid #e5e7eb;border-radius:8px;height:40px;align-items:center}button.queue-clear{margin:0;text-transform:capitalize;font-size:14px}.que{display:flex;gap:5px}.queue-header strong{flex:1;margin-left:15px}.queue-clear{border:none;background:none;color:#ef4444;cursor:pointer;font-size:12px}.viewer-files{max-height:200px;overflow-y:auto}.viewer-file-item{padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px;margin-bottom:4px}.viewer-file-item.active{background:#e0e7ff;font-weight:600}.drop-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.drop-center button,.drop-center p{pointer-events:auto}.viewer-file-item.active{background:#eef2ff;font-weight:600}.viewer-files-empty{font-size:13px;color:#6b7280}.viewer-metadata{flex:1}.metadata-empty{color:#6b7280;font-size:14px}.meta-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:15px;overflow:hidden}.meta-header{padding:10px;cursor:pointer;background:#f8fafc;font-weight:600}.meta-body{display:none;padding:0 20px;font-size:14px}.viewer-url p{margin:0;font-size:15px;font-weight:500}.meta-row span.title{color:#4a69bdb3;font-size:13px}.meta-row span.des{color:#1b1464;font-size:15px;font-weight:500}.meta-section.open .meta-body{display:block}.meta-row{padding:10px 0;border-bottom:1px solid #e5e7eb;font-size:14px;display:flex;flex-direction:column}.meta-row:last-child{border-bottom:none}.exif-viewer-main{display:flex;gap:16px}.exif-viewer-files{width:220px;border-right:1px solid #ddd}.bx-info-circle:before{content:"\eb21";padding-right:6px}.viewer-metadata h3{display:flex;align-items:center}.viewer-main{margin-top:30px;border-top:1px solid #eee;padding-top:20px;display:none}.drop-center{padding-top:50px}.viewer-main.active{display:flex}.viewer-file-item{padding:10px;cursor:pointer;margin:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:13px}.drop-center span{color:#4a69bd99;margin-top:15px;font-size:14px}.viewer-file-item:hover{background:#f3f3f3}.viewer-section h4{cursor:pointer;margin:10px 0}.viewer-row{display:flex;gap:10px;font-size:13px}.viewer-drop,.drop-inner,.drop-center,.viewer-url,.viewer-url input{pointer-events:auto}.drop-inner{position:relative}.drop-center{position:relative;z-index:5}.viewer-queue{position:absolute;left:0;top:0}.viewer-queue{display:none}.viewer-file-item{transition:opacity .2s ease}.meta-body{display:none}.meta-section.open .meta-body{display:block}.meta-header{cursor:pointer;background:#f8f9fc;padding:10px 20px;font-weight:600;user-select:none;height:60px;font-size:16px;display:flex;align-items:center}.binary-wrap{margin-top:4px}.binary-content{white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:13px;line-height:1.45}.binary-wrap.collapsed .binary-content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.binary-toggle{margin-top:6px;padding:0;border:none;background:none;color:#4f46e5;font-size:13px;cursor:pointer}div#exif-viewer h2{font-size:32px;margin-bottom:30px;text-align:center}.binary-see{word-break:break-all}