chore: define modal layout tokens

components/revert-video-modal.html

@@ -71,7 +71,7 @@
           </p>
         </div>
 
-        <div class="grid gap-6 lg:grid-cols-[minmax(240px,280px)_1fr]">
+        <div class="revert-modal__layout">
           <aside class="space-y-4">
             <div class="flex items-center justify-between">
               <h3 class="text-sm font-semibold text-text">

components/video-modal.html

@@ -58,7 +58,7 @@
         </div>
 
         <div
-          class="video-modal__layout grid gap-8 lg:grid-cols-[minmax(0,1.85fr)_minmax(260px,1fr)]"
+          class="video-modal__layout"
         >
           <div class="video-modal__primary flex flex-col gap-6">
             <div class="watch-container">