*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:#0d1013;color:#eceef0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #262B31;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:#e8a33d}.brand span{font-size:17px;letter-spacing:.2px}.open-player-link{color:#e8a33d;font-size:13px;text-decoration:none;border:1px solid #262B31;padding:7px 14px;border-radius:6px}.open-player-link:hover{border-color:#e8a33d}.panel{flex:1;overflow:auto;padding:28px 24px}.wrap{max-width:940px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:24px}@media (max-width: 760px){.wrap{grid-template-columns:1fr}}.card{background:#171b1f;border:1px solid #262B31;border-radius:10px;padding:18px;margin-bottom:18px}.card h2{font-size:15px;font-weight:500;margin:0 0 14px;color:#eceef0}label{display:block;font-size:12px;color:#8b9198;margin:12px 0 5px}label:first-of-type{margin-top:0}input[type=text],select{width:100%;background:#0d1013;border:1px solid #262B31;border-radius:6px;color:#eceef0;padding:9px 10px;font-size:13px;font-family:inherit}input[type=text]:focus,select:focus{outline:none;border-color:#e8a33d}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.file-drop{border:1.5px dashed #262B31;border-radius:8px;padding:22px 14px;text-align:center;cursor:pointer;font-size:13px;color:#8b9198}.file-drop:hover{border-color:#e8a33d;color:#eceef0}.upload-status{font-size:12px;color:#8b9198;margin-top:10px}.add-btn{margin-top:16px;width:100%;background:#e8a33d;color:#241804;border:none;border-radius:6px;padding:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.add-btn:hover{background:#f0ad4a}.field-error{color:#e5484d;font-size:12px;margin-top:8px}.hint{font-size:12px;color:#5a6067;margin-top:14px;line-height:1.5}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head h2{margin:0}.clear-btn{background:transparent;border:1px solid #262B31;color:#8b9198;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.clear-btn:hover{border-color:#e5484d;color:#e5484d}.list{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;background:#0d1013;border:1px solid #262B31;border-radius:8px;padding:10px 12px}.thumb{width:52px;height:36px;border-radius:4px;background:#262b31;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#8b9198;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.info{flex:1;min-width:0}.info .url{font-size:12px;color:#eceef0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info .meta{font-size:11px;color:#5a6067;margin-top:2px}.actions{display:flex;gap:4px;flex-shrink:0}.actions button{background:transparent;border:1px solid #262B31;color:#8b9198;border-radius:5px;width:26px;height:26px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}.actions button:hover{border-color:#5a6067;color:#eceef0}.actions button.del:hover{border-color:#e5484d;color:#e5484d}.empty-list{color:#5a6067;font-size:13px;padding:20px 0;text-align:center}.list-loading{color:#5a6067;font-size:13px}.player{flex:1;position:relative;background:#000;overflow:hidden}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .9s ease;background:#000}.slide.on{opacity:1}.slide img,.slide video{width:100%;height:100%;object-fit:contain}.player-start{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#0d1013;cursor:pointer;z-index:5}.player-start .big{font-size:22px;color:#eceef0}.player-start .small{font-size:14px;color:#5a6067}.player-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#5a6067;text-align:center}.player-empty .big{font-size:20px;color:#8b9198}