:root{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--border: #2a3040;--text: #e8eaef;--muted: #9aa3b5;--accent: #5b8cff;--danger: #e45858;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{max-width:1100px;margin:0 auto;padding:24px 18px 64px}.header{margin-bottom:20px}.header-top-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}.header-auth{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.guest-banner{margin:0 0 16px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;flex:1;min-width:0}.crumb-wrap{display:inline-flex;align-items:center}.crumb-sep{color:var(--muted);margin:0 6px}.crumb{border:none;background:transparent;color:var(--accent);cursor:pointer;padding:4px 2px;font:inherit}.crumb:disabled{color:var(--text);cursor:default}.alert{background:#331a1a;border:1px solid #5a2222;color:#ffb4b4;padding:10px 12px;border-radius:var(--radius);margin-bottom:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{margin:0 0 12px;font-size:1rem}.panel-head .panel-title{margin:0}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.panel-subrow{margin:0 0 6px}.input{flex:1 1 200px;min-width:160px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0c0e12;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:#222733;color:var(--text);cursor:pointer;font:inherit}.btn.primary{background:#2a3f7a;border-color:#3d56a6}.btn.ghost{background:transparent}.btn.danger{border-color:#6b2a2a;color:#ffb4b4}.btn.danger.ghost{background:transparent}.btn.small{padding:6px 10px;font-size:.85rem}.btn.disabled,label.btn.disabled{opacity:.45;pointer-events:none}.hint{color:var(--muted);font-size:.9rem}.muted{color:var(--muted)}.small{font-size:.85rem}.folder-list{list-style:none;padding:0;margin:0 0 16px}.folder-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.folder-item.folder-drag-over{outline:2px dashed var(--accent);outline-offset:2px;border-radius:6px}.folder-item.folder-dragging{opacity:.55}.drag-handle-folder{flex-shrink:0}.folder-item-main{display:flex;flex:1;min-width:0;flex-wrap:wrap;align-items:center;gap:8px}.folder-edit{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.input-tight{flex:1 1 140px;min-width:0;padding:6px 10px;font-size:.9rem}.folder-item:last-child{border-bottom:none}.folder-link{display:inline-flex;align-items:center;gap:10px;border:none;background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:left}.folder-link:hover{color:var(--accent)}.folder-icon{font-size:1.2rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.dnd-hint{margin:0 0 10px}.video-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#12151c}.video-card.drag-over-target{outline:2px dashed var(--accent);outline-offset:2px}.video-card.dragging{opacity:.55}.video-card-row{display:flex;align-items:stretch;min-width:0}.drag-handle{flex:0 0 32px;display:grid;place-items:center;cursor:grab;-webkit-user-select:none;user-select:none;color:var(--muted);font-size:.85rem;letter-spacing:-.12em;line-height:1;background:#0c0e12;border-right:1px solid var(--border);touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.thumb-wrap{position:relative;display:block;width:100%;padding:0;border:none;cursor:pointer;background:#000}.thumb{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.play-badge{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:48px;height:48px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;font-size:1rem;pointer-events:none}.kind-badge{position:absolute;top:8px;left:8px;z-index:1;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:#000000a6;color:#e8eaef;pointer-events:none}.video-meta{flex:1;min-width:0;padding:10px 12px 12px}.video-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-name-row{display:flex;align-items:center;gap:8px;min-width:0}.video-name-row .video-name{flex:1;min-width:0}.video-title-edit{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.video-edit-actions{display:flex;flex-wrap:wrap;gap:8px}.video-actions{display:flex;gap:8px;margin-top:8px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.modal-body{position:relative;width:min(960px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;z-index:1}.modal-narrow{width:min(400px,100%)}.login-fields{display:flex;flex-direction:column;gap:12px}.login-label{display:flex;flex-direction:column;gap:5px;font-size:1rem;color:var(--muted)}.login-fields .input{flex:none;width:100%;min-width:0;font-size:1.125rem;line-height:1.35;padding:4px 12px;height:calc(3.0375rem + 2px);box-sizing:border-box}.login-submit{margin-top:4px;align-self:flex-start}.video-meta-guest{padding:10px 12px 12px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.modal-title{margin:0;font-size:1rem;line-height:1.3}.modal-viewer{max-width:min(1024px,100%)}.player{width:100%;max-height:min(70vh,640px);border-radius:8px;background:#000}.modal-preview-img{display:block;max-width:100%;max-height:min(85vh,900px);margin:0 auto;border-radius:8px;object-fit:contain;background:#0a0a0a}.modal-pdf-frame{display:block;width:100%;min-height:min(75vh,720px);height:min(85vh,900px);border:0;border-radius:8px;background:#111}