Mini Video Library

.settings-shell{display:grid;grid-template-columns:190px minmax(0,800px);gap:55px;justify-content:center}.settings-tabs{display:flex;flex-direction:column;gap:5px;position:sticky;top:105px;height:max-content}.settings-tabs p{padding:0 12px}.settings-tabs button{text-align:left;background:transparent;border-color:transparent;color:var(--muted)}.settings-tabs button:hover,.settings-tabs button.active{background:var(--panel);color:white;border-color:var(--line)}.settings-tabs i{float:right;background:var(--accent);color:white;border-radius:20px;padding:0 6px;font-style:normal;font-size:11px}.settings-content{width:100%;max-width:none;margin:0}.settings-content h1{font-size:clamp(38px,6vw,68px);line-height:1;letter-spacing:-.05em}.log-heading{display:flex;justify-content:space-between;align-items:center}.log-filters{display:flex;gap:7px;margin:25px 0 12px}.log-filters button{padding:7px 11px}.logs{border:1px solid var(--line);border-radius:10px;max-height:65vh;overflow:auto;background:#08090b}.log-row{padding:13px 15px;border-bottom:1px solid var(--line);font-family:ui-monospace,monospace;font-size:12px}.log-row:last-child{border:0}.log-row>div{display:grid;grid-template-columns:75px 55px 1fr;gap:10px}.log-row time{color:var(--muted)}.log-row b{color:#79b8ff}.log-row.warn b{color:#ffc857}.log-row.error b{color:#ff6675}.log-row pre{white-space:pre-wrap;word-break:break-all;color:var(--muted);margin:8px 0 0 140px}@media(max-width:750px){.settings-shell{grid-template-columns:1fr;gap:20px}.settings-tabs{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.settings-tabs p{display:none}.settings-tabs button{text-align:center;padding:9px 4px}.log-row>div{grid-template-columns:60px 45px 1fr}.log-row pre{margin-left:0}}