From 1d4503b015e5a11f79e887cad49506678a6a5416 Mon Sep 17 00:00:00 2001
From: Hare <kei.hiracchi.0928@gmail.com>
Date: Thu, 9 Jul 2026 19:33:48 +0900
Subject: [PATCH] Simplify playground action separator

---
 site/decodal-site/src/pages/playground.astro | 1 +
 site/decodal-site/src/style.css              | 9 +++------
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/site/decodal-site/src/pages/playground.astro b/site/decodal-site/src/pages/playground.astro
index 9c7b11d..51cc477 100644
--- a/site/decodal-site/src/pages/playground.astro
+++ b/site/decodal-site/src/pages/playground.astro
@@ -15,6 +15,7 @@ import ManualLayout from '../layouts/ManualLayout.astro';
           </label>
           <button id="load-example" type="button">Load</button>
         </div>
+        <span class="action-separator" aria-hidden="true">|</span>
         <div class="action-group run-actions">
           <button id="format" disabled>Format</button>
           <label class="entry-picker">
diff --git a/site/decodal-site/src/style.css b/site/decodal-site/src/style.css
index 0fcdc3c..ca8a923 100644
--- a/site/decodal-site/src/style.css
+++ b/site/decodal-site/src/style.css
@@ -299,16 +299,13 @@ main.playground {
 
 .action-group {
   align-items: center;
-  background: rgba(15, 23, 42, 0.55);
-  border: 1px solid var(--border);
-  border-radius: 12px;
   display: flex;
   gap: 8px;
-  padding: 6px;
 }
 
-.run-actions {
-  border-color: rgba(96, 165, 250, 0.35);
+.action-separator {
+  color: var(--border);
+  font-weight: 700;
 }
 
 .example-picker,