.file-upload{padding:1.5rem}.dropzone{border:2px dashed rgba(233,69,96,.4);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#e945600d}.dropzone:hover,.dropzone-active{border-color:#e94560;background:#e945601a}.dropzone-icon{font-size:3rem;color:#e94560;margin-bottom:1rem}.dropzone p{font-size:1.1rem;margin-bottom:.5rem}.dropzone-hint{font-size:.875rem;color:#ffffff80}.file-list{margin-top:1.5rem}.file-list h3{font-size:1rem;margin-bottom:1rem;color:#fffc}.file-list ul{list-style:none;max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:8px;margin-bottom:.5rem}.file-preview{width:48px;height:48px;object-fit:cover;border-radius:4px}.file-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#e9456033;border-radius:4px;font-size:1.5rem;color:#e94560}.file-info{flex:1;min-width:0}.file-name{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.875rem;color:#ffffff80}.btn-remove{background:transparent;border:none;padding:.5rem;color:#ffffff80;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{color:#dc3545;background:#dc35451a;transform:none}.upload-actions{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);transition:width .3s ease}.upload-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3;padding:.5rem;background:#e945601a;border-radius:6px}.upload-status .status-icon{color:#e94560;animation:pulse 1s infinite}.btn-upload{width:100%}.file-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;min-height:200px}.empty-icon{font-size:3rem;color:#fff3;margin-bottom:1rem}.file-list-empty p{color:#fff9;margin-bottom:.5rem}.file-list-empty span{color:#fff6;font-size:.875rem}.file-list-container{display:flex;flex-direction:column;gap:.5rem;max-height:500px;overflow-y:auto}.file-card{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;transition:all .2s ease}.file-card:hover{transform:translate(4px)}.file-card.selected{border-color:#e94560;background:#e945601a}.file-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e9456033;border-radius:8px;font-size:1.25rem;color:#e94560;flex-shrink:0}.file-card-info{flex:1;min-width:0}.file-card-name{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.file-card-meta{display:flex;gap:.5rem;font-size:.75rem;color:#ffffff80}.btn-delete{background:transparent;border:none;padding:.5rem;color:#fff6;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.file-card:hover .btn-delete{opacity:1}.btn-delete:hover{color:#dc3545;background:#dc35451a;transform:none}.file-preview{margin-bottom:1.5rem}.file-preview h2{margin-bottom:1rem}.preview-container{width:100%;height:200px;background:#0003;border-radius:8px;overflow:hidden;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff6}.preview-placeholder.hidden{display:none}.preview-placeholder svg{font-size:3rem}.preview-placeholder span{font-size:.875rem}.file-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-label{color:#ffffff80;font-size:.875rem}.detail-value{font-weight:500;display:flex;align-items:center;gap:.5rem}.cid-value{font-family:monospace;font-size:.875rem}.btn-icon{background:transparent;border:none;padding:.25rem;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:#e94560;transform:none}.preview-actions{display:flex;gap:.5rem}.btn-gateway{display:inline-flex;align-items:center;gap:.5rem;padding:.6em 1.2em;background:#e94560;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .25s}.btn-gateway:hover{background:#ff6b6b;transform:translateY(-2px)}.preview-actions button{display:inline-flex;align-items:center;gap:.5rem}.share-link-manager h2{margin-bottom:1.5rem}.create-link-form{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;color:#fff9}.form-group select,.form-group input{width:100%}.btn-create-link{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.new-share-url{background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.share-url-header{display:flex;align-items:center;gap:.5rem;color:#28a745;margin-bottom:.75rem;font-weight:500}.share-url-box{display:flex;gap:.5rem}.share-url-box input{flex:1;font-family:monospace;font-size:.875rem}.share-url-box button{padding:.5rem 1rem}.share-links-list h3{font-size:.875rem;color:#fff9;margin-bottom:1rem}.no-links{color:#fff6;text-align:center;padding:1rem}.share-links-list ul{list-style:none;max-height:300px;overflow-y:auto}.share-link-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px;margin-bottom:.5rem}.link-info{flex:1}.link-token{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.link-token code{font-size:.875rem;color:#fffc}.link-meta{display:flex;gap:1rem;font-size:.75rem;color:#fff6}.link-meta span{display:flex;align-items:center;gap:.25rem}.link-actions{display:flex;gap:.25rem}.btn-icon{background:transparent;border:none;padding:.5rem;color:#ffffff80;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:#e94560;background:#e945601a;transform:none}.btn-revoke:hover{color:#dc3545;background:#dc35451a}.ucan-info{display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#17a2b81a;border-radius:8px;font-size:.875rem;color:#fff9}.ucan-info svg{flex-shrink:0;color:#17a2b8;margin-top:.125rem}.ucan-info p{margin:0;line-height:1.5}.storacha-login{padding:1rem 1.5rem;margin-bottom:1rem}.login-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.header-icon{font-size:2rem;color:#e94560;flex-shrink:0}.login-header h3{font-size:1rem;margin:0 0 .25rem}.login-header p{font-size:.875rem;color:#fff9;margin:0}.login-form{display:flex;gap:.75rem}.input-group{flex:1;position:relative}.input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#fff6;font-size:1rem}.input-group input{width:100%;padding:.75rem .875rem .75rem 2.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem}.input-group input:focus{outline:none;border-color:#e94560;background:#e945600d}.input-group input::placeholder{color:#fff6}.btn-login{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;white-space:nowrap}.login-note{font-size:.75rem;color:#fff6;margin:.75rem 0 0;text-align:center}.login-status{display:flex;align-items:center;gap:.75rem}.login-status.checking{color:#fff9}.login-status.connected{justify-content:space-between}.login-status.awaiting{flex-wrap:wrap}.status-icon{font-size:1.5rem}.status-icon.connected{color:#28a745}.status-icon.configured{color:#6f42c1}.status-icon.awaiting{color:#ffc107}.login-status.configured{justify-content:space-between}.connection-info{flex:1;display:flex;flex-direction:column}.status-text{font-weight:500}.space-did{font-size:.75rem;color:#ffffff80;font-family:monospace}.awaiting-info{flex:1}.status-hint{display:block;font-size:.875rem;color:#ffffff80}.badge{font-size:.75rem;padding:.25rem .75rem;border-radius:20px;font-weight:500}.badge-success{background:#28a74533;color:#28a745;border:1px solid rgba(40,167,69,.3)}.connected-actions{display:flex;align-items:center;gap:.5rem}.btn-logout{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:.4rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-logout:hover{background:#dc35451a;border-color:#dc3545;color:#dc3545;transform:none}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 600px){.login-form{flex-direction:column}.btn-login{justify-content:center}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:2rem 0;margin-bottom:2rem}.app-header h1{margin-bottom:.5rem}.subtitle{color:#fff9;font-size:1.1rem}.app-main{flex:1}.upload-section{margin-bottom:2rem}.upload-disabled{text-align:center;padding:2rem;color:#ffffff80;border:2px dashed rgba(255,255,255,.1)}.upload-disabled p{margin:0;font-size:1.1rem}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 900px){.content-grid{grid-template-columns:1fr}}.files-section,.details-section{min-height:400px}.loading{text-align:center;padding:2rem;color:#ffffff80}.empty-state{display:flex;align-items:center;justify-content:center;min-height:200px;color:#ffffff80;text-align:center}.notification{position:fixed;top:1rem;right:1rem;padding:1rem 1.5rem;border-radius:8px;background:#000000e6;border:1px solid rgba(255,255,255,.1);z-index:1000;max-width:400px}.notification-success{border-color:#28a745;color:#28a745}.notification-error{border-color:#dc3545;color:#dc3545}.notification-info{border-color:#17a2b8;color:#17a2b8}.app-footer{text-align:center;padding:2rem 0;margin-top:2rem;color:#fff6;font-size:.875rem;border-top:1px solid rgba(255,255,255,.1)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}#root{max-width:1280px;margin:0 auto;padding:2rem}h1{font-size:2.5em;line-height:1.1;background:linear-gradient(90deg,#e94560,#0f3460);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5em;margin-bottom:1rem;color:#e94560}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e94560;color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:#ff6b6b;transform:translateY(-2px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background-color:transparent;border:1px solid #e94560;color:#e94560}button.secondary:hover{background-color:#e945601a}button.danger{background-color:#dc3545}button.danger:hover{background-color:#c82333}input,select{padding:.6em 1em;border-radius:8px;border:1px solid #333;background-color:#ffffff0d;color:#fff;font-size:1em}input:focus,select:focus{outline:none;border-color:#e94560}.card{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{border-color:#e945604d}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex{display:flex;gap:1rem}.flex-col{flex-direction:column}.flex-between{justify-content:space-between;align-items:center}.text-muted{color:#ffffff80;font-size:.875rem}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.badge{display:inline-block;padding:.25em .5em;border-radius:4px;font-size:.75rem;font-weight:600}.badge-success{background-color:#28a74533;color:#28a745}.badge-danger{background-color:#dc354533;color:#dc3545}.badge-warning{background-color:#ffc10733;color:#ffc107}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#e9456080;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e94560}