:root{color:#f1edf2;background:#0b0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #343b49;border-radius:8px;color:#f1edf2;background:#202530;padding:9px 12px}button:hover:not(:disabled){background:#2b3140}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ff9ab1;outline-offset:2px}button[aria-pressed=true]{background:#38202a;color:#ffb0c2;border-color:#b94765}button.primary,.form button[type=submit]{background:#bb2649;border-color:#bb2649;color:#fff;font-weight:650}button.primary:hover:not(:disabled),.form button[type=submit]:hover:not(:disabled){background:#d33158}button.secondary{background:transparent;border-color:transparent;color:#b8becb}input,select{width:100%;min-height:40px;min-width:0;border:1px solid #3a4353;border-radius:8px;color:#f1edf2;background:#0f1218;padding:9px 11px}input[type=checkbox]{width:16px;min-height:16px;height:16px;margin:0;accent-color:#bb2649;flex-shrink:0}h1,h2,p{margin:0}h1{font-size:1.2rem}h2{font-size:.95rem;font-weight:650}.muted,.brand-copy span,.account-email{color:#adb5c5;font-size:.8rem}.app-frame{width:min(100%,1800px);height:100dvh;margin:auto;display:flex;flex-direction:column;background:#0f1218}.topbar{display:flex;align-items:center;gap:14px;padding:12px 22px;border-bottom:1px solid #303746;background:#171a22;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;background:#bb2649;font-weight:750}.brand-copy{display:grid;gap:1px}.topnav{display:flex;gap:6px;margin-left:12px}.topbar-spacer{flex:1}.account-email{overflow-wrap:anywhere}.context-bar{display:flex;align-items:center;gap:14px;padding:12px 22px;min-height:68px;flex-wrap:wrap;flex-shrink:0}.level-picker{display:flex;align-items:center;gap:9px;font-size:.85rem}.level-picker select{width:160px}.workspace{display:grid;grid-template-columns:180px minmax(300px,.85fr) minmax(400px,1.3fr);flex:1;min-height:0;border-block:1px solid #303746}.workspace.library{grid-template-columns:180px minmax(0,1fr)}.workspace.library.upload-open{grid-template-columns:180px minmax(300px,1fr) minmax(300px,.8fr)}.pane{display:flex;flex-direction:column;gap:12px;padding:18px;min-height:0;min-width:0}.pane+.pane{border-left:1px solid #303746}.group-pane{background:#11141b;padding-inline:12px}.pane-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.group-nav{overflow:auto;display:flex;flex-direction:column;gap:3px}.group-nav button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;text-align:left;border-color:transparent;background:transparent;font-size:.85rem}.group-nav button[aria-pressed=true]{border-color:#7b354b;background:#38202a}.group-nav button span:first-child{overflow-wrap:anywhere}.scroll-list{overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable}.item-list,.clip-list{list-style:none;padding:0;margin:0}.item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;align-content:start}.item-list>li{min-width:0}.item-list>.empty-state{grid-column:1 / -1}.clip-list>li+li{margin-top:7px}.clip-card{padding:10px;border:1px solid #343b49;border-radius:9px;background:#171a22;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}.clip-card.selected{border-color:#b94765;background:#2b1c25}.clip-card strong{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-card>.muted{grid-column:1;font-size:.75rem;overflow-wrap:anywhere}.clip-actions{grid-column:2;grid-row:1 / 3;display:flex;align-items:center;gap:6px}.clip-actions button{white-space:nowrap}.clip-actions button{font-size:.8rem;padding:7px 10px}.item-tabs,.selection-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.item-tabs{border-bottom:1px solid #303746;padding-bottom:8px}.item-tabs button,.selection-actions button{font-size:.8rem;padding:7px 9px}#selection-status{margin-left:auto}.item-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:10px;background:#171a22;border:1px solid #303746;border-radius:9px;cursor:pointer}.item-card>input{position:absolute;top:10px;left:10px}.item-card:has(input:checked){border-color:#b94765;background:#2b1c25}.item-card:has(input:disabled){opacity:.6;cursor:default}.item-icon{width:56px;height:56px;margin-top:22px;object-fit:contain;background:#211d2a;border-radius:7px;display:grid;place-items:center}.item-card>div{display:grid;gap:5px;min-width:0;width:100%;text-align:center}.item-card strong{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card>div span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#adb5c5;font-size:.78rem;line-height:1.4;min-height:2.8em;overflow-wrap:anywhere}.item-status{position:absolute;top:7px;right:7px;font-size:.68rem;border-radius:20px;padding:4px 7px;white-space:nowrap}.item-status.assigned{color:#8fdbb4;background:#16362a}.item-status.to-assign{color:#ffd37d;background:#493719}.empty-state{color:#adb5c5;font-size:.85rem;padding:24px 10px;text-align:center}.preview-panel{padding:10px;display:grid;gap:6px;background:#171a22;border:1px solid #343b49;border-radius:8px;font-size:.85rem}audio{width:100%;min-width:0;height:36px}.assignment-footer{display:flex;align-items:center;gap:12px;padding:12px 22px;flex-wrap:wrap;flex-shrink:0;background:#171a22}.chosen-audio{flex:1;min-width:160px;border-left:3px solid #bb2649;padding-left:12px;display:grid;gap:3px}.chosen-audio strong{font-size:.9rem;overflow-wrap:anywhere}.pick-options{flex-basis:100%;font-size:.8rem;color:#adb5c5}.pick-options summary{cursor:pointer;width:fit-content}.pick-options label{display:flex;align-items:center;gap:8px;margin-top:10px}#assignment-status{flex-basis:100%}.status{padding:8px 12px;font-size:.8rem;overflow-wrap:anywhere}.status:empty{display:none}.ok{color:#8fdbb4;background:#16362a}.error{color:#ffc1c1;background:#4a2025}.warning{color:#ffd37d;background:#493719}.upload-pane{background:#171a22;overflow:auto}.form{display:grid;gap:10px}.form label{font-size:.85rem;color:#c0c6d2}.form input[type=file]{font-size:.8rem;padding:9px}.card{width:min(100% - 32px,460px);margin:64px auto;padding:28px;border:1px solid #303746;border-radius:14px;background:#171a22}.card h1{margin-bottom:12px}.card>p{margin-bottom:20px}.eyebrow{color:#adb5c5;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:1100px){.workspace{grid-template-columns:150px minmax(250px,.85fr) minmax(330px,1.2fr)}.workspace.library.upload-open{grid-template-columns:150px minmax(240px,1fr) minmax(260px,.9fr)}.pane{padding:12px}.group-nav button{font-size:.78rem;padding-inline:7px;gap:5px}.account-email,.brand-copy span{display:none}}@media(max-width:800px){.app-frame{height:auto;min-height:100dvh}.topbar{flex-wrap:wrap;padding:12px;gap:8px}.topnav{margin-left:0}.context-bar{padding:12px}.workspace,.workspace.library,.workspace.library.upload-open{grid-template-columns:140px minmax(0,1fr);flex:none}.audio-pane{min-height:350px}.items-pane,.upload-pane{grid-column:1/-1;border-left:0!important;border-top:1px solid #303746}.scroll-list{max-height:460px;flex:auto}.group-nav{max-height:520px}.assignment-footer{position:sticky;bottom:0;padding:12px;border-top:1px solid #303746}.brand-copy{display:none}}@media(max-width:450px){.workspace,.workspace.library,.workspace.library.upload-open{display:flex;flex-direction:column}.group-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px}.pane+.pane{border-left:0;border-top:1px solid #303746}.context-bar .topbar-spacer{display:none}.level-picker{width:100%}.level-picker select{flex:1}.topbar .topbar-spacer{display:none}.topnav button{font-size:.8rem}.assignment-footer>button{flex-basis:100%}input,select{font-size:16px}}@media(pointer:coarse){button,.clip-actions button,.group-nav button,.item-tabs button,.selection-actions button{min-height:44px}}