@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#121212;color:#f2f2f2;font-family:Poppins,sans-serif}#root{min-height:100vh}.app-shell{padding:1.2rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.user-corner{display:flex;align-items:center;gap:.55rem}.user-corner select{background:#1d1d1d;border:1px solid #333;color:#fff;padding:.55rem .7rem;border-radius:8px;min-width:240px}.user-corner .more-button{background:#262626;color:#fff;border:1px solid #3a3a3a;border-radius:8px;padding:.45rem .7rem;font-size:1rem;cursor:pointer}.workspace-tools{display:flex;gap:.6rem;align-items:center}.workspace-tools input{background:#1d1d1d;border:1px solid #333;color:#fff;padding:.55rem .7rem;border-radius:8px;min-width:260px}.action-btn{background:#2f5be7!important;font-weight:600!important;text-transform:none!important}.workspace-layout{display:grid;grid-template-columns:240px 1fr;gap:1rem;align-items:start}.panel{background:#171717;border:1px solid #2c2c2c;border-radius:10px;padding:.9rem}.workspace-primary .panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem}.workspace-primary .panel-head p{opacity:.75;font-size:.85rem}.folder-panel h3{margin-bottom:.6rem}.folder-create{display:flex;gap:.4rem;margin-bottom:.7rem}.folder-create input{flex:1;background:#222;border:1px solid #3a3a3a;color:#fff;padding:.45rem;border-radius:8px}.folder-list{display:flex;flex-direction:column;gap:.4rem}.folder-list button{background:#232323;border:1px solid #363636;color:#fff;text-align:left;padding:.45rem .55rem;border-radius:8px;cursor:pointer}.folder-list button.active{border-color:#4d71f4;box-shadow:0 0 0 1px #4d71f4 inset}.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem}.file{background:#1e1e1e;border-radius:10px;border:1px solid #303030;overflow:hidden}.file .image{height:175px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#292929 0%,#111 100%);position:relative}.file .image img{max-width:100%;max-height:100%;object-fit:contain}.file .image img[alt=play]{width:3.2rem;height:3.2rem;position:absolute;opacity:.5}.file .controls{display:flex;align-items:center;gap:.2rem;padding:.5rem;background:#141414;border-top:1px solid #2c2c2c}.file .controls p{flex:1;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.file .controls button{min-width:2rem!important;padding:.2rem!important;color:#fff!important;font-size:.7rem!important;text-transform:none!important}.file .controls button img{width:1.2rem;height:1.2rem}.file-detail{max-height:100%;overflow:auto}.file-detail h3{margin-top:.45rem;font-size:1rem}.file-detail>p{opacity:.7;font-size:.8rem;margin:.2rem 0 .8rem}.file-detail .detail-actions,.file-detail .share-box,.file-detail .comments-box,.file-detail .versions-box{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #2d2d2d}.file-detail .share-box,.file-detail .comments-box{display:flex;flex-direction:column;gap:.5rem}.file-detail select,.file-detail textarea{background:#222;border:1px solid #3b3b3b;color:#fff;border-radius:8px;padding:.5rem}.file-detail .inline-row{display:flex;gap:.5rem;margin-bottom:.6rem}.file-detail .inline-row select{flex:1}.file-detail .tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;margin-bottom:.7rem}.file-detail .tabs button{background:#202020;border:1px solid #353535;color:#fff;font-size:.73rem;padding:.35rem;border-radius:8px;cursor:pointer;text-transform:capitalize}.file-detail .tabs button.active{border-color:#4d71f4;box-shadow:0 0 0 1px #4d71f4 inset}.file-detail textarea{min-height:75px;resize:vertical}.file-detail .comments-list{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:.45rem}.file-detail .comment-row{background:#202020;border:1px solid #353535;border-radius:8px;padding:.45rem;font-size:.82rem}.file-detail .comment-row small{opacity:.68;font-size:.7rem}.file-detail .version-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#202020;border:1px solid #353535;border-radius:8px;padding:.5rem;margin-top:.45rem}.file-detail .version-row p{font-size:.82rem}.file-detail .version-row small{opacity:.65;font-size:.7rem}.file-detail .metadata-textarea{min-height:160px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.file-detail .list-mini{display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem}.file-detail .mini-row{background:#202020;border:1px solid #353535;border-radius:8px;padding:.45rem;display:flex;align-items:center;gap:.4rem;justify-content:space-between}.file-detail .mini-row span{font-size:.78rem;max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-detail .mini-row small{font-size:.7rem;opacity:.74}.management-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1200;display:flex;justify-content:flex-end}.management-panel{width:min(440px,92vw);height:100%;background:#161616;border-left:1px solid #343434;padding:1rem;overflow-y:auto}.management-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.management-head button{background:#252525;border:1px solid #3a3a3a;color:#fff;border-radius:8px;padding:.35rem .6rem;cursor:pointer}.totals.compact{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.8rem}.totals.compact div{background:#1f1f1f;border-radius:8px;padding:.45rem;text-align:center;border:1px solid #313131}.totals.compact span{font-size:1rem;font-weight:700}.totals.compact p{font-size:.72rem;opacity:.72}.create-user{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.8rem}.create-user input,.create-user select{background:#222;border:1px solid #3a3a3a;color:#fff;padding:.5rem;border-radius:8px}.user-list{display:flex;flex-direction:column;gap:.6rem}.user-row{background:#1e1e1e;border:1px solid #303030;border-radius:8px;padding:.6rem}.user-row h4{font-size:.95rem}.user-row small{display:block;opacity:.72;margin-top:.2rem}.user-row p{opacity:.78;font-size:.75rem;margin-top:.3rem}.role-row{display:flex;gap:.5rem;margin-top:.45rem}.role-row select{flex:1;background:#252525;border:1px solid #3a3a3a;color:#fff;padding:.42rem;border-radius:8px}.large-view{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.large-view .preview-combo{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:.8rem;width:min(1400px,100%);height:calc(100vh - 2rem)}.large-view .preview-stage{background:#111;border:1px solid #2c2c2c;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:.8rem;overflow:hidden}.large-view .overlay-detail{height:100%;background:#171717}.large-view .overlay-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.large-view .overlay-head button{background:#242424;border:1px solid #3a3a3a;color:#fff;border-radius:8px;padding:.35rem .6rem;cursor:pointer}.large-view img,.large-view .plyr{max-width:100%;max-height:100%;border:none;border-radius:10px}.large-view .plyr{width:100%;height:100%}.nanobar .bar{background:#f5f5f5;box-shadow:0 0 10px #a8b9ff;height:4px}.footer{margin-top:.9rem;font-size:.8rem;opacity:.82}@media (max-width: 1280px){.workspace-layout{grid-template-columns:1fr}.large-view .preview-combo{grid-template-columns:1fr;height:auto;max-height:calc(100vh - 2rem)}.large-view .preview-stage{min-height:260px}}