:root,html.theme-dark{--bg-main-start: #0c0d10;--bg-main-end: #000000;--bg-sidebar: rgba(16, 16, 18, .85);--bg-card: rgba(24, 24, 27, .7);--bg-modal: #10111a;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--border-color: rgba(255, 255, 255, .12);--accent-color: #5892F5;--accent-glow: rgba(88, 146, 245, .25);--success-color: #2E8B57;--error-color: #DC143C;--sidebar-width: 260px;--border-radius-main: 24px;--border-radius-medium: 16px;--border-radius-small: 12px;--app-padding: 16px}html.theme-light{--bg-main-start: #f7f9fc;--bg-main-end: #eff3f8;--bg-sidebar: rgba(255, 255, 255, .85);--bg-card: rgba(255, 255, 255, .8);--bg-modal: #ffffff;--text-primary: #181c20;--text-secondary: #6c757d;--border-color: #dee2e6;--accent-color: #0d6efd;--accent-glow: rgba(13, 110, 253, .2)}html.theme-black-gold{--bg-main-start: #0a0a0a;--bg-main-end: #000000;--bg-sidebar: rgba(17, 15, 14, .85);--bg-card: rgba(28, 25, 23, .7);--bg-modal: #1c1917;--text-primary: #f0e6d2;--text-secondary: #a8a29e;--border-color: rgba(255, 215, 0, .2);--accent-color: #FFD700;--accent-glow: rgba(255, 215, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:linear-gradient(180deg,var(--bg-main-start) 0%,var(--bg-main-end) 100%);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;position:relative}#background-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse 60% 60% at 50% 50%,var(--accent-glow),transparent);z-index:-2;pointer-events:none}#cursor-glow{position:fixed;width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;transition:left .1s ease-out,top .1s ease-out}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.status-container{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;height:100%;text-align:center}.loader{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{padding:10px 16px;border-radius:var(--border-radius-small);font-weight:500;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.btn-secondary{background-color:#ffffff14;color:var(--text-primary);border:1px solid var(--border-color)}html.theme-light .btn-secondary{background-color:#f0f2f5;border-color:#dee2e6;color:var(--text-primary)}html.theme-black-gold .btn-secondary{background-color:#2b2b2b}.btn-secondary:hover{background-color:#ffffff26}html.theme-light .btn-secondary:hover{background-color:#e4e6e9}html.theme-black-gold .btn-secondary:hover{background-color:#383838}.btn-primary{background-color:var(--accent-color);color:#fff}html.theme-black-gold .btn-primary{color:#000}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none;filter:none}.btn-full{width:100%}.btn-icon{background:none;border:none;color:var(--text-secondary);padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background-color:var(--border-color);color:var(--text-primary);transform:scale(1.1)}.btn-icon svg{width:20px;height:20px;display:block}.app-container{width:100%;height:100%}.landing-view{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;transition:background-color .3s}.landing-view.drag-over{background-color:#5892f50d}.drop-zone{width:100%;max-width:600px;text-align:center;padding:48px;border:2px dashed var(--border-color);border-radius:var(--border-radius-main);transition:all .3s;cursor:pointer}.landing-view.drag-over .drop-zone{transform:scale(1.02);border-color:var(--accent-color);box-shadow:0 0 30px var(--accent-glow)}.drop-zone-icon{color:var(--accent-color);margin-bottom:24px;animation:bounce 2s infinite ease-in-out}.drop-zone-icon svg{width:56px;height:56px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.drop-zone h1{font-size:28px;font-weight:600;margin-bottom:8px}.drop-zone p{color:var(--text-secondary);margin-bottom:24px}.auth-prompt{font-size:14px}.dashboard-view{display:flex;height:100vh;padding:var(--app-padding);gap:var(--app-padding)}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:16px;display:flex;flex-direction:column;flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--border-radius-main)}.sidebar-header{margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;padding:8px}.sidebar-header svg{width:28px;height:28px;color:var(--accent-color)}.user-info{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:16px;background:#0003;border-radius:var(--border-radius-small)}.user-avatar{width:40px;height:40px;border-radius:50%}.user-name{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex-grow:1}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border-color);padding-top:16px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--border-radius-small);font-weight:500;color:var(--text-secondary);font-size:14px}.nav-link svg{width:20px;height:20px}.nav-link:hover{background-color:#ffffff0d;color:var(--text-primary);text-decoration:none}.main-area{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.main-header{padding:0 8px 16px;flex-shrink:0;display:flex;justify-content:space-between;gap:12px}.main-header-actions{display:flex;gap:12px}.view-toggle{display:flex;background:var(--bg-card);padding:4px;border-radius:var(--border-radius-small);border:1px solid var(--border-color)}.view-toggle button{background:none;border:none;color:var(--text-secondary);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.view-toggle button:hover{color:var(--text-primary);background:#ffffff1a}.view-toggle button.active{background:var(--accent-color);color:#fff}html.theme-black-gold :is(.view-toggle button.active){color:#000}.items-grid-wrapper{flex-grow:1;overflow-y:auto;padding:8px;margin:-8px;transition:background-color .2s}.items-grid-wrapper.drag-over{background-color:#5892f50d}.items-grid{display:grid;gap:24px}.items-grid.view-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.items-grid.view-large-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.items-grid.view-list{grid-template-columns:1fr;gap:8px}.empty-grid{text-align:center;color:var(--text-secondary);margin-top:20vh}.item-card{background-color:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);overflow:hidden;cursor:pointer;transition:all .2s;position:relative;animation:fadeIn .5s}.item-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d,0 0 20px var(--accent-glow);border-color:var(--accent-color)}.item-card:hover .item-thumbnail img{transform:scale(1.05)}.item-thumbnail{aspect-ratio:1 / 1;background-color:#111;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.item-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.item-thumbnail-icon{color:var(--text-secondary)}.item-thumbnail-icon svg{width:48px;height:48px}.album-stack{position:absolute;top:0;right:0;bottom:0;left:0}.album-stack:before,.album-stack:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background-color:var(--bg-main-start);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);transition:transform .2s ease}.album-stack:before{transform:rotate(-6deg);z-index:-2}.album-stack:after{transform:rotate(6deg);z-index:-1}.item-card:hover .album-stack:before{transform:rotate(-8deg) scale(1.02)}.item-card:hover .album-stack:after{transform:rotate(8deg) scale(1.02)}.album-count{position:absolute;bottom:8px;right:8px;background-color:#000000b3;color:#fff;padding:2px 8px;font-size:12px;font-weight:500;border-radius:6px;z-index:2}.item-info{padding:16px}.item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.item-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.items-grid.view-list .list-header{display:grid;grid-template-columns:52px 1fr 150px 150px;align-items:center;padding:0 16px;font-size:12px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin-bottom:8px;height:40px}.items-grid.view-list .list-header .header-name{grid-column:2}.items-grid.view-list .list-header .header-date{grid-column:3}.items-grid.view-list .list-header .header-actions{grid-column:4;text-align:right}.items-grid.view-list .item-card{display:grid;grid-template-columns:52px 1fr 150px 150px;align-items:center;padding:0 16px;border-radius:var(--border-radius-small);height:60px}.items-grid.view-list .item-card:hover{transform:none;background:var(--bg-card)}.items-grid.view-list .item-thumbnail{grid-column:1;width:40px;height:40px;aspect-ratio:1/1;border-radius:var(--border-radius-small)}.items-grid.view-list .item-thumbnail-icon svg{width:20px;height:20px}.items-grid.view-list .item-info{grid-column:2;padding:0 16px}.items-grid.view-list .item-name{margin:0}.items-grid.view-list .item-meta{display:none}.items-grid.view-list .list-item-date{grid-column:3;font-size:14px;color:var(--text-secondary)}.items-grid.view-list .list-item-actions{grid-column:4;display:flex;justify-content:flex-end;gap:8px;opacity:0;transition:opacity .2s}.items-grid.view-list .item-card:hover .list-item-actions{opacity:1}.items-grid.view-list .list-item-actions .btn-icon{background:#ffffff1a}.items-grid.view-list .list-item-actions .btn-icon:hover{background:var(--border-color)}.items-grid.view-grid .list-item-date,.items-grid.view-grid .list-item-actions,.items-grid.view-large-grid .list-item-date,.items-grid.view-large-grid .list-item-actions{display:none}.uploading-card{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .3s}.modal-content{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:16px;width:100%;position:relative;animation:zoomIn .3s;box-shadow:0 8px 30px #0003}.guest-result-modal{max-width:450px;padding:24px}.guest-result-modal h2,.guest-result-modal p{text-align:center}.guest-result-modal p{margin:8px 0 24px}.modal-close-btn{position:absolute;top:12px;right:12px}.preview-modal-layout{display:flex;width:100%;max-width:1400px;height:90vh;max-height:800px}.preview-main{flex-grow:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:#000;border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium)}.preview-main img,.preview-main video,.preview-main audio{max-width:100%;max-height:100%;object-fit:contain}.preview-main audio{width:80%}.preview-text-content{width:100%;height:100%;overflow:auto;background-color:#0c0c0e;padding:24px;font-family:SF Mono,Courier New,monospace;font-size:14px;white-space:pre-wrap;word-break:break-all}.preview-file-info{text-align:center;color:var(--text-secondary);padding:48px}.preview-file-info svg{width:80px;height:80px;margin-bottom:16px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#00000080;border-radius:50%;border:1px solid var(--border-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.gallery-nav:hover{background-color:#000c;transform:translateY(-50%) scale(1.05)}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}.gallery-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000000b3;padding:4px 12px;border-radius:12px;font-size:14px;z-index:10}.preview-controls{width:320px;flex-shrink:0;background-color:var(--bg-modal);border-left:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;overflow-y:auto;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0}.control-block{margin-bottom:24px}.control-block h3{font-size:16px;font-weight:500;margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.input-group{display:flex}.input-group input{flex-grow:1;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px 0 0 8px;padding:10px;color:var(--text-primary);font-family:inherit;font-size:14px}.copy-btn{padding:0 16px;background-color:var(--accent-color);border:none;color:#fff;border-radius:0 8px 8px 0;cursor:pointer}.select-input,.text-input{width:100%;background-color:var(--bg-main-start);border:1px solid var(--border-color);border-radius:8px;padding:10px;color:var(--text-primary);font-family:inherit;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.toggle-switch{display:flex;align-items:center;justify-content:space-between;padding:8px 0}label.switch{position:relative;display:inline-block;width:44px;height:24px}label.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--border-color);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(20px)}.share-buttons{display:flex;gap:8px}.share-buttons .btn,.share-buttons .btn-icon{flex-grow:1}.preview-footer{margin-top:auto;display:flex;gap:8px}.preview-footer .btn{padding:10px 12px;white-space:nowrap}.qr-modal{padding:24px;text-align:center}.qr-modal h2{margin-bottom:16px}.qr-result{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeIn .5s}.qr-code-wrapper{position:relative;padding:16px;background:#fff;border-radius:var(--border-radius-medium)}.result-actions{display:flex;gap:12px}.create-folder-modal{padding:24px;text-align:center;max-width:400px}.create-folder-modal h2{margin-bottom:16px}.create-folder-modal .form-group{text-align:left}.create-folder-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}video::-webkit-media-controls-panel{background-color:#0009}audio::-webkit-media-controls-panel{background-color:var(--bg-card)}video::-webkit-media-controls-play-button,audio::-webkit-media-controls-play-button{color:var(--accent-color)}@media (max-width: 1024px){.preview-modal-layout{flex-direction:column;height:95vh;max-height:none}.preview-main{border-radius:var(--border-radius-medium) var(--border-radius-medium) 0 0}.preview-controls{width:100%;height:40%;max-height:300px;border-left:none;border-top:1px solid var(--border-color);border-radius:0 0 var(--border-radius-medium) var(--border-radius-medium)}.public-view-layout{flex-direction:column}.public-sidebar{width:100%}}@media (max-width: 768px){.dashboard-view{flex-direction:column;padding:0}.sidebar{width:100%;height:auto;border-radius:0;border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;padding:8px 16px}.sidebar-header{margin-bottom:0;font-size:18px}.user-info,.sidebar-nav{display:none}.sidebar-footer{margin-top:0;border:none;padding-top:0;flex-direction:row}.main-area{border-radius:0}.items-grid.view-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.items-grid.view-list{font-size:12px}.items-grid.view-list .list-header{display:none}.items-grid.view-list .item-card{grid-template-columns:40px 1fr auto;height:50px;padding:0 8px}.items-grid.view-list .item-thumbnail{width:32px;height:32px}.items-grid.view-list .list-item-date{display:none}.items-grid.view-list .item-card:hover .list-item-actions{opacity:1}}