#spinner-div{justify-content:center}.spinner-div-grid{display:grid}.spinner-div-hidden{display:none}.lds-default{display:inline-block;position:relative;width:80px;height:80px}.lds-default div{position:absolute;width:6px;height:6px;background:#22c55e;border-radius:50%;animation:lds-default 1.2s linear infinite;margin-top:1rem}.lds-default div:first-child{animation-delay:0s;top:37px;left:66px}.lds-default div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.lds-default div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.lds-default div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.lds-default div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.lds-default div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.lds-default div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.lds-default div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.lds-default div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.lds-default div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.lds-default div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.lds-default div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}.folder-container{width:100%}.folder{border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .3s ease;background-color:#f9fafb;border:1px solid #e5e7eb}.dark .folder{background-color:#1f2937;border-color:#374151;box-shadow:0 2px 5px rgba(0,0,0,.3)}.folder-closed{max-height:60px}.folder-open{max-height:2000px}.folder-tab{display:flex;align-items:center;padding:12px 16px;background-color:#f5e1a4;cursor:pointer;transition:background-color .2s ease}.folder-tab:hover{background-color:#f0d78a}.dark .folder-tab{background-color:#374151;border-bottom:1px solid #4b5563}.dark .folder-tab:hover{background-color:#4b5563}.folder-icon{margin-right:12px;display:flex;align-items:center}.folder-name{color:#000;font-weight:700;font-size:1rem;flex:1}.dark .folder-name{color:#fff}.folder-content{max-height:0;overflow:hidden;transition:max-height .35s ease-in-out;background-color:#fff;padding:0 16px}.dark .folder-content{background-color:#1f2937}.folder-content.open{max-height:2000px;padding:16px}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.file-item{flex-direction:column}.file-item,.file-thumbnail{display:flex;align-items:center}.file-thumbnail{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;width:160px;height:120px;justify-content:center;background-color:#f9fafb;transition:transform .2s ease,box-shadow .2s ease}.dark .file-thumbnail{border-color:#4b5563;background-color:#374151}.file-link:hover .file-thumbnail{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.dark .file-link:hover .file-thumbnail{box-shadow:0 4px 6px rgba(0,0,0,.4)}.file-name{margin-top:8px;font-size:.875rem;color:#4b5563;text-align:center;display:flex;align-items:center;justify-content:center}.dark .file-name{color:#d1d5db}.file-link{text-decoration:none;color:#4b5563}.dark .file-link{color:#d1d5db}.file-link:hover .file-name{color:#10b981;text-decoration:underline}.thumbImg{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;display:block;margin:0 auto}.empty-folder{padding:24px;text-align:center;color:#9ca3af}.dark .empty-folder{color:#d1d5db}.dark-mode-toggle{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s}.dark-mode-toggle:hover{background-color:rgba(0,0,0,.1)}.dark .dark-mode-toggle:hover{background-color:hsla(0,0%,100%,.1)}.active{background-color:#000;color:#fff;border-radius:5px}*,:after,:before{box-sizing:border-box}#searchBar::-moz-placeholder{font-size:12px}#searchBar::placeholder{font-size:12px}body{grid-template-columns:repeat(auto-fit,min(100%,30rem));place-items:start;font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.test-info-container{width:100%;margin:0 auto}.inputDiv{display:flex;justify-content:center;padding:5vw;min-width:0}.thumbnail-container{display:flex;flex-wrap:wrap;justify-content:space-evenly}.thumbnail{display:grid;justify-content:center;flex:1;box-sizing:border-box;min-height:180px}@media (max-width:767px){#results-container{width:-webkit-fill-available}}@media (min-width:768px) and (max-width:991px){#results-container{width:600px}}@media (min-width:992px){#results-container{width:600px}}.screen-reader{display:none}