From 800ba2838718c296d83c24b878289c97cff1d4c1 Mon Sep 17 00:00:00 2001
From: gator <gatordevin@gmail.com>
Date: Thu, 17 Sep 2026 12:44:02 +0000
Subject: [PATCH] Styles for the cuts panel and its player

---
 trailer.html | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/trailer.html b/trailer.html
index 9af9a8b..c24fbbd 100644
--- a/trailer.html
+++ b/trailer.html
@@ -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>