.stacked-thumbnails-container{height:70px}.stacked-thumbnails-container,.stacked-thumbnails-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center}.stacked-thumbnails-wrapper{cursor:pointer}.thumbnail-stack{position:relative;width:56px;height:70px}.thumbnail-item{position:absolute;width:56px;height:70px;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;display:flex;align-items:center;justify-content:center}:root.dark .thumbnail-item{background:#2d2d2d;border-color:rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2)}.thumbnail-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.12)}.thumbnail-item:first-child{transform:rotate(-10deg) translateX(-15px) translateY(4px);z-index:1}.thumbnail-item:nth-child(2){transform:rotate(-5deg) translateX(-7px) translateY(0);z-index:2}.thumbnail-item:nth-child(3){transform:rotate(0deg) translateX(0) translateY(-4px);z-index:3}.thumbnail-item:nth-child(4){transform:rotate(5deg) translateX(7px) translateY(0);z-index:4}.thumbnail-item:nth-child(5){transform:rotate(10deg) translateX(15px) translateY(4px);z-index:5}.thumbnail-item:hover{z-index:100!important;box-shadow:0 12px 28px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.15);transition:transform .2s cubic-bezier(.2,0,.2,1),box-shadow .2s ease}.stacked-thumbnails-wrapper:hover .thumbnail-item:first-child:hover{transform:rotate(-12deg) translateX(-45px) translateY(-25px) scale(1.1)!important}.stacked-thumbnails-wrapper:hover .thumbnail-item:nth-child(2):hover{transform:rotate(-6deg) translateX(-25px) translateY(-30px) scale(1.1)!important}.stacked-thumbnails-wrapper:hover .thumbnail-item:nth-child(3):hover{transform:rotate(0deg) translateX(0) translateY(-35px) scale(1.1)!important}.stacked-thumbnails-wrapper:hover .thumbnail-item:nth-child(4):hover{transform:rotate(6deg) translateX(25px) translateY(-30px) scale(1.1)!important}.stacked-thumbnails-wrapper:hover .thumbnail-item:nth-child(5):hover{transform:rotate(12deg) translateX(45px) translateY(-25px) scale(1.1)!important}.stacked-thumbnails-wrapper:hover .thumbnail-item:first-child:not(:hover){transform:rotate(-12deg) translateX(-45px) translateY(-5px) scale(.95)}.stacked-thumbnails-wrapper:hover .thumbnail-item:nth-child(2):not(:hover){transform:rotate(-6deg) translateX(-25px) translateY(-10px) scale(.95)}.stacked-thumbnails-wrapper:hover .thumbnail-item:nth-child(3):not(:hover){transform:rotate(0deg) translateX(0) translateY(-15px) scale(.95)}.stacked-thumbnails-wrapper:hover .thumbnail-item:nth-child(4):not(:hover){transform:rotate(6deg) translateX(25px) translateY(-10px) scale(.95)}.stacked-thumbnails-wrapper:hover .thumbnail-item:nth-child(5):not(:hover){transform:rotate(12deg) translateX(45px) translateY(-5px) scale(.95)}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px}.thumbnail-icon--pdf{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.thumbnail-icon--doc{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.thumbnail-icon--sheet{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.thumbnail-icon--audio{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.thumbnail-icon--web{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.thumbnail-icon--youtube{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.thumbnail-icon--image{background:linear-gradient(135deg,#fdf4ff,#f5d0fe);color:#a855f7}.thumbnail-icon--default{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}:root.dark .thumbnail-icon--pdf{background:linear-gradient(135deg,#450a0a,#7f1d1d)}:root.dark .thumbnail-icon--doc{background:linear-gradient(135deg,#1e3a5f,#1e40af)}:root.dark .thumbnail-icon--sheet{background:linear-gradient(135deg,#14532d,#166534)}:root.dark .thumbnail-icon--audio{background:linear-gradient(135deg,#451a03,#78350f)}:root.dark .thumbnail-icon--web{background:linear-gradient(135deg,#312e81,#3730a3)}:root.dark .thumbnail-icon--youtube{background:linear-gradient(135deg,#450a0a,#7f1d1d)}:root.dark .thumbnail-icon--image{background:linear-gradient(135deg,#4a1d96,#6b21a8)}:root.dark .thumbnail-icon--default{background:linear-gradient(135deg,#1e293b,#334155)}.thumbnail-remove-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.6);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;z-index:10}.thumbnail-item:hover .thumbnail-remove-btn{opacity:1}.thumbnail-remove-btn:hover{background:rgba(220,38,38,.9)}.selected-counter{position:absolute;top:-8px;right:-12px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#D97757;color:white;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(217,119,87,.4);z-index:20}:root.dark .selected-counter{background:#D97757;box-shadow:0 2px 6px rgba(217,119,87,.5)}.thumbnail-loading{animation:thumbnail-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes thumbnail-pulse{0%,to{opacity:1}50%{opacity:.6}}