diff --git a/css/style.css b/css/style.css
index 00321d8..110fa1e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1928,6 +1928,21 @@ html {
scroll-behavior: smooth;
}
+/* Tokenade presets: horizontal layout */
+.tokenade-presets {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ flex-wrap: wrap;
+ margin: 8px 0;
+}
+.tokenade-presets > label {
+ margin-right: 4px;
+}
+.tokenade-presets .transform-button {
+ padding: 6px 10px;
+}
+
.transform-layout {
position: relative;
}
diff --git a/index.html b/index.html
index ee9f35b..3981ff2 100644
--- a/index.html
+++ b/index.html
@@ -173,6 +173,15 @@
Auto-copy
+
+
+
+
+ Estimated length: {{ estimateTokenadeLength().toLocaleString() }} chars
+
+
+
+