:root{--bg:#0b0d12;--panel:#141821;--panel-2:#1b212d;--border:#272e3b;--text:#e7ecf3;--muted:#8b94a7;--accent:#b22234;--accent-2:#3c5ccf;--radius:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}input,button{font:inherit}.app-header{border-bottom:1px solid var(--border);background:var(--panel);z-index:10;align-items:center;gap:16px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:.2px;font-weight:700}.brand .accent{color:var(--accent)}.container{max-width:1280px;margin:0 auto;padding:24px 22px}.searchbar{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);max-width:560px;color:var(--text);flex:1;padding:10px 14px}.searchbar::placeholder{color:var(--muted)}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:10px 16px;font-weight:600}.btn.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.grid{columns:240px;column-gap:14px;margin-top:20px}.empty{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);padding:60px 24px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:380px;padding:28px}.login-card h1{margin:0 0 4px;font-size:20px}.login-card p{color:var(--muted);margin:0 0 20px;font-size:14px}.field{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);margin-bottom:12px;padding:12px 14px}.error{color:#ff6b6b;min-height:16px;margin-bottom:12px;font-size:13px}.uploader{margin-top:4px}.dropzone{border:2px dashed var(--border);background:var(--panel);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:34px 24px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:var(--accent-2)}.dropzone.dragging{border-color:var(--accent);background:var(--panel-2)}.dropzone strong{font-size:15px}.dropzone span{color:var(--muted);font-size:13px}.upload-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.upload-row{grid-template-columns:1fr 160px 64px;align-items:center;gap:12px;font-size:13px;display:grid}.upload-name{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.upload-bar{background:var(--panel-2);border-radius:999px;height:6px;overflow:hidden}.upload-fill{background:var(--accent);height:100%;transition:width .2s;display:block}.upload-state{text-align:right;color:var(--muted)}.upload-row.done .upload-fill{background:#3fb950}.upload-row.done .upload-state{color:#3fb950}.upload-row.error .upload-fill{background:#ff6b6b}.upload-row.error .upload-state{color:#ff6b6b}.tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);break-inside:avoid;width:100%;margin-bottom:14px;transition:opacity .15s,border-color .15s;overflow:hidden}.tile:hover{border-color:var(--accent-2)}.tile.deleting{opacity:.4;pointer-events:none}.tile-media{background:#000;line-height:0;position:relative}.tile-media img,.tile-media video{width:100%;height:auto;display:block}.tile-play{color:#ffffffe6;text-shadow:0 1px 6px #0009;pointer-events:none;place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.tile-duration{color:#fff;background:#000000b3;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;bottom:6px;right:6px}.tile-delete{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:6px;width:24px;height:24px;font-size:16px;line-height:1;transition:opacity .15s;position:absolute;top:6px;right:6px}.tile:hover .tile-delete{opacity:1}.tile-delete:hover{background:var(--accent)}.tile-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:8px 10px;font-size:12px;overflow:hidden}.tile-media{cursor:pointer}.lightbox{z-index:100;background:#000000d9;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px;display:grid;position:fixed;inset:0}.lb-stage{flex-direction:column;grid-column:2;gap:14px;max-width:min(1100px,90vw);max-height:90vh;display:flex}.lb-media{justify-content:center;align-items:center;min-height:0;display:flex}.lb-media img,.lb-media video{object-fit:contain;background:#000;border-radius:8px;max-width:100%;max-height:78vh}.lb-meta{flex-direction:column;gap:10px;display:flex}.lb-title{word-break:break-word;font-size:15px;font-weight:600}.lb-facts{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.lb-actions{flex-wrap:wrap;gap:10px;display:flex}.btn.danger{color:#ff6b6b}.btn.danger:hover{background:var(--accent);color:#fff}.lb-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:38px;height:38px;font-size:24px;position:absolute;top:18px;right:22px}.lb-close:hover{background:#fff3}.lb-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;align-self:center;width:52px;height:52px;font-size:30px;line-height:1}.lb-nav:hover{background:#ffffff38}.lb-prev{grid-column:1;justify-self:start;margin-left:8px}.lb-next{grid-column:3;justify-self:end;margin-right:8px}.details{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.details-empty{color:var(--muted);margin:0;font-size:13px}.detail-row{align-items:baseline;gap:10px;display:flex}.detail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;flex:0 0 78px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:13px}.detail-desc{color:var(--text);margin:4px 0 0;font-size:14px;line-height:1.45}.detail-credit{color:var(--text);font-size:13px;font-style:italic}.details.edit{gap:12px}.detail-field{flex-direction:column;gap:4px;display:flex}.detail-field>span{font-size:13px;font-weight:600}.detail-field>small{color:var(--muted);font-size:11px}.detail-field .field{margin-bottom:0}.detail-field textarea.field{resize:vertical;font-family:inherit}.detail-actions{gap:10px;margin-top:2px;display:flex}.search{flex:1;max-width:560px;position:relative}.search .searchbar{width:100%;max-width:none}.search-dropdown{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);z-index:20;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000073}.search-empty{color:var(--muted);padding:14px;font-size:14px}.search-result{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.search-result:hover{background:var(--panel-2)}.search-thumb{background:#000;border-radius:6px;flex:0 0 44px;height:44px;overflow:hidden}.search-thumb img,.search-thumb video{object-fit:cover;width:100%;height:100%;display:block}.search-text{flex-direction:column;min-width:0;display:flex}.search-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.search-tags{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.search-all{background:var(--panel-2);width:100%;color:var(--accent-2);cursor:pointer;text-align:left;border:none;padding:11px 12px;font-size:13px;font-weight:600;display:block}.search-all:hover{background:var(--border)}.back-link{color:var(--accent-2);margin-left:8px;font-size:13px;font-weight:400}.back-link:hover{text-decoration:underline}