.materials-navigation{display:none;gap:6px;padding:6px;border-radius:18px;margin-bottom:26px;width:max-content}.materials-navigation button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:11px 20px;border-radius:13px;color:var(--muted);font-size:13px}.materials-navigation button svg{width:15px;height:15px}.materials-navigation button[aria-selected=true]{background:var(--strong);color:var(--ink);box-shadow:inset 0 1px 0 var(--line)}.materials-navigation small{display:grid;place-items:center;min-width:22px;height:22px;border-radius:7px;background:var(--soft-blue);font-size:10px}.app-shell:is([data-workspace-view=uploads],[data-workspace-view=trash]) .materials-navigation{display:flex}.app-shell:is([data-workspace-view=uploads],[data-workspace-view=trash]) .workspace-tabs,.app-shell:is([data-workspace-view=uploads],[data-workspace-view=trash]) .composer-panel{display:none!important}.app-shell:is([data-workspace-view=uploads],[data-workspace-view=trash]) .workspace-layout{display:block;padding-bottom:120px;max-width:1800px}.app-shell:is([data-workspace-view=uploads],[data-workspace-view=trash]) .content-panel{max-width:1500px;margin:auto}.app-shell:is([data-workspace-view=uploads],[data-workspace-view=trash]) #song-preview{display:none!important}#uploads-content .view-heading{position:relative;align-items:center;padding:16px 0 12px}#uploads-content .view-heading h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.045em;margin:12px 0}#uploads-content .view-heading p{max-width:550px;line-height:1.8}#uploads-content .upload-summary{margin:22px 0 26px}#uploads-content .upload-summary>div{position:relative;overflow:hidden;padding:20px 22px;background:linear-gradient(125deg,var(--surface),#dba06c0c);border:1px solid var(--hairline);border-radius:21px}#uploads-content .upload-summary strong{font-size:28px;letter-spacing:-.04em;margin:4px 0}#uploads-content .upload-summary small{font-size:10px}.material-source-filters{display:flex;align-items:center;gap:6px;margin:4px 0 17px;padding-bottom:15px;border-bottom:1px solid var(--hairline)}.material-source-filters button{padding:9px 15px;background:transparent;border:1px solid transparent;border-radius:11px;color:var(--muted);font-size:12px}.material-source-filters button[aria-pressed=true]{color:var(--ink);background:var(--field);border-color:var(--hairline)}#uploads-content .upload-toolbar{gap:12px}#material-type{width:auto;max-width:150px;font-size:12px}.material-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload-art:has(.material-cover):after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08182926,transparent 40%,#08182977);pointer-events:none}.upload-art .upload-type-badge,.upload-art .upload-file-play{z-index:1}.material-origin{display:inline-block;font-size:10px;color:var(--muted);padding:3px 7px;border:1px solid var(--hairline);border-radius:6px;margin-bottom:9px}.material-origin.generated{color:var(--orange);background:#eda5710b;border-color:#d69b662c}#uploads-content .upload-file-info{padding-top:18px}.upload-file[draggable=true]{cursor:grab}.upload-file.is-dragging,.studio-plan-row.is-dragging{opacity:.5;cursor:grabbing}.drop-ready{outline:2px solid var(--orange)!important;outline-offset:3px;background:#e9a16a20!important}.creation-dragging .sidebar-material-trash{box-shadow:0 0 0 1px #e5a46b99;color:var(--orange)}@media(max-width:780px){.app-shell:is([data-workspace-view=uploads],[data-workspace-view=trash]) .workspace-layout{padding-bottom:170px}.materials-navigation{width:100%}.materials-navigation button{flex:1;justify-content:center;font-size:12px;padding:10px 12px}#uploads-content .view-heading{gap:16px;align-items:flex-start}#uploads-content .view-heading h2{font-size:29px}.material-source-filters{gap:3px}.material-source-filters button{padding:8px 12px;font-size:11px}#uploads-content .upload-summary>div{padding:15px}#uploads-content .upload-summary strong{font-size:23px}#material-type{max-width:105px}#uploads-content .upload-toolbar{flex-wrap:wrap}.upload-search{min-width:150px;flex:1}}#uploads-content .view-heading h2{color:var(--text)}#uploads-content .view-heading p{color:var(--muted)}.materials-navigation button[aria-selected=true],.material-source-filters button[aria-pressed=true]{color:var(--text);background:#91b9eb15;border:1px solid var(--glass-border,#a5c9fa30)}.materials-navigation button,.material-source-filters button{color:var(--muted)}html[data-theme=dark] .materials-navigation{background:linear-gradient(135deg,#17334aaa,#11223599)}html[data-theme=dark] #uploads-content .view-heading h2{color:#e3edfc}