:root{--upl-bg:#fff;--upl-text:#0f172a;--upl-text-light:#0f172a99;--upl-sky-blue:#38bdf8;--upl-sky-blue-dark:#0284c7;--upl-orange:#fb923c;--upl-orange-dark:#f97316;--upl-border:#0f172a14;--upl-shadow-sm:0 2px 8px #0f172a0a;--upl-shadow-md:0 4px 16px #0f172a0f;--upl-shadow-lg:0 8px 24px #0f172a14;--upl-radius:10px;--upl-ease:cubic-bezier(.2,.9,.3,1)}.upl-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;margin:20px 0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.upl-header-section{align-items:center;gap:12px;margin-bottom:16px;display:flex}.upl-header-icon{color:var(--upl-sky-blue);animation:upl-icon-pop .42s var(--upl-ease)both;font-size:28px}.upl-section-title{color:var(--upl-text);margin:0;font-size:22px;font-weight:700;line-height:1.2}.upl-clear-search-badge{color:#ef4444;cursor:pointer;transition:all .18s var(--upl-ease);background:#ef444414;border:1px solid #ef444433;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.upl-clear-search-badge:hover{color:#fff;background:#ef4444;transform:translateY(-1px)}.upl-empty-clear-btn{background:var(--upl-sky-blue);color:#fff;cursor:pointer;transition:all .2s var(--upl-ease);border:none;border-radius:8px;margin-top:14px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;box-shadow:0 2px 8px #38bdf840}.upl-empty-clear-btn:hover{background:var(--upl-sky-blue-dark);transform:translateY(-1px)}.upl-toast{z-index:999999;-webkit-backdrop-filter:blur(20px);color:#fff;box-sizing:border-box;pointer-events:auto;background:#0f172af0;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 18px 12px 14px;font-size:.9rem;font-weight:600;animation:.32s cubic-bezier(.22,1,.36,1) both upl-toast-pop;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -8px #0000006b,0 0 1px 1px #ffffff1f}@keyframes upl-toast-pop{0%{opacity:0;transform:translate(-50%,20px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.upl-toast-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.upl-toast-icon{font-size:16px}.upl-toast-info .upl-toast-icon-box{color:#38bdf8;background:#0b74ff33}.upl-toast-success .upl-toast-icon-box{color:#10b981;background:#10b98133}.upl-toast-error .upl-toast-icon-box{color:#ef4444;background:#ef444433}.upl-toast-text{color:#fff;font-size:.88rem;font-weight:600;line-height:1.3}.upl-toast-close{color:#ffffffb3;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:4px;padding:0;font-size:13px;transition:all .18s;display:inline-flex}.upl-toast-close:hover{color:#fff;background:#ffffff40}@media (max-width:500px){.upl-toast{gap:10px;max-width:calc(100vw - 28px);padding:10px 14px 10px 12px;font-size:.84rem;bottom:20px}}.upl-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;animation:upl-overlay-appear .24s var(--upl-ease)both;box-sizing:border-box;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.upl-modal{width:100%;max-width:480px;max-height:calc(100dvh - 40px);animation:upl-modal-appear .28s var(--upl-ease)both;box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #0f172a52,0 0 1px 1px #0f172a0f}.upl-modal-large{width:100%;max-width:720px}.upl-modal-header{border-bottom:1px solid var(--upl-border);z-index:2;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex;position:relative}.upl-modal-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.upl-modal-icon{flex-shrink:0;font-size:24px}.upl-modal-icon-danger{color:#ef4444}.upl-modal-icon-primary{color:var(--upl-sky-blue)}.upl-modal-title{color:var(--upl-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;font-weight:700;overflow:hidden}.upl-modal-close-btn{width:34px;height:34px;color:var(--upl-text-light);cursor:pointer;transition:all .18s var(--upl-ease);background:#0f172a0a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex}.upl-modal-close-btn:hover{color:#ef4444;background:#ef44441a}.upl-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:auto;padding:22px 24px;overflow-y:auto}.upl-modal-body::-webkit-scrollbar{width:6px}.upl-modal-body::-webkit-scrollbar-track{background:0 0}.upl-modal-body::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}.upl-modal-body::-webkit-scrollbar-thumb:hover{background:#0f172a47}.upl-modal-text{color:var(--upl-text);margin:0 0 8px;font-size:15px;line-height:1.6}.upl-modal-text strong{color:var(--upl-text);font-weight:600}.upl-modal-subtext{color:var(--upl-text-light);margin:0;font-size:14px}.upl-modal-actions{border-top:1px solid var(--upl-border);z-index:2;box-sizing:border-box;background:#f8fafc;flex-shrink:0;align-items:center;gap:12px;padding:16px 24px;display:flex;position:relative;box-shadow:0 -4px 14px #0f172a08}.upl-modal-btn{cursor:pointer;min-height:42px;transition:all .2s var(--upl-ease);box-sizing:border-box;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.upl-modal-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.upl-modal-btn-cancel{color:var(--upl-text);border:1px solid var(--upl-border);background:#fff}.upl-modal-btn-cancel:hover:not(:disabled){background:#f1f5f9;border-color:#0f172a29}.upl-modal-btn-danger{color:#fff;background:#ef4444}.upl-modal-btn-danger:hover:not(:disabled){box-shadow:var(--upl-shadow-md);background:#dc2626;transform:translateY(-1px)}.upl-modal-btn-primary{background:var(--upl-sky-blue);color:#fff}.upl-modal-btn-primary:hover:not(:disabled){background:var(--upl-sky-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.upl-modal-btn:active:not(:disabled){transform:scale(.98)}.upl-empty-state{border-radius:var(--upl-radius);border:1px dashed var(--upl-border);animation:upl-fade-in .42s var(--upl-ease)both;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.upl-empty-icon{color:var(--upl-sky-blue);opacity:.4;margin-bottom:12px;font-size:48px}.upl-empty-text{color:var(--upl-text-light);margin:0;font-size:15px}.upl-list{flex-direction:column;gap:14px;display:flex}.upl-card{z-index:1;background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;padding:22px 24px;transition:all .28s cubic-bezier(.22,1,.36,1);animation:.42s cubic-bezier(.22,1,.36,1) both upl-card-appear;position:relative;overflow:visible;box-shadow:0 2px 10px #0f172a0a}.upl-card:hover{z-index:2;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 32px -4px #0f172a14}.upl-card.upl-card-active-menu,.upl-card.upl-card-active-menu:hover{position:relative;z-index:1000!important}.upl-card:after{content:"";transform-origin:50%;background:#0b74ff;border-radius:0 4px 4px 0;width:4px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:14px;bottom:14px;left:0;transform:scaleY(0)}.upl-card:hover:after{transform:scaleY(1)}.upl-card-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.upl-avatar-wrapper{flex-shrink:0}.upl-avatar{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:46px;height:46px;transition:all .22s cubic-bezier(.22,1,.36,1);display:block}.upl-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#0b74ff 0%,#38bdf8 100%);justify-content:center;align-items:center;font-size:20px;display:flex}.upl-card:hover .upl-avatar{border-color:#0b74ff;transform:scale(1.05)}.upl-user-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.upl-user-top-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.upl-user-name-usn{color:var(--upl-text);flex:1;align-items:center;gap:6px;min-width:0;font-size:.92rem;font-weight:700;display:flex}.upl-user-name-link{color:inherit;white-space:nowrap;align-items:center;gap:5px;text-decoration:none;transition:color .2s;display:inline-flex}.upl-user-name-link:hover{color:#0b74ff}.upl-user-name-text{white-space:nowrap}.upl-user-icon{color:#0b74ff;flex-shrink:0;font-size:14px}.upl-usn-link{color:var(--upl-text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s;overflow:hidden}.upl-usn-link:hover{color:#0b74ff}.upl-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.upl-action-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.upl-action-edit{color:#0b74ff;background:#0b74ff14}.upl-action-edit:hover{color:#fff;background:#0b74ff;transform:translateY(-1px);box-shadow:0 4px 12px #0b74ff40}.upl-action-delete{color:#ef4444;background:#ef444414}.upl-action-delete:hover{color:#fff;background:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.upl-action-btn:active{transform:scale(.94)}.upl-user-sub-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.upl-user-title{color:var(--upl-text);letter-spacing:-.01em;word-break:break-word;margin:0;font-size:.96rem;font-weight:700;line-height:1.35}.upl-vis-container{z-index:100;display:inline-block;position:relative}.upl-vis-badge{cursor:pointer;border:1px solid #0000;border-radius:999px;outline:none;align-items:center;gap:6px;padding:4px 12px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.upl-vis-badge-public{color:#0b74ff;background:#0b74ff14;border-color:#0b74ff33}.upl-vis-badge-public:hover{background:#0b74ff29;border-color:#0b74ff;transform:translateY(-1px)}.upl-vis-badge-private{color:#ef4444;background:#ef444414;border-color:#ef444433}.upl-vis-badge-private:hover{background:#ef444429;border-color:#ef4444;transform:translateY(-1px)}.upl-vis-badge-unlisted{color:#d97706;background:#f59e0b14;border-color:#f59e0b40}.upl-vis-badge-unlisted:hover{background:#f59e0b29;border-color:#d97706;transform:translateY(-1px)}.upl-vis-badge-icon{flex-shrink:0;font-size:13px}.upl-vis-badge-arrow{opacity:.7;font-size:12px;transition:transform .2s}.upl-vis-badge-arrow-open{opacity:1;transform:rotate(180deg)}.upl-vis-dropdown{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0f172a1a;border-radius:18px;width:270px;padding:8px;animation:.22s cubic-bezier(.22,1,.36,1) both upl-dropdownAppear;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 48px -8px #0f172a38,0 0 1px 1px #0f172a14}.upl-vis-dropdown-header{text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid #0f172a0f;margin-bottom:4px;padding:8px 12px 6px;font-size:11px;font-weight:700}.upl-vis-dropdown-list{flex-direction:column;gap:4px;display:flex}.upl-vis-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px 10px;font-family:inherit;transition:all .18s;display:flex;position:relative}.upl-vis-dropdown-item:hover{background:#f1f5f9}.upl-vis-dropdown-item.active{background:#0b74ff14}.upl-vis-item-icon-box{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.upl-vis-icon-public{color:#0b74ff;background:#0b74ff1f}.upl-vis-icon-unlisted{color:#d97706;background:#f59e0b24}.upl-vis-icon-private{color:#ef4444;background:#ef44441f}.upl-vis-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.upl-vis-item-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.2}.upl-vis-item-desc{color:#64748b;margin-top:2px;font-size:11px;line-height:1.2}.upl-vis-item-check{color:#0b74ff;flex-shrink:0;margin-left:4px;font-size:16px}@keyframes upl-dropdownAppear{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.upl-timestamp{color:var(--upl-text-light);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:12.5px;font-weight:500;display:inline-flex}.upl-time-icon{color:#0b74ff;opacity:.8;flex-shrink:0;font-size:13px}.upl-time-absolute{align-items:center;gap:5px;display:flex}.upl-time-icon{color:var(--upl-orange);flex-shrink:0;margin-top:2px;font-size:14px}.upl-time-relative{line-height:1.4}.upl-time-absolute{flex-direction:column;gap:2px;line-height:1.3;display:flex}.upl-time-date{color:var(--upl-text);font-weight:500}.upl-time-clock{color:var(--upl-text-light);font-size:12px}.upl-content{color:var(--upl-text);white-space:pre-wrap;word-break:break-word;margin:0 0 12px;font-size:15px;line-height:1.6}.upl-links{flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin-top:12px;display:flex}.upl-youtube-grid-2{grid-template-columns:1fr;gap:12px;width:100%;margin:6px 0;display:grid}@media (min-width:640px){.upl-youtube-grid-2{grid-template-columns:repeat(2,1fr);gap:14px}}.upl-youtube-embed-wrapper{aspect-ratio:16/9;background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;width:100%;max-width:520px;margin:4px 0;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000f}.upl-youtube-embed-wrapper.upl-youtube-grid-item{max-width:100%;margin:0}.upl-youtube-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.upl-link{transition:all .22s var(--upl-ease);white-space:nowrap;box-sizing:border-box;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;overflow:hidden}.upl-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upl-link-internal{color:var(--upl-sky-blue-dark);background:#38bdf81a;border:1px solid #38bdf833}.upl-link-internal:hover{background:var(--upl-sky-blue);color:#fff;border-color:var(--upl-sky-blue);transform:translate(3px)}.upl-link-external{color:var(--upl-orange-dark);background:#fb923c1a;border:1px solid #fb923c33}.upl-link-external:hover{background:var(--upl-orange);color:#fff;border-color:var(--upl-orange);transform:translate(3px)}.upl-link-icon{transition:transform .22s var(--upl-ease);font-size:14px}.upl-link:hover .upl-link-icon{transform:translate(2px)}.upl-edit-field{margin-bottom:18px}.upl-edit-field:last-child{margin-bottom:0}.upl-edit-label{color:var(--upl-text);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13.5px;font-weight:600;display:flex}.upl-edit-file-count{color:var(--upl-sky-blue-dark);background:#38bdf81a;border:1px solid #38bdf833;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.upl-edit-title-input,.upl-edit-select{border:1.5px solid var(--upl-border);width:100%;color:var(--upl-text);transition:all .2s var(--upl-ease);box-sizing:border-box;background:#fff;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14.5px;font-weight:500}.upl-edit-select{cursor:pointer}.upl-edit-title-input:focus,.upl-edit-select:focus,.upl-edit-textarea:focus{border-color:var(--upl-sky-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #38bdf826}.upl-edit-textarea{border:1.5px solid var(--upl-border);width:100%;color:var(--upl-text);resize:vertical;transition:all .2s var(--upl-ease);box-sizing:border-box;background:#fff;border-radius:8px;min-height:80px;padding:11px 14px;font-family:inherit;font-size:14px;line-height:1.6}.upl-load-more-section{justify-content:center;margin-top:24px;display:flex}.upl-load-more-btn{background:linear-gradient(135deg,var(--upl-orange)0%,var(--upl-orange-dark)100%);color:#fff;cursor:pointer;transition:all .22s var(--upl-ease);box-shadow:var(--upl-shadow-sm);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.upl-load-more-btn:hover:not(:disabled){box-shadow:var(--upl-shadow-md);transform:translateY(-2px)}.upl-load-more-btn:active:not(:disabled){transform:scale(.98)}.upl-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.upl-btn-icon{transition:transform .22s var(--upl-ease);font-size:16px}.upl-load-more-btn:hover:not(:disabled) .upl-btn-icon{transform:translate(3px)}.upl-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite upl-spin}.upl-end-message{color:var(--upl-text-light);text-align:center;padding:8px;font-size:14px}.upl-skeleton{pointer-events:none}.upl-skeleton-avatar{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:48px;height:48px;animation:1.5s ease-in-out infinite upl-shimmer}.upl-skeleton-text-group{flex-direction:column;flex:1;gap:8px;display:flex}.upl-skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s ease-in-out infinite upl-shimmer}.upl-skeleton-title{width:200px;height:16px}.upl-skeleton-meta{width:140px}.upl-skeleton-content{flex-direction:column;gap:8px;margin-top:12px;display:flex}.upl-skeleton-text{width:100%}.upl-skeleton-text-short{width:65%}@keyframes upl-card-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes upl-icon-pop{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes upl-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes upl-overlay-appear{0%{opacity:0}to{opacity:1}}@keyframes upl-modal-appear{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes upl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes upl-spin{to{transform:rotate(360deg)}}@keyframes upl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:600px){.upl-header-section{gap:10px}.upl-header-icon{font-size:24px}.upl-section-title{font-size:18px}.upl-modal-overlay{padding:12px}.upl-modal{border-radius:14px;max-width:100%;max-height:calc(100dvh - 24px);margin:0}.upl-modal-large{max-width:100%}.upl-modal-header{padding:14px 18px}.upl-modal-icon{font-size:22px}.upl-modal-title{font-size:17px}.upl-modal-body{padding:16px 18px}.upl-modal-actions{flex-direction:row;gap:10px;padding:12px 18px}.upl-modal-btn{min-height:40px;padding:10px 14px;font-size:13.5px}.upl-card{border-radius:18px;padding:16px}.upl-card-header{gap:12px}.upl-avatar{width:42px;height:42px}.upl-user-title{font-size:.92rem}.upl-user-top-row{flex-wrap:wrap;gap:8px}.upl-user-sub-row{flex-direction:column;align-items:flex-start;gap:8px}.upl-timestamp{margin-left:0;font-size:12px}.upl-vis-dropdown{width:250px;max-width:calc(100vw - 36px)}.upl-action-btn{border-radius:9px;width:32px;height:32px;font-size:14px}.upl-content{font-size:14px}.upl-link{padding:6px 12px;font-size:13px}.upl-load-more-btn{padding:10px 20px;font-size:14px}}@media (min-width:501px) and (max-width:768px){.upl-card-header{gap:12px}.upl-meta-row{gap:10px}.upl-timestamp{font-size:12px}}@media (min-width:1024px){.upl-card{padding:20px 22px}.upl-card-header{gap:16px}.upl-avatar{width:52px;height:52px}}.upl-action-btn:focus,.upl-link:focus,.upl-load-more-btn:focus,.upl-edit-title-input:focus,.upl-edit-textarea:focus,.upl-modal-btn:focus{outline-offset:2px;outline:3px solid #38bdf84d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.upl-card,.upl-modal{border-width:2px;border-color:#000}.upl-link,.upl-action-btn,.upl-modal-btn{border:2px solid}}@media print{.upl-container{background:#fff}.upl-card{box-shadow:none;break-inside:avoid;border:1px solid #ccc;animation:none;transform:none}.upl-actions,.upl-load-more-section,.upl-toast,.upl-modal-overlay{display:none}}.upl-files{border-top:1px solid var(--upl-border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.upl-file-card{border:1px solid var(--upl-border);transition:all .22s var(--upl-ease);cursor:pointer;background:#0f172a05;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.upl-file-card:hover{background:#38bdf80d;border-color:#38bdf840;transform:translate(3px)}.upl-file-card-name{flex:1;align-items:center;gap:9px;min-width:0;text-decoration:none;display:flex}.upl-file-card-icon{flex-shrink:0;font-size:16px;line-height:1}.upl-file-card-label{color:var(--upl-text);white-space:nowrap;text-overflow:ellipsis;transition:color .18s var(--upl-ease);font-size:13px;font-weight:500;overflow:hidden}.upl-file-card-name:hover .upl-file-card-label{color:var(--upl-sky-blue-dark)}.upl-file-card-image{align-items:center;padding:8px 14px 8px 8px}.upl-file-thumb-link{border:1px solid var(--upl-border);transition:border-color .22s var(--upl-ease);border-radius:6px;flex-shrink:0;display:block;overflow:hidden}.upl-file-card-image:hover .upl-file-thumb-link{border-color:var(--upl-sky-blue)}.upl-file-thumb-img{object-fit:cover;width:52px;height:52px;transition:transform .3s var(--upl-ease);display:block}.upl-file-card-image:hover .upl-file-thumb-img{transform:scale(1.06)}.upl-file-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.upl-file-action-btn{width:32px;height:32px;transition:all .2s var(--upl-ease);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;font-size:15px;text-decoration:none;display:inline-flex}.upl-file-action-view{color:var(--upl-sky-blue-dark);background:#38bdf81a;border-color:#38bdf833}.upl-file-action-view:hover{background:var(--upl-sky-blue);color:#fff;border-color:var(--upl-sky-blue);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.upl-file-action-download{color:var(--upl-orange-dark);background:#fb923c1a;border-color:#fb923c33}.upl-file-action-download:hover{background:var(--upl-orange);color:#fff;border-color:var(--upl-orange);transform:translateY(-2px);box-shadow:0 4px 12px #fb923c4d}.upl-file-action-btn:active{transform:scale(.94)}.upl-edit-files-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.upl-file-btn{color:var(--upl-sky-blue-dark);cursor:pointer;transition:all .22s var(--upl-ease);-webkit-user-select:none;user-select:none;background:#38bdf814;border:2px dashed #38bdf866;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.upl-file-btn:hover{border-color:var(--upl-sky-blue);background:#38bdf824;transform:translateY(-1px)}.upl-file-btn svg{color:var(--upl-sky-blue);flex-shrink:0;font-size:15px}.upl-hidden-input{display:none}.upl-file-uploading{color:var(--upl-sky-blue-dark);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.upl-file-uploading:before{content:"";border:2px solid #38bdf84d;border-top-color:var(--upl-sky-blue);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.6s linear infinite upl-spin;display:inline-block}.upl-ws-progress-box{background:#e0f2fe80;border:1px solid #38bdf859;border-radius:10px;flex-direction:column;gap:6px;margin-top:8px;margin-bottom:6px;padding:10px 14px;animation:.2s both upl-slide-down;display:flex}.upl-ws-progress-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.upl-ws-progress-filename{color:var(--upl-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:13px;font-weight:500;overflow:hidden}.upl-ws-progress-tag{color:#0284c7;background:#fff;border:1px solid #38bdf84d;border-radius:9999px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:700}.upl-ws-progress-track{background:#38bdf833;border-radius:9999px;width:100%;height:6px;overflow:hidden}.upl-ws-progress-fill{background:linear-gradient(90deg,#38bdf8,#0284c7);border-radius:9999px;height:100%;transition:width .18s ease-out}.upl-ws-progress-footer{color:#64748b;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.upl-ws-progress-status-text{color:#0284c7;align-items:center;gap:4px;display:flex}.upl-ws-progress-status-text strong{color:#0284c7;font-variant-numeric:tabular-nums;font-weight:700}.upl-edit-files-list{flex-direction:column;gap:8px;max-height:200px;margin-top:10px;padding-right:4px;display:flex;overflow-y:auto}.upl-edit-files-list::-webkit-scrollbar{width:5px}.upl-edit-files-list::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}.upl-edit-file-item{transition:all .18s var(--upl-ease);background:#38bdf80a;border:1px solid #38bdf829;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.upl-edit-file-item:hover{background:#38bdf814;border-color:#38bdf84d}.upl-edit-file-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.upl-edit-file-link{color:var(--upl-text);white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:color .18s var(--upl-ease);flex:1;font-size:13px;font-weight:500;text-decoration:none;overflow:hidden}.upl-edit-file-link:hover{color:var(--upl-sky-blue-dark);text-decoration:underline}.upl-edit-file-remove{width:28px;height:28px;color:var(--upl-text-light);cursor:pointer;transition:all .18s var(--upl-ease);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.upl-edit-file-remove:hover{color:#ef4444;background:#ef44441a}.upl-edit-file-remove:active{transform:scale(.92)}@media (max-width:500px){.upl-file-card{padding:9px 11px}.upl-file-card-label{font-size:12px}.upl-file-thumb-img{width:42px;height:42px}.upl-file-action-btn{width:28px;height:28px;font-size:14px}.upl-file-btn{padding:8px 13px;font-size:12px}}
:root{--auf-bg:#fff;--auf-text:#0f172a;--auf-text-muted:#64748b;--auf-text-light:#94a3b8;--auf-apple-blue:#0b74ff;--auf-apple-blue-hover:#0056cc;--auf-apple-blue-light:#0b74ff14;--auf-apple-blue-glow:#0b74ff38;--auf-border:#e2e8f0;--auf-border-hover:#cbd5e1;--auf-radius-card:22px;--auf-radius-input:14px;--auf-radius-pill:999px;--auf-shadow-sm:0 2px 8px #0f172a0a;--auf-shadow-card:0 10px 30px -4px #0f172a0f,0 0 1px 1px #0f172a0a;--auf-shadow-dropdown:0 20px 48px -8px #0f172a29;--auf-ease:cubic-bezier(.22,1,.36,1)}.auf-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:10px 0 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Inter,sans-serif}.auf-header{animation:auf-fade-in .34s var(--auf-ease)both;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:0 4px;display:flex}.auf-header-left{align-items:center;gap:12px;min-width:0;display:flex}.auf-header-icon-box{background:var(--auf-apple-blue-light);width:40px;height:40px;color:var(--auf-apple-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;display:flex;box-shadow:0 2px 8px #0b74ff26}.auf-header-title{color:var(--auf-text);letter-spacing:-.015em;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.auf-header-subtitle{color:var(--auf-text-muted);margin:2px 0 0;font-size:.82rem;font-weight:500}.auf-close-header-btn{width:32px;height:32px;color:var(--auf-text-muted);cursor:pointer;transition:all .18s var(--auf-ease);background:#0f172a0a;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.auf-close-header-btn:hover{color:#ef4444;background:#ef44441a;transform:scale(1.05)}.auf-toast{z-index:999999;-webkit-backdrop-filter:blur(20px);color:#fff;box-sizing:border-box;pointer-events:auto;background:#0f172af0;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 18px 12px 14px;font-size:.9rem;font-weight:600;animation:.32s cubic-bezier(.22,1,.36,1) both auf-toast-pop;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -8px #0000006b,0 0 1px 1px #ffffff1f}@keyframes auf-toast-pop{0%{opacity:0;transform:translate(-50%,20px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.auf-toast-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.auf-toast-icon{font-size:16px}.auf-toast-info .auf-toast-icon-box{color:#38bdf8;background:#0b74ff33}.auf-toast-success .auf-toast-icon-box{color:#10b981;background:#10b98133}.auf-toast-error .auf-toast-icon-box{color:#ef4444;background:#ef444433}.auf-toast-text{color:#fff;font-size:.88rem;font-weight:600;line-height:1.3}.auf-toast-close{color:#ffffffb3;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:4px;padding:0;font-size:13px;transition:all .18s;display:inline-flex}.auf-toast-close:hover{color:#fff;background:#ffffff40}@media (max-width:500px){.auf-toast{gap:10px;max-width:calc(100vw - 28px);padding:10px 14px 10px 12px;font-size:.84rem;bottom:20px}}.auf-card{background:var(--auf-bg);border:1.5px solid var(--auf-border);border-radius:var(--auf-radius-card);box-shadow:var(--auf-shadow-card);animation:auf-card-appear .36s var(--auf-ease)both;padding:24px 28px;transition:border-color .2s}.auf-card:hover{border-color:#cbd5e1}.auf-form{flex-direction:column;gap:20px;display:flex}.auf-field{flex-direction:column;gap:8px;display:flex}.auf-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.auf-label{color:var(--auf-text);letter-spacing:-.01em;align-items:center;gap:7px;font-size:.88rem;font-weight:700;display:inline-flex}.auf-label-icon{color:var(--auf-apple-blue);font-size:15px}.auf-required{color:#ef4444;font-size:14px}.auf-char-count{color:var(--auf-text-light);font-size:12px;font-weight:500}.auf-badge-count{color:var(--auf-apple-blue);background:#0b74ff14;border:1px solid #0b74ff33;border-radius:999px;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.auf-badge-files{color:#059669;background:#10b9811a;border-color:#10b98140}.auf-input{border:1.5px solid var(--auf-border);border-radius:var(--auf-radius-input);width:100%;color:var(--auf-text);transition:all .2s var(--auf-ease);box-sizing:border-box;background:#f8fafc;padding:12px 16px;font-family:inherit;font-size:.94rem}.auf-input:focus{border-color:var(--auf-apple-blue);box-shadow:0 0 0 4px var(--auf-apple-blue-glow);background:#fff;outline:none}.auf-input::placeholder{color:var(--auf-text-light)}.auf-textarea{border:1.5px solid var(--auf-border);border-radius:var(--auf-radius-input);width:100%;color:var(--auf-text);resize:vertical;transition:all .2s var(--auf-ease);box-sizing:border-box;background:#f8fafc;min-height:110px;padding:13px 16px;font-family:inherit;font-size:.94rem;line-height:1.6}.auf-textarea:focus{border-color:var(--auf-apple-blue);box-shadow:0 0 0 4px var(--auf-apple-blue-glow);background:#fff;outline:none}.auf-textarea::placeholder{color:var(--auf-text-light)}.auf-textarea-links{min-height:70px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem}.auf-hint{color:var(--auf-text-muted);margin-top:1px;font-size:12.5px;line-height:1.4}.auf-vis-segmented{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.auf-vis-option{border:1.5px solid var(--auf-border);border-radius:var(--auf-radius-input);cursor:pointer;text-align:left;transition:all .2s var(--auf-ease);background:#f8fafc;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;display:flex;position:relative}.auf-vis-option:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.auf-vis-icon-circle{width:32px;height:32px;color:var(--auf-text-muted);background:#0f172a0d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.auf-vis-text-box{flex-direction:column;flex:1;min-width:0;display:flex}.auf-vis-title{color:var(--auf-text);font-size:.86rem;font-weight:700;line-height:1.2}.auf-vis-desc{color:var(--auf-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.72rem;overflow:hidden}.auf-vis-check{color:var(--auf-apple-blue);flex-shrink:0;font-size:14px}.auf-vis-option.active{background:#fff;box-shadow:0 4px 14px #0f172a0f}.auf-vis-option.active.auf-vis-public{border-color:var(--auf-apple-blue)}.auf-vis-option.active.auf-vis-public .auf-vis-icon-circle{background:var(--auf-apple-blue-light);color:var(--auf-apple-blue)}.auf-vis-option.active.auf-vis-unlisted{border-color:#f59e0b}.auf-vis-option.active.auf-vis-unlisted .auf-vis-icon-circle{color:#d97706;background:#f59e0b1f}.auf-vis-option.active.auf-vis-unlisted .auf-vis-check{color:#d97706}.auf-vis-option.active.auf-vis-private{border-color:#ef4444}.auf-vis-option.active.auf-vis-private .auf-vis-icon-circle{color:#ef4444;background:#ef44441a}.auf-vis-option.active.auf-vis-private .auf-vis-check{color:#ef4444}.auf-file-upload-section{padding-top:4px}.auf-dropzone{border-radius:var(--auf-radius-input);cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;outline:none;align-items:center;gap:16px;padding:20px 24px;transition:all .24s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.auf-dropzone:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.auf-dropzone:focus-visible{border-color:var(--auf-apple-blue);box-shadow:0 0 0 4px var(--auf-apple-blue-glow)}.auf-dropzone-dragging{box-shadow:0 10px 24px -4px var(--auf-apple-blue-glow);transform:scale(1.008);border-color:var(--auf-apple-blue)!important;background:#0b74ff0d!important;border-style:solid!important}.auf-dropzone-icon-box{width:48px;height:48px;color:var(--auf-apple-blue);background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0f172a0a}.auf-dropzone:hover .auf-dropzone-icon-box{transform:scale(1.06)}.auf-dropzone-text-group{flex-direction:column;flex:1;min-width:0;display:flex}.auf-dropzone-title{color:var(--auf-text);margin:0;font-size:.94rem;font-weight:600;line-height:1.3}.auf-dropzone-browse{color:var(--auf-apple-blue);text-underline-offset:3px;font-weight:700;text-decoration:underline}.auf-dropzone-highlight{color:var(--auf-apple-blue);font-weight:700}.auf-dropzone-sub{color:var(--auf-text-muted);margin:3px 0 0;font-size:.78rem}.auf-hidden-input{display:none}.auf-uploading-banner{background:#f0f7ff;border:1.5px solid #0b74ff38;border-radius:14px;flex-direction:column;gap:10px;margin-top:12px;padding:14px 18px;animation:.2s both auf-fade-in;display:flex;box-shadow:0 4px 14px #0b74ff0f}.auf-uploading-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.auf-uploading-left{align-items:center;gap:10px;min-width:0;display:flex}.auf-uploading-info{align-items:center;gap:8px;min-width:0;display:flex}.auf-uploading-filename-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.88rem;font-weight:700;overflow:hidden}.auf-uploading-file-count{color:var(--auf-apple-blue);white-space:nowrap;font-size:.78rem;font-weight:600}.auf-uploading-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.auf-uploading-percent{color:var(--auf-apple-blue);font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:#fff;border:1px solid #0b74ff33;border-radius:9999px;padding:3px 10px;font-size:.85rem;font-weight:800;box-shadow:0 1px 4px #0b74ff14}.auf-progress-track{background:#0b74ff1f;border-radius:9999px;width:100%;height:8px;position:relative;overflow:hidden}.auf-progress-fill{background:linear-gradient(90deg,#0b74ff,#38bdf8);border-radius:9999px;height:100%;transition:width .2s ease-out;box-shadow:0 0 10px #0b74ff59}.auf-progress-sub{color:var(--auf-text-muted);align-items:center;font-size:.76rem;font-weight:500;display:flex}.auf-progress-status-highlight{color:var(--auf-apple-blue);align-items:center;gap:5px;font-size:.8rem;font-weight:700;display:flex}.auf-progress-status-highlight strong{color:var(--auf-apple-blue);font-variant-numeric:tabular-nums;font-weight:800}.auf-status-detail{color:var(--auf-text-muted);font-size:.75rem;font-weight:500}.auf-progress-chunks{color:var(--auf-apple-blue);white-space:nowrap;background:#0b74ff14;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.auf-files-grid{animation:auf-fade-in .3s var(--auf-ease)both;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:12px;display:grid}.auf-file-card{border:1.5px solid var(--auf-border);transition:all .2s var(--auf-ease);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 2px 6px #0f172a08}.auf-file-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.auf-file-preview{background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.auf-file-img{object-fit:cover;width:100%;height:100%;display:block}.auf-file-icon-box{justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.auf-file-icon-doc{color:var(--auf-apple-blue);background:#0b74ff1a}.auf-file-icon-video{color:#8b5cf6;background:#8b5cf61a}.auf-file-icon-generic{color:#64748b;background:#64748b1a}.auf-file-meta{flex-direction:column;flex:1;min-width:0;display:flex}.auf-file-title{color:var(--auf-text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;line-height:1.2;overflow:hidden}.auf-file-sub-info{align-items:center;gap:6px;margin-top:3px;display:flex}.auf-file-ext-pill{color:var(--auf-text-muted);letter-spacing:.02em;background:#0f172a0f;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:800}.auf-file-size{color:var(--auf-text-light);font-size:11px;font-weight:500}.auf-file-card-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.auf-file-action-btn{width:28px;height:28px;color:var(--auf-text-muted);cursor:pointer;background:#0f172a0a;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:13px;text-decoration:none;transition:all .18s;display:inline-flex}.auf-file-action-btn:hover{color:var(--auf-text);background:#0f172a14}.auf-file-action-remove:hover{color:#ef4444;background:#ef44441a}.auf-actions{border-top:1px solid var(--auf-border);justify-content:space-between;align-items:center;gap:16px;margin-top:6px;padding-top:18px;display:flex}.auf-user-status{align-items:center;gap:10px;display:flex}.auf-status-avatar{width:32px;height:32px;color:var(--auf-apple-blue);background:#0b74ff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.auf-status-text{flex-direction:column;display:flex}.auf-status-label{color:var(--auf-text-light);font-size:11px;font-weight:500}.auf-status-active{color:var(--auf-apple-blue);font-size:13px;font-weight:700}.auf-status-inactive{color:var(--auf-text-muted);font-size:13px;font-weight:600}.auf-buttons{align-items:center;gap:10px;display:flex}.auf-btn{cursor:pointer;transition:all .2s var(--auf-ease);white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.auf-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.auf-btn-clear{color:var(--auf-text);border:1px solid var(--auf-border);background:#0f172a0d}.auf-btn-clear:hover:not(:disabled){background:#0f172a17;border-color:#cbd5e1}.auf-btn-clear:active:not(:disabled){transform:scale(.97)}.auf-btn-submit{color:#fff;background:linear-gradient(135deg,#0b74ff 0%,#0056cc 100%);box-shadow:0 4px 14px #0b74ff59}.auf-btn-submit:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 6px 20px #0b74ff73}.auf-btn-submit:active:not(:disabled){transform:scale(.97)}.auf-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.6s linear infinite auf-spin;display:inline-block}.auf-spinner-blue{border-color:#0b74ff40;border-top-color:var(--auf-apple-blue)}@keyframes auf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auf-card-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes auf-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes auf-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.auf-card{border-radius:18px;padding:18px 16px}.auf-vis-segmented{grid-template-columns:1fr;gap:8px}.auf-dropzone{gap:12px;padding:16px}.auf-dropzone-icon-box{width:40px;height:40px;font-size:18px}.auf-dropzone-title{font-size:.86rem}.auf-dropzone-sub{font-size:.72rem}.auf-files-grid{grid-template-columns:1fr}.auf-actions{flex-direction:column-reverse;align-items:stretch;gap:14px}.auf-buttons{flex-direction:column-reverse;width:100%}.auf-btn{width:100%}.auf-user-status{justify-content:center}}