.header{background:var(--bg-card);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header-actions{gap:1rem;display:flex}.title{margin:0;font-size:1.5rem}.theme-btn{border:1px solid var(--border);color:var(--fg);background:0 0}
.browser-container{flex:1.8;gap:1rem;min-width:0;display:flex}.folder-list,.file-list{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex:1;min-width:0;max-height:500px;padding:1rem;overflow-y:auto}.folder-item,.file-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}
.add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-bottom:.75rem;padding:.5rem;font-size:.85rem;font-weight:500;display:block}.add-btn:hover{opacity:.9}
.folder-name,.file-name{color:var(--fg);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:.2rem 0;overflow:hidden}.folder-name:hover,.file-name:hover{color:var(--accent)}.remove-btn{border:1px solid var(--border);color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex-shrink:0;padding:.2rem .5rem;font-size:.75rem}.remove-btn:hover{background:var(--border)}
.cast-controls{align-items:center;gap:1rem;padding:.5rem;display:flex}.cast-btn{width:24px;height:24px}.stream-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem}
.airplay-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:4px;padding:.4rem .8rem}
.player-wrapper{background:var(--bg-card);border:1px solid var(--border);box-sizing:border-box;border-radius:10px;width:100%;padding:1.5rem}.now-playing{white-space:nowrap;text-overflow:ellipsis;margin:0 0 1rem;font-size:1rem;overflow:hidden}.media-element{object-fit:contain;background:#000;width:100%;max-width:100%;max-height:400px}.player-controls-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}
.main-layout{box-sizing:border-box;gap:1rem;max-width:100vw;padding:1rem;display:flex;overflow-x:hidden}.player-section{flex:1.2;min-width:0}@media (max-width:900px){.main-layout{flex-direction:column}}