Restructure docs

add template and interactive tutorial, update tool runner

2 files changed, 17 insertions, 2 deletions

diff --git a/docs/css/dark.css b/docs/css/dark.css
index e7f7ac0..551be70 100644
--- a/docs/css/dark.css
+++ b/docs/css/dark.css
@@ -333,7 +333,7 @@ body.sticky .sidebar-toggle {
 }
 .markdown-section {
     margin: 0 auto;
-    max-width: 100%;
+    max-width: 80%;
     padding: 30px 45px 40px;
     position: relative;
     background-color: #121212;
@@ -1021,3 +1021,10 @@ code .token {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
     color: #f4fefe;
 }
+
+.markdown-section iframe {
+    border: none;
+    border-radius: 16px;
+    display: block;
+    margin: 1em auto;
+}
diff --git a/docs/css/light.css b/docs/css/light.css
index d4f93dd..fd04754 100644
--- a/docs/css/light.css
+++ b/docs/css/light.css
@@ -331,7 +331,7 @@ body.sticky .sidebar-toggle {
 }
 .markdown-section {
     margin: 0 auto;
-    max-width: 100%;
+    max-width: 80%;
     padding: 30px 45px 40px;
     position: relative;
 }
@@ -949,3 +949,11 @@ code .token {
     overflow-y: auto;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
+
+.markdown-section iframe {
+    border: none;
+    border-radius: 16px;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
+    display: block;
+    margin: 1em auto;
+}