Styles for the cuts panel and its player

This commit is contained in:
gator 2026-09-17 12:44:02 +00:00
parent 170895644d
commit 800ba28387

View file

@ -99,6 +99,23 @@
.timing{border:1px solid var(--line);border-radius:10px;padding:11px 14px;margin:0 0 16px;font-size:13px}
.timing.over{border-color:#e0685f}
.timing ul{margin:7px 0 0;padding-left:18px;color:var(--muted);font-size:12.5px}
.cuts{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:0 0 16px}
.cuts h4{margin:0 0 4px;font-size:15px}
.cuts .lede{color:var(--muted);font-size:13px;margin:0 0 12px}
.cut{border-top:1px solid var(--line);padding:11px 0}
.cut:first-of-type{border-top:0}
.cut b{font-size:14px}
.cut .len{color:var(--accent2);font-variant-numeric:tabular-nums;margin-left:8px;font-size:13px}
.cut .strat{font-size:13px;margin:3px 0}
.cut .why{color:var(--muted);font-size:12.5px;margin:3px 0}
.cut .sac{color:#e0a05f;font-size:12.5px;margin:3px 0}
.cut .ids{color:var(--muted);font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
margin:4px 0 0;word-break:break-word}
.cut .stat{color:var(--accent2);font-size:12.5px;margin:3px 0}
.playbox{margin:10px 0 0;background:#000;border-radius:10px;overflow:hidden}
.playbox video{width:100%;display:block;aspect-ratio:16/9;background:#000}
.playbox .bar2{display:flex;gap:10px;align-items:center;padding:7px 10px;font-size:12px;
color:var(--muted);background:var(--panel)}
</style>
</head>
<body>