.files-preview-area{width:100%;margin-bottom:100px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;min-height:400px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;align-content:flex-start;}.file-preview-item{position:relative;border:1px solid var(--card-border);border-radius:10px;background-color:rgba(255,255,255,0.05);padding:0.75rem;text-align:center;display:flex;flex-direction:column;}.file-preview-item .thumbnail-wrapper{width:100%;height:200px;border-radius:6px;margin-bottom:0.75rem;background-color:#fff;display:flex;justify-content:center;align-items:center;}.file-preview-item canvas{max-width:100%;max-height:100%;object-fit:contain;}.file-preview-item .file-name{font-size:0.85rem;color:var(--text-color);word-break:break-all;margin-top:auto;}.file-preview-item .remove-btn{position:absolute;top:-10px;right:-10px;background:var(--primary-color);color:white;border:2px solid var(--bg-color);border-radius:50%;width:28px;height:28px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s;z-index:10;}.file-preview-item .remove-btn:hover{transform:scale(1.1);}.fixed-bottom-bar{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(13,13,26,0.8);backdrop-filter:blur(10px);padding:1rem;display:flex;justify-content:center;align-items:center;gap:1.5rem;box-shadow:0 -5px 20px rgba(0,0,0,0.3);z-index:100;border-top:1px solid var(--card-border);}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(13,13,26,0.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1001;}.loading-overlay p{color:var(--text-color-light);margin-top:1.5rem;}.spinner{border:4px solid var(--card-border);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}