::-webkit-scrollbar{height:5px;width:5px;background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:6px;transition:background .5s ease}:hover::-webkit-scrollbar-thumb{background:#fff6;transition:background .5s ease}.hidden{display:none!important;visibility:hidden;opacity:0;transition:all .3s ease}.modal-close{cursor:pointer;font-size:30px;margin-inline-end:15px}#imagePreview button{margin-block:5px 45px}button .bi{margin-inline-end:3px;font-size:16px}.media-btn,.mode-btn,.upload-btn{display:flex;align-items:center;margin:10px;padding:10px 18px;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(133,133,133,.356)}.media-modal,.modal-backdrop{visibility:hidden;opacity:0;transition:all .3s ease;pointer-events:none;display:none}.media-modal.show,.modal-backdrop.show{display:block;visibility:visible;opacity:1;pointer-events:auto}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;z-index:999}.media-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:90vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;z-index:1000;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(58,58,58,.281);background:#ffffffd9}.modal-header{padding:0 15px;display:flex;justify-content:space-between;align-items:center;color:#313131;border-bottom:solid 1px #ababab2b}.modal-body{display:flex;flex-direction:column;height:calc(90vh - 60px);position:relative}.modal-body .columns-wrapper{flex:1;display:flex;gap:10px;padding:0 10px;height:calc(90vh - 90px)}.columns-wrapper .col{display:flex;flex-direction:column;height:calc(90vh - 130px);overflow:hidden;border-radius:10px;padding:10px;border:1px solid rgba(58,58,58,.281)}.code-snippet{background:#1e1e1e;color:#dcdcdc;padding:12px 16px;border-radius:8px;font-family:Courier New,monospace;position:relative;margin-bottom:12px;overflow-x:hidden}.code-snippet code{white-space:pre;width:calc(100% - 30px);overflow-x:auto;display:block;padding-bottom:8px}.code-snippet.copied{border:1px solid #00ff7f;animation:rotate-border 1s ease-in-out}@keyframes rotate-border{0%{box-shadow:0 0 #00ff7f33}50%{box-shadow:0 0 8px 2px #00ff7f99}to{box-shadow:0 0 #00ff7f00}}.copy-msg{display:flex;align-items:center;gap:6px;font-size:12px;color:#00ff7f;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease;margin-top:8px}.copy-msg.show{opacity:1;transform:translateY(0)}.copy-icon{position:absolute;top:10px;right:12px;color:#8ab4f8;cursor:pointer;font-size:1.1rem}.copy-icon:hover{color:#fff}.btn-block{display:block;width:100%;margin:8px 0;padding:10px 16px;border:none;border-radius:8px;background:#85858533;color:#353535;font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:background .2s}.btn-block:hover{background:#fff3}.breadcrumbs{width:100%;margin:10px 16px;font-size:13px;color:#ccc}.breadcrumbs span{cursor:pointer;color:#0af}.breadcrumbs span:hover{text-decoration:underline}.breadcrumbs .sep{margin:0 4px}.folder-tree{color:#313131;width:25%}#previewCol{width:45%;display:flex;flex-direction:column;gap:10px;height:calc(90vh - 130px)}.empty-preview{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#74747480;text-align:center;font-size:1.2rem;gap:12px}.empty-preview i{font-size:3rem;opacity:.4}.col.preview{width:30%}.preview-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#61616180;text-align:center;font-size:1.2rem;gap:12px}.preview-empty i{font-size:3rem;opacity:.4}.preview-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.1rem;font-weight:500;color:#3f3f3f;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px;word-break:break-all}.folder-tree ul{list-style:none;padding-left:12px;transition:all .25s ease}.home-folder{margin-top:5px;cursor:pointer;padding-inline-start:13px}ul.folder-tree-parrent{margin-block:0;overflow:auto}.folder-tree li{position:relative;margin:6px 0 0;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.active-folder{background:#ffffff15;border-radius:6px}.folder-label{display:flex;align-items:center;gap:6px}.folder-label .caret{transition:transform .2s ease;width:16.8px}.folder-label .bi-folder{width:14px}.folder-label span{width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-label .caret.rotate{transform:rotate(90deg);transition:transform .2s ease}.file-icon{font-size:48px;color:#fff6;display:block;margin:auto;padding:12px}.bi-file-earmark-word{color:#0078d7!important}.bi-file-earmark-pdf{color:#d93831!important}.bi-file-earmark-excel{color:#2a965b!important}.bi-file-earmark-zip{color:gold!important}.bi-file-earmark-play{color:#6c3483!important}.bi-gear{color:teal!important}.thumb-filename{font-size:11px;text-align:center;color:#49494999;padding:0 4px;overflow:hidden;text-overflow:ellipsis;height:35px}.thumb-grid{flex:1;overflow-y:auto;padding:5px;display:flex;flex-wrap:wrap;gap:10px;height:50%;border:1px solid rgba(133,133,133,.356);border-radius:10px;justify-content:start}.thumb{position:relative;width:80px;height:120px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer}.thumb:hover{background:#e5e5e524}.thumb.selected{border-color:#4e54c8}.thumb img{width:100%;height:80px;border-radius:5px;object-fit:cover}.thumb .actions{position:absolute;top:5px;right:5px;display:flex;gap:5px;opacity:0;transition:.3s}.thumb:hover .actions{opacity:1}.thumbnail-wrapper{position:relative;width:100px;height:100px;background:#ffffff0f;border-radius:6px;overflow:hidden}.thumbnail-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff26,#ffffff0f 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.thumbnail-wrapper img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}.thumb .actions i{background:#0009;color:#fff;padding:5px;border-radius:4px;cursor:pointer}.code-block{background:#1e1e1e;color:#eaeaea;padding:10px;border-radius:8px;font-family:monospace;position:relative;margin-bottom:10px}.code-block button.copy-code{position:absolute;top:5px;right:10px;background:0 0;border:none;color:#8ab4f8;cursor:pointer}.thumb-grid.dragover{background:#ffffff1a;border-color:#4e54c8}.drop-zone{border:2px dashed rgba(94,94,94,.2);border-radius:10px;padding:5px 10px;text-align:center;transition:.3s;position:relative;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:center}.drop-zone.dragover{border-color:#4e54c8;background:#ffffff0d}.drop-zone .upload-btn{margin:0 auto;display:inline-block}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000000a6;z-index:9999;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-modal.show{opacity:1;pointer-events:all}.image-modal.hidden{display:none}.image-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;gap:10px;animation:fadeIn .3s ease-out}.image-modal-close{position:absolute;top:-25px;right:-25px;font-size:28px;color:#fff;cursor:pointer}.image-modal-nav{display:flex;align-items:center;gap:10px}.image-modal-nav img{max-height:75vh;max-width:80vw;border-radius:10px;box-shadow:0 0 25px #ffffff26}.nav-left,.nav-right{font-size:2.2rem;color:#fff;cursor:pointer;transition:transform .2s ease}.nav-left:hover,.nav-right:hover{transform:scale(1.1)}.image-modal-thumbs{display:flex;gap:6px;max-width:80vw;overflow-x:auto;padding:5px 0}.modal-thumb{width:60px;height:40px;object-fit:cover;border-radius:4px;cursor:pointer;opacity:.6;transition:transform .2s}.modal-thumb.active{outline:2px solid #00ff9d;opacity:1}.modal-thumb:hover{transform:scale(1.05);opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}#media-loader{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#cccccca2;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease;pointer-events:none;opacity:0}#media-loader.show-loader{opacity:1;pointer-events:auto}#media-loader.hide-loader{opacity:0;pointer-events:none}.loader-text{font-size:16px;font-weight:500;text-shadow:0 0 8px rgba(102,102,102,.3);display:flex;align-items:center}.loader-text .dot{animation:fadeIn 1.4s infinite;display:inline-block;margin-left:3px}.loader-text .dot:nth-child(2){animation-delay:.2s}.loader-text .dot:nth-child(3){animation-delay:.4s}.loader-text .dot:nth-child(4){animation-delay:.6s}@keyframes bounce{0%,to,80%{transform:translateY(0)}40%{transform:translateY(-8px)}}.loading-in-btn .ant-spinner-dot{width:8px;height:8px}.loading-in-btn.ant-spinner-wrapper{width:18px;height:18px;display:inline-flex;margin-bottom:0;margin-right:10px}.ant-spinner-wrapper{position:relative;width:32px;height:32px;margin-bottom:20px;animation:ant-spin-rotate 1.2s linear infinite}.ant-spinner-dot{width:10px;height:10px;background:#fff;border-radius:50%;position:absolute;opacity:.3;animation:ant-spin-dot-fade 1.2s infinite ease-in-out}.ant-dot-1{top:0;left:0;animation-delay:0s}.ant-dot-2{top:0;right:0;animation-delay:.3s}.ant-dot-3{bottom:0;right:0;animation-delay:.6s}.ant-dot-4{bottom:0;left:0;animation-delay:.9s}@keyframes ant-spin-rotate{to{transform:rotate(360deg)}}@keyframes ant-spin-dot-fade{0%,to{opacity:.3}50%{opacity:1}}.upload-wrapper{max-height:0;overflow:hidden;transition:max-height .4s ease}.upload-wrapper.show-upload{max-height:180px;width:100%}.upload-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px;overflow-y:auto;height:100%}.upload-result,.upload-skeleton{width:50px;height:50px;background:#ffffff0f;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.upload-result .file-icon{font-size:30px;color:#4d4d4d66}.upload-skeleton .file-info{font-size:.7rem;text-align:center;padding:4px;color:#53535366;width:100%;overflow:hidden;text-overflow:ellipsis}.upload-skeleton .progress-bar{width:80%;height:6px;margin-top:8px;background:#ffffff1a;border-radius:3px;overflow:hidden}.upload-skeleton .progress-bar .bar{height:100%;width:100%;background:linear-gradient(to right,#4facfe,#00f2fe);animation:progressShine 1.5s linear infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-result img{width:100%;height:100%;object-fit:cover;border-radius:6px}.success-icon{position:absolute;bottom:6px;right:6px;color:#4caf50;font-size:1.2rem}.thumb-search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.thumb-search-input::-ms-clear{display:none;width:0;height:0}.thumb-search-wrapper{display:flex;align-items:center;position:relative}.thumb-search-input{width:100%;padding:8px 34px 8px 32px;border:none;border-radius:6px;font-size:.9rem;background:#ffffff80;color:#5e5e5e;outline:0}.thumb-search-input:active,.thumb-search-input:focus,.thumb-search-input:hover{background:#fff}.thumb-search-input::placeholder{color:#68686866}.clear-search,.trigger-search{position:absolute;font-size:.9rem;color:#31313180;cursor:pointer;transition:color .2s ease}.clear-search:hover,.trigger-search:hover{color:#313131}.clear-search{right:12px}.trigger-search{left:12px}.lightbox-skeleton{width:50vw;height:60vh;min-width:300px;min-height:400px;margin:auto;border-radius:8px;background:#ffffff0d;animation:pulse 1.2s infinite}@keyframes pulse{0%{background-color:#ffffff0a}50%{background-color:#ffffff26}to{background-color:#ffffff0a}}.lightbox-modal img.lightbox-image{max-width:80%;max-height:80%;display:block;margin:auto;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:10000}.custom-modal{overflow:hidden;position:relative;width:400px;min-height:150px;background:#f0f0f0f2;padding:20px 20px 40px;border-radius:8px;color:#2e2e2e;text-align:center;animation:fadeIn .3s ease}.custom-modal h3{margin-block:20px 5px}.custom-input-container{position:relative}.custom-input-container .bi{position:absolute;top:50%;left:5px;transform:translateY(-50%)}.custom-input{width:calc(85% - 55px);padding:6px 25px 6px 30px;margin-block:30px;border:solid 1px rgba(206,206,206,.295);border-radius:4px;font-size:14px;background:#ffffff7a;color:#2e2e2e;outline:0;transition:all .3s ease}.custom-input:focus,.custom-input:hover{background:#fff;outline:solid 3px #00aaff69;transition:all .3s ease}.custom-modal-actions{display:flex;position:absolute;bottom:0;right:0;width:100%;height:40px;gap:0;flex-direction:row-reverse}.custom-modal button{flex:1;padding:8px;font-weight:700;border:none;border-radius:4px;cursor:pointer}.custom-modal .btn-confirm{border-radius:0;border:solid 1px #0f96da;background-color:#0af;color:#fff}.custom-modal .btn-confirm.deleteBtn{border:solid 1px #ff2121;background-color:#ff3b3b}.custom-modal .btn-confirm.deleteBtn:focus,.custom-modal .btn-confirm.deleteBtn:hover{border:solid 1px #f04c4c;background-color:#cf1212}.custom-modal .btn-confirm:hover{background-color:#5ebcf9;transition:all .5s ease}.custom-modal .btn-cancel{border-radius:0;background-color:#f0f0f0f2;color:#1d1d1d}.custom-modal .btn-cancel:hover{background-color:#c5c5c5;transition:all .5s ease}.media-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) scale(.9);background:#333;color:#fff;padding:10px 16px;border-radius:4px;opacity:0;pointer-events:none;transition:all .3s ease;z-index:9999}.media-toast.success{background:#28a745}.media-toast.error{background:#dc3545}.media-toast.info{background:#17a2b8}.media-toast.show{opacity:1;transform:translate(-50%) scale(1)}.media-manager-container button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:0 .75rem;height:2.25rem!important;min-height:2.25rem!important;margin:0;line-height:1;font-size:.875rem;font-weight:600;color:#fff;background:var(--admin-button-color, #d97706);border-radius:.5rem;border:none;outline:none;grid-auto-flow:column;transition:all 75ms ease-in-out;box-shadow:0 1px 2px #0000000d}.media-manager-container button:hover{background-color:var(--admin-button-color-hover, var(--color-orange_custom-600, #d97706))}.media-manager-container button:focus-visible{box-shadow:0 1px 2px #0000000d,0 0 0 2px var(--admin-button-ring, rgba(217, 119, 6, .35))}