.fs-browser{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:400px;overflow:hidden}.fs-toolbar{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04);gap:1rem;justify-content:space-between;padding:.75rem}.fs-path,.fs-toolbar{align-items:center;display:flex}.fs-path{background:rgba(241,245,249,.6);border:1px solid rgba(226,232,240,.8);border-radius:6px;font-size:.8rem;gap:.125rem;padding:.375rem .625rem}.fs-path-item{border-radius:3px;color:#64748b;cursor:pointer;font-weight:500;padding:.125rem .375rem;transition:all .2s ease}.fs-path-item:hover{background:rgba(31,142,254,.1);color:#1f8efe}.fs-path-item.current{background:rgba(31,142,254,.15);color:#1f8efe;font-weight:600}.fs-path-separator{color:#94a3b8;margin:0 .25rem}.fs-search{flex:0 0 220px;position:relative}.fs-search input{backdrop-filter:blur(10px);background:rgba(249,250,251,.8);border:1px solid rgba(209,213,219,.8);border-radius:6px;font-size:.8rem;padding:.5rem .75rem .5rem 2.25rem;transition:all .3s ease;width:100%}.fs-search input:focus{background:hsla(0,0%,100%,.95);border-color:#1f8efe;box-shadow:0 0 0 3px rgba(31,142,254,.1),0 4px 12px rgba(0,0,0,.05);outline:none;transform:translateY(-1px)}.fs-search:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2394a3b8' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0'/%3E%3C/svg%3E") no-repeat 50%;content:"";height:14px;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:14px;z-index:1}.fs-content{display:flex;flex:1;min-height:0}.fs-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;padding:1rem 0;width:120px}.fs-sidebar-item{align-items:center;border-left:3px solid transparent;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.fs-sidebar-item:hover{background:#fff;color:#1e293b}.fs-sidebar-item.active{background:#fff;border-left-color:#1f8efe;color:#1f8efe;font-weight:500}.fs-main{background:#fff;display:flex;flex:1;flex-direction:column;overflow:hidden;padding:0}.fs-toolbar-mini{align-items:center;background:#fafbfc;border-bottom:1px solid #f1f5f9;display:flex;height:40px;justify-content:flex-end;padding:.5rem 1.5rem}.fs-icon-actions{gap:.25rem;height:100%}.fs-icon-actions,.fs-icon-btn{align-items:center;display:flex}.fs-icon-btn{border-radius:0;color:#64748b;cursor:pointer;font-size:.875rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.fs-icon-btn:hover{background:rgba(31,142,254,.1);color:#1f8efe}.fs-file-list{display:flex;flex:1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem 1.5rem}.fs-status-bar{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:.75rem;justify-content:space-between;min-height:32px;padding:.5rem 1.5rem}.fs-status-text{font-weight:500}.fs-file-item{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.fs-file-item:hover{background:#f8fafc;border-color:#e2e8f0}.fs-file-icon{align-items:center;color:#64748b;display:flex;font-size:1rem;height:24px;justify-content:center;width:24px}.fs-file-icon.folder{color:#fbbf24}.fs-file-icon.document{color:#60a5fa}.fs-file-icon.image{color:#34d399}.fs-file-icon.code{color:#a78bfa}.fs-file-info{flex:1;min-width:0}.fs-file-name{color:#1e293b;font-size:.875rem;font-weight:500;margin-bottom:.125rem}.fs-file-meta,.fs-file-size{color:#64748b;font-size:.75rem}.fs-file-size{white-space:nowrap}.fs-empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.fs-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.fs-empty-text{font-size:.875rem}.fs-file-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.fs-file-item:hover .fs-file-actions{opacity:1}.fs-action-button{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.fs-action-button:hover{background:#e2e8f0;color:#1e293b}.fs-view-toggle{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:.25rem;padding:.125rem}.fs-view-button{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease}.fs-view-button.active{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#1f8efe}.fs-file-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:.5rem}.fs-file-card{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:all .2s ease}.fs-file-card:hover{background:#f8fafc;border-color:#e2e8f0}.fs-file-card .fs-file-icon{font-size:2rem;margin-bottom:.5rem}.fs-file-card .fs-file-name{font-size:.75rem;line-height:1.3;word-break:break-word}@media (max-width:768px){.fs-browser{height:350px}.fs-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.fs-search{flex:1}.fs-sidebar{width:120px}.fs-file-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}