.upload-area{transition:all .3s}.upload-area.dragover{background-color:#f3e8ff;border-color:#9333ea}.thumb-list{flex-direction:column;gap:6px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.thumb-list::-webkit-scrollbar{width:5px}.thumb-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.thumb-list::-webkit-scrollbar-thumb{background:#9333ea;border-radius:3px}.thumb-list::-webkit-scrollbar-thumb:hover{background:#7c3aed}.thumb-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.thumb-item:hover{border-color:#9333ea;box-shadow:0 2px 8px #9333ea1f}.thumb-img-wrap{background:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.thumb-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.thumb-num{color:#fff;pointer-events:none;background:#9333ea;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;left:-5px;box-shadow:0 1px 3px #9333ea66}.thumb-info{flex:1;min-width:0}.thumb-info .t-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.thumb-info .t-dim{color:#9ca3af;margin-top:1px;font-size:.65rem}.thumb-controls{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.thumb-btn{cursor:pointer;color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,border-color .15s,color .15s;display:flex}.thumb-btn:hover{color:#fff;background:#9333ea;border-color:#9333ea}.thumb-btn.del:hover{color:#fff;background:#ef4444;border-color:#ef4444}.thumb-btn svg{width:11px;height:11px}.thumb-btn:disabled{opacity:.3;pointer-events:none}.count-badge{color:#fff;background:linear-gradient(135deg,#9333ea,#3b82f6);border-radius:20px;padding:2px 9px;font-size:.7rem;font-weight:700}.settings-tab{cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.settings-tab.active{color:#fff!important;background-color:#9333ea!important}.tgl{cursor:pointer;background:#d1d5db;border-radius:20px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.tgl.on{background:#9333ea}.tgl:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.tgl.on:after{transform:translate(18px)}.btn-primary{background:linear-gradient(135deg,#9333ea 0%,#3b82f6 100%);transition:all .3s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a855f7 0%,#60a5fa 100%);transform:translateY(-2px);box-shadow:0 4px 12px #9333ea59}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.panel{background:linear-gradient(#f9fafb,#fff);border:1px solid #e5e7eb}.fc-input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.45rem .7rem;font-size:.82rem;transition:border-color .2s,box-shadow .2s}.fc-input:focus{border-color:#9333ea;outline:none;box-shadow:0 0 0 3px #9333ea1a}.file-name-preview{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;margin-top:.25rem;padding:.35rem .6rem;font-family:monospace;font-size:.78rem}.progress-container{display:none}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:680px;animation:.22s popIn;overflow:hidden;box-shadow:0 25px 60px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.faq-toggle{transition:background-color .2s}.faq-toggle:hover{background:#f9fafb}.faq-icon{transition:transform .2s}.faq-toggle.active .faq-icon{transform:rotate(180deg)}