.upload-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.upload-summary>div{padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:8px}.upload-summary span{font-size:12px;color:var(--muted)}.upload-summary strong{font-size:28px;letter-spacing:-.04em}.upload-summary small{font-size:11px;color:var(--muted)}.upload-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.upload-categories{display:flex;padding:4px;border-radius:16px}.upload-categories button{display:flex;align-items:center;gap:7px;border:1px solid transparent;color:var(--muted);background:transparent;border-radius:12px;padding:10px 18px}.upload-categories button[aria-selected=true]{background:#a5c6ec26;border-color:#b4d3f04d;color:var(--text);box-shadow:inset 0 1px 1px #ffffff40}.upload-categories svg,.upload-search svg{width:16px;height:16px}.upload-search{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:14px;flex:1;min-width:150px}.upload-search input{border:0;background:transparent;outline:none;color:var(--text);width:100%;font:inherit;font-size:12px}.upload-toolbar select{padding:12px;border-radius:12px;border:1px solid #89a9ce35;background:#809ecc12;color:var(--text)}.upload-drop{display:flex;align-items:center;flex-direction:column;gap:12px;width:100%;padding:30px;border-radius:24px;border:1px dashed #a4c4e166;color:var(--text);background:#7dadd00b;transition:border-color .2s,background .2s}.upload-drop:hover,.upload-drop.dragging{border-color:var(--orange);background:#e9a16612}.upload-drop-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(140deg,#8cbdf332,#eab08029)}.upload-drop svg{width:22px;height:22px}.upload-drop strong{font-size:15px}.upload-drop>span:last-child{font-size:11px;color:var(--muted)}.upload-list-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:26px 0 14px}.upload-file{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;margin-bottom:10px}.upload-file.is-playing{border-color:#efa46a80}.upload-file-play{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:16px;border:1px solid #a6ccf34a;background:linear-gradient(140deg,#66a6e13b,#9cbded16);color:var(--text)}.upload-file-play.speech{background:linear-gradient(140deg,#e5a77130,#eab28012);border-color:#d4a67640}.upload-file-play svg{width:18px;height:18px}.upload-file-info{min-width:0;flex:1}.upload-file-info h3{margin:0 0 7px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-file-info p{margin:0;font-size:11px;color:var(--muted)}.upload-file-info p span{border:1px solid #9bb8d644;border-radius:6px;padding:2px 6px;margin-right:10px}.upload-file-actions{display:flex;gap:5px}.upload-file-actions button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;color:var(--muted);background:transparent}.upload-file-actions button:hover{background:#ebaa7522;color:var(--orange)}.upload-file-actions svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}.upload-file-actions .outline-button{width:auto;padding-inline:12px}.upload-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:42px 20px;border-radius:24px;color:var(--muted)}.upload-empty svg{width:30px;height:30px}.upload-empty h3{font-size:16px;color:var(--text)}.upload-empty p,.upload-footnote{font-size:12px;color:var(--muted);line-height:1.8}.upload-footnote{margin:20px 0 100px}.upload-queue-item{display:flex;justify-content:space-between;gap:20px;padding:10px 14px;font-size:12px}.upload-queue-item small{color:var(--muted)}.upload-queue-item .failed{color:#e7977a}.upload-dialog{max-width:420px;width:calc(100% - 32px);padding:26px;border-radius:22px;color:var(--text);background:var(--bg,#18334a)}.upload-dialog::backdrop{background:#07152377;backdrop-filter:blur(8px)}.upload-dialog label{display:flex;flex-direction:column;gap:12px;font-size:13px}.upload-dialog input{padding:12px;border-radius:12px;border:1px solid #8fabd455;color:var(--text);background:#87aeda12}.upload-dialog p{font-size:11px;color:var(--muted)}.upload-dialog form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:780px){.upload-summary{gap:8px}.upload-summary>div{padding:14px 10px}.upload-summary strong{font-size:22px}.upload-summary small{display:none}.upload-toolbar{gap:8px}.upload-search{order:3;flex-basis:100%}.upload-drop{padding:22px 12px}.upload-file{padding:12px;gap:10px}.upload-file-play{width:42px;height:42px}.upload-file-info p{font-size:10px}.upload-file-actions{gap:0}}#view-uploads #upload-sort{width:auto;max-width:150px;flex:0 0 auto}#view-uploads .upload-search input{padding:0;box-shadow:none;border:0;background:transparent;border-radius:0}.upload-summary>div,.upload-file,.upload-empty{background:linear-gradient(130deg,#adcdfb13,#f8ba8910)}.upload-toolbar #upload-trash[aria-pressed=true]{color:var(--orange);border-color:#df9d5e66}.upload-drop:disabled{opacity:.65;cursor:wait}@media(max-width:780px){.app-shell .workspace-tabs{display:flex;width:100%;max-width:100%;box-sizing:border-box}.app-shell .workspace-tabs button{flex:1;min-width:0;padding:10px 7px;font-size:11px;white-space:nowrap}.app-shell .workspace-tabs svg{width:13px;height:13px}.upload-drop>span:last-child{line-height:1.7}.upload-file-info p{line-height:1.8}.upload-file-actions button{width:28px}.upload-queue-item{overflow-wrap:anywhere}}.upload-file-play.abc{background:linear-gradient(140deg,#aaa5ed30,#8dbde51a)}@media(max-width:1100px){.upload-summary{grid-template-columns:repeat(2,1fr)}}#uploads-content .upload-summary{gap:12px;margin:22px 0}#uploads-content .upload-summary>div{padding:16px 18px;gap:6px;border-radius:18px}#uploads-content .upload-summary strong{font-size:24px}#uploads-content .upload-toolbar{margin-bottom:14px}#uploads-content .upload-drop{display:grid;grid-template-columns:48px 1fr;column-gap:18px;row-gap:6px;text-align:left;align-items:center;padding:20px 24px;border-radius:20px;background:linear-gradient(120deg,#80b5ec0b,#e9a16608)}#uploads-content .upload-drop-icon{grid-row:1/3}#uploads-content .upload-drop>span:last-child{grid-column:2}#uploads-content .upload-list-heading{margin:26px 0 16px;font-size:13px}#upload-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}#upload-list .upload-empty{grid-column:1/-1;padding:46px 20px}#upload-list .upload-file{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px;margin:0;border-radius:24px;overflow:hidden;transition:border-color .2s,transform .2s;min-width:0;background:linear-gradient(140deg,#a6cbf918,#e7ab7f08)}#upload-list .upload-file:hover{border-color:#b8d6f26b;transform:translateY(-2px)}.upload-art{position:relative;height:156px;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#7fbffb3b,transparent 70%),linear-gradient(130deg,#406d9b30,#16284655)}.upload-art.speech{background:radial-gradient(ellipse at 70% 30%,#edb1853b,transparent 70%),linear-gradient(130deg,#90756825,#30273844)}.upload-art.abc{background:radial-gradient(ellipse at 70% 30%,#b3a0e83b,transparent 70%),linear-gradient(130deg,#635e942b,#24345744)}.upload-type-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;font-size:11px;padding:6px 9px;border-radius:8px;color:var(--text);background:#7e9fcb19;border:1px solid #bad2ef24;z-index:1}.upload-type-badge svg{width:13px;height:13px}.upload-signal{position:absolute;inset:52px 16px 26px;display:flex;align-items:center;justify-content:space-between;gap:4px;opacity:.4}.upload-signal i{display:block;flex:1;max-width:5px;height:var(--bar);border-radius:8px;background:linear-gradient(#b4d8ff,#789ccd)}.speech .upload-signal i{background:linear-gradient(#f2c49f,#bc9cac)}.upload-score-lines{position:absolute;inset:58px 20px 24px;background:repeating-linear-gradient(transparent 0 14px,#bfc4f62b 14px 15px,transparent 15px 16px);display:flex;align-items:center;justify-content:space-evenly;color:#d1c6f299;font-size:43px;font-family:serif}#upload-list .upload-file-play{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;width:auto;height:34px;padding:0 11px;border-radius:10px;background:#142c4699;border:1px solid #c8def53b;color:#eff6ff;backdrop-filter:blur(12px);font-size:11px}#upload-list .upload-file-play svg{width:14px;height:14px}#upload-list .upload-file-play:disabled{opacity:.4}#upload-list .upload-file-info{padding:16px 10px 11px;flex:none}#upload-list .upload-file-info h3{font-size:14px;margin-bottom:8px}#upload-list .upload-file-info p{display:flex;align-items:center;gap:8px;margin-bottom:8px}#upload-list .upload-file-info p .upload-dot{border:0;padding:0;margin:0}.upload-date{font-size:10px;color:var(--muted)}#upload-list .upload-file-actions{justify-content:flex-end;border-top:1px solid #a9c4e222;padding:7px 5px 0;gap:6px}#upload-confirm-dialog select{margin-top:3px;background:var(--panel);color:var(--text)}#upload-confirm-dialog .micro-label{font-size:10px;color:var(--muted)}@media(max-width:780px){#upload-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}#uploads-content .upload-drop{padding:18px 14px;column-gap:12px}#uploads-content .upload-drop strong{font-size:13px}#uploads-content .upload-summary>div{padding:12px 14px}}@media(max-width:460px){#upload-list{grid-template-columns:1fr}.upload-art{height:144px}#uploads-content .view-heading{align-items:flex-start;gap:16px}#uploads-content .view-heading #upload-pick{font-size:12px;padding:10px 12px;white-space:nowrap}}.unified-trash-list{display:grid;gap:12px;margin-top:24px}.trash-item{display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;background:linear-gradient(130deg,#adcdfb13,#f8ba8910)}.trash-item-symbol{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:14px;background:#8fadc61c;color:var(--muted)}.trash-item>div:nth-child(2){flex:1;min-width:0}.trash-item h3{font-size:14px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-item p{font-size:11px;color:var(--muted);margin:0}.trash-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#unified-empty-trash{display:flex;align-items:center;gap:8px}#unified-empty-trash svg{width:15px;height:15px}@media(max-width:780px){.trash-item{padding:14px;gap:10px}.trash-item-symbol{width:38px;height:38px}#trash-content .view-heading{gap:12px;align-items:flex-start}#unified-empty-trash{font-size:11px;padding:10px;white-space:nowrap}.workspace-tabs button[data-view=trash]{white-space:nowrap}}.app-shell[data-workspace-view=uploads] .composer-panel{display:none}.app-shell[data-workspace-view=uploads] .workspace-layout{grid-template-columns:minmax(0,1fr)}.app-shell[data-workspace-view=uploads] .workspace-tabs [data-view=create],.app-shell[data-workspace-view=uploads] .workspace-tabs [data-view=library]{display:none}.app-shell[data-workspace-view=uploads] .workspace-tabs{margin-left:auto;width:max-content}.app-shell[data-workspace-view=uploads] .workspace-tabs .glass-selector{display:none!important}
