:root{color:#111;font-synthesis:none;background:#fff;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;color:#111;white-space:nowrap;background:#eee;border:1px solid #888;border-radius:0;padding:6px 10px;font-size:13px;text-decoration:none}button:hover,.button:hover{background:#ddd}button:disabled{color:#777;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #111}.primary{border-color:#444;font-weight:700}.topbar{border-bottom:1px solid #999;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:12px 20px;display:flex}.brand{color:inherit;align-items:center;gap:8px;font-size:18px;text-decoration:none;display:flex}.brand strong{font-weight:700}.brand-icon{font-size:22px}.account,.toolbar{align-items:center;gap:8px;display:flex}.account>span{margin-right:8px;font-size:13px}.sidebar{width:190px;padding:20px 12px 120px;position:absolute;top:58px;bottom:0}.eyebrow{margin:0 0 12px;font-size:12px;font-weight:700}.nav{text-align:left;white-space:normal;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;gap:8px;width:100%;margin-bottom:4px;padding:8px;font-size:14px;display:flex}.nav.active{background:#eee;border-color:#aaa;font-weight:700}.library{border-left:1px solid #ccc;min-height:calc(100dvh - 58px);margin-left:190px;padding:24px 24px 140px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.page-heading .eyebrow{display:none}h1{overflow-wrap:anywhere;margin:0;font-size:24px}h2{font-size:18px}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.breadcrumbs button{white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;padding:4px;text-decoration:underline}.breadcrumbs button:disabled{color:#111;text-decoration:none}.file-list{border:1px solid #aaa}.file-list.dragging{outline-offset:3px;background:#eee;outline:2px dashed #111}.table-head,.file-row{grid-template-columns:minmax(120px,1fr) 90px 225px;align-items:center;gap:12px;padding:10px 14px;display:grid}.table-head{background:#eee;border-bottom:1px solid #aaa;font-size:12px;font-weight:700}.table-head span:last-child{text-align:right}.file-row{border-bottom:1px solid #ddd;min-height:58px;font-size:13px}.file-row:last-child{border-bottom:0}.file-name{text-align:left;white-space:normal;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.file-name:hover{background:0 0;text-decoration:underline}.file-name>span:last-child{overflow-wrap:anywhere}.file-name small{color:#555;margin-top:3px;font-size:11px;display:block}.file-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:20px;display:inline-flex}.row-actions{justify-content:flex-end;gap:5px;display:flex}.row-actions button,.row-actions a{padding:5px 8px;font-size:12px}.muted{color:#555;font-size:13px;line-height:1.5}.empty{text-align:center;color:#555;padding:50px 20px}.empty>span{font-size:28px}.empty p{font-size:13px}.drop-target{white-space:normal;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:230px;padding:32px 16px;display:flex}.drop-target strong{font-size:18px}.drop-target span{font-size:13px;text-decoration:underline}.drop-target:hover,.dragging .drop-target{background:#eee}.error{overflow-wrap:anywhere;border:1px solid #555;margin:12px 0;padding:10px 12px;font-size:13px}.upload-status{background:#eee;border:1px solid #aaa;margin-bottom:16px;padding:12px;font-size:13px}.upload-status>div{justify-content:space-between;gap:20px;margin-bottom:8px;display:flex}.upload-status strong{overflow-wrap:anywhere}progress{accent-color:#555;width:100%;height:10px}.load-more{margin:16px auto;display:block}.player{background:#fff;border-top:1px solid #888;align-items:center;gap:20px;padding:12px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.now-playing{align-items:center;gap:10px;width:260px;min-width:0;display:flex}.now-playing>div{min-width:0}.now-playing small{color:#555;margin-bottom:4px;font-size:10px;display:block}.now-playing strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}audio{flex:1;min-width:0;height:40px}.multitrack{border:1px solid #aaa;margin-bottom:16px;padding:12px}.multitrack>.toolbar{flex-wrap:wrap;margin-bottom:10px}.multitrack input[type=range]{accent-color:#555;border:0;padding:0}.stem-controls{border-top:1px solid #ddd;grid-template-columns:minmax(100px,1fr) auto auto 160px;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:grid}.stem-controls button[aria-pressed=true]{background:#ccc;border-color:#111;font-weight:700}.stem-controls>span{overflow-wrap:anywhere}.stem-controls small{margin-top:4px;display:block}.stem-controls label{align-items:center;gap:8px;display:flex}@media (width<=600px){.stem-controls{grid-template-columns:minmax(80px,1fr) auto auto}.stem-controls label{grid-column:1/-1}}.login{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{border:1px solid #999;width:min(100%,420px);padding:24px}.login-card .brand-icon{margin-bottom:16px;display:block}.login-card h1{font-size:24px}.login-card form{margin-top:20px}form{gap:12px;display:grid}label{gap:6px;font-size:13px;display:grid}input,select,textarea{color:#111;background:#fff;border:1px solid #888;border-radius:0;width:100%;min-width:0;padding:8px}textarea{resize:vertical}.folder-notes{margin-bottom:18px}.folder-notes>button{justify-self:start}.audio-format{margin:12px 0;font-size:13px}.checkbox{align-items:center;display:flex}.checkbox input{width:auto}dialog{width:min(540px,100% - 32px);max-height:85dvh;color:inherit;border:1px solid #555;border-radius:0;padding:20px}dialog::backdrop{background:#0006}.modal-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.modal-heading h2{margin:0}.settings-list{border-top:1px solid #aaa;margin-top:20px;padding-top:10px}.settings-list>div,.settings-list>button{text-align:left;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:1px solid #ccc;width:100%;padding:10px 4px;display:block}.settings-list>button:hover{background:#eee}.settings-list strong{font-size:13px;display:block}.settings-list span{color:#555;margin-top:4px;font-size:12px;display:block}@media (width<=1050px){.page-heading{flex-direction:column;align-items:flex-start}.table-head,.file-row{grid-template-columns:minmax(80px,1fr) 65px 210px;gap:10px}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:12px;padding:12px}.brand{font-size:16px}.account{margin-left:auto}.account>span{display:none}.sidebar{gap:6px;width:100%;padding:12px 12px 0;display:flex;position:static;overflow-x:auto}.sidebar .eyebrow{display:none}.nav{flex-shrink:0;width:auto;max-width:220px}.library{border-left:0;min-height:auto;margin-left:0;padding:20px 12px 180px}.toolbar{flex-wrap:wrap}.table-head,.file-row{grid-template-columns:1fr 70px}.table-head span:last-child{display:none}.row-actions{grid-column:1/-1;justify-content:flex-start;padding-left:34px}.row-actions button,.row-actions a{min-height:36px;padding:8px 10px}.player{flex-wrap:wrap;gap:10px;padding:10px 12px}.now-playing{flex:1}.player audio{flex-basis:100%;order:3}}