.hbs-editor{--hbs-color-text: #24292f;--hbs-color-background: #ffffff;--hbs-color-border: #d1d5db;--hbs-color-caret: #24292f;--hbs-color-placeholder: #6b7280;--hbs-color-focus-ring: #2563eb;--hbs-color-variable: #0550ae;--hbs-color-variable-path: #0550ae;--hbs-color-block-keyword: #8250df;--hbs-color-block-param: #0550ae;--hbs-color-helper: #953800;--hbs-color-helper-arg: #0550ae;--hbs-color-hash-key: #0550ae;--hbs-color-hash-value: #0a3069;--hbs-color-literal: #0a3069;--hbs-color-data-var: #cf222e;--hbs-color-subexpr-paren: #6b7280;--hbs-color-comment: #6b7280;--hbs-color-raw: #953800;--hbs-color-brace: #9ca3af;--hbs-color-error: #cf222e;--hbs-color-error-bg: rgba(207, 34, 46, .1);--hbs-color-autocomplete-bg: #ffffff;--hbs-color-autocomplete-selected: #f3f4f6;--hbs-autocomplete-min-width: 160px;--hbs-autocomplete-max-height: 200px;--hbs-padding: 12px;--hbs-font-size: 14px;--hbs-line-height: 1.6;--hbs-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--hbs-border-radius: 6px;--hbs-tab-size: 2;position:relative;flex:1;font-family:var(--hbs-font-family);font-size:var(--hbs-font-size);line-height:var(--hbs-line-height);background-color:var(--hbs-color-background);border-radius:var(--hbs-border-radius);-webkit-text-size-adjust:100%;overflow:hidden}.hbs-editor.hbs-theme-dark{--hbs-color-text: #e6edf3;--hbs-color-background: #0d1117;--hbs-color-border: #30363d;--hbs-color-caret: #e6edf3;--hbs-color-placeholder: #6e7681;--hbs-color-focus-ring: #58a6ff;--hbs-color-variable: #79c0ff;--hbs-color-variable-path: #79c0ff;--hbs-color-block-keyword: #d2a8ff;--hbs-color-block-param: #79c0ff;--hbs-color-helper: #ffa657;--hbs-color-helper-arg: #79c0ff;--hbs-color-hash-key: #79c0ff;--hbs-color-hash-value: #a5d6ff;--hbs-color-literal: #a5d6ff;--hbs-color-data-var: #ff7b72;--hbs-color-subexpr-paren: #6e7681;--hbs-color-comment: #6e7681;--hbs-color-raw: #ffa657;--hbs-color-brace: #6e7681;--hbs-color-error: #f85149;--hbs-color-error-bg: rgba(248, 81, 73, .15);--hbs-color-autocomplete-bg: #161b22;--hbs-color-autocomplete-selected: #30363d}.hbs-editor-highlight{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;border-radius:var(--hbs-border-radius);border:1px solid transparent;background:transparent;padding:var(--hbs-padding);pointer-events:none;color:var(--hbs-color-text);font-family:inherit;font-size:inherit;line-height:inherit;tab-size:var(--hbs-tab-size);-moz-tab-size:var(--hbs-tab-size);scrollbar-width:thin;scrollbar-color:transparent transparent}.hbs-editor-highlight:after{content:"​";display:inline}.hbs-editor-highlight::-webkit-scrollbar{width:10px;height:10px}.hbs-editor-highlight::-webkit-scrollbar-track,.hbs-editor-highlight::-webkit-scrollbar-thumb,.hbs-editor-highlight::-webkit-scrollbar-corner{background:transparent}.hbs-editor-highlight code{font-family:inherit}.hbs-editor.hbs-readonly .hbs-editor-highlight{background:#00000005}.hbs-editor-textarea{position:absolute;top:0;right:0;bottom:0;left:0;resize:none;border-radius:var(--hbs-border-radius);border:1px solid var(--hbs-color-border);background:transparent;padding:var(--hbs-padding);font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;color:transparent;caret-color:var(--hbs-color-caret);outline:none;tab-size:var(--hbs-tab-size);-moz-tab-size:var(--hbs-tab-size);scrollbar-width:thin;scrollbar-color:var(--hbs-color-border) transparent}.hbs-editor-textarea::-webkit-scrollbar{width:10px;height:10px}.hbs-editor-textarea::-webkit-scrollbar-track{background:transparent}.hbs-editor-textarea::-webkit-scrollbar-thumb{background:var(--hbs-color-border);border:2px solid var(--hbs-color-background);border-radius:5px}.hbs-editor-textarea::-webkit-scrollbar-thumb:hover{background:var(--hbs-color-placeholder)}.hbs-editor-textarea::-webkit-scrollbar-corner{background:transparent}.hbs-editor-textarea:focus{border-color:var(--hbs-color-focus-ring);box-shadow:0 0 0 3px #2563eb26}.hbs-editor.hbs-theme-dark .hbs-editor-textarea:focus{box-shadow:0 0 0 3px #58a6ff26}.hbs-editor.hbs-readonly .hbs-editor-textarea{cursor:default;background:#00000005}.hbs-editor-placeholder{color:var(--hbs-color-placeholder)}.hbs-token-variable{color:var(--hbs-color-variable)}.hbs-token-variable-path{color:var(--hbs-color-variable-path)}.hbs-token-block-keyword{color:var(--hbs-color-block-keyword);font-weight:600}.hbs-token-block-param{color:var(--hbs-color-block-param)}.hbs-token-helper{color:var(--hbs-color-helper)}.hbs-token-helper-arg{color:var(--hbs-color-helper-arg)}.hbs-token-hash-key{color:var(--hbs-color-hash-key)}.hbs-token-hash-value{color:var(--hbs-color-hash-value)}.hbs-token-literal{color:var(--hbs-color-literal)}.hbs-token-data-var{color:var(--hbs-color-data-var)}.hbs-token-subexpr-paren{color:var(--hbs-color-subexpr-paren)}.hbs-token-comment{color:var(--hbs-color-comment);font-style:italic}.hbs-token-raw{color:var(--hbs-color-raw)}.hbs-token-brace{color:var(--hbs-color-brace)}.hbs-token-error{color:var(--hbs-color-error);background:var(--hbs-color-error-bg);text-decoration:wavy underline var(--hbs-color-error)}.hbs-autocomplete-portal{position:fixed;z-index:9999;min-width:160px;max-width:240px;overflow:auto;border-radius:8px;padding:4px;box-shadow:0 4px 12px #00000026;--hbs-color-text: #24292f;--hbs-color-border: #d1d5db;--hbs-color-placeholder: #6b7280;--hbs-color-focus-ring: #2563eb;--hbs-color-autocomplete-bg: #ffffff;--hbs-color-autocomplete-selected: #f3f4f6;--hbs-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;border:1px solid var(--hbs-color-border);background:var(--hbs-color-autocomplete-bg);font-family:var(--hbs-font-family);color:var(--hbs-color-text)}.hbs-autocomplete-item{display:flex;align-items:center;gap:6px;width:100%;text-align:left;cursor:pointer;border-radius:4px;padding:5px 8px;font-family:var(--hbs-font-family);font-size:13px;background:transparent;border:none;color:var(--hbs-color-text)}.hbs-autocomplete-item:hover,.hbs-autocomplete-item.hbs-selected{background:var(--hbs-color-autocomplete-selected)}.hbs-autocomplete-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbs-autocomplete-match{color:var(--hbs-color-focus-ring);font-weight:600}.hbs-autocomplete-type{flex-shrink:0;font-size:11px;color:var(--hbs-color-placeholder);opacity:.8}.hbs-error-bar{position:absolute;right:8px;bottom:8px;left:8px;display:flex;align-items:center;gap:8px;border-radius:var(--hbs-border-radius);border:1px solid rgba(207,34,46,.4);background:var(--hbs-color-error-bg);padding:8px 12px;font-size:13px;color:var(--hbs-color-error)}.hbs-error-bar svg{flex-shrink:0;width:16px;height:16px}.hbs-error-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:0;background:#0d1117;color:#c9d1d9}.container{max-width:1200px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:40px}h1{font-size:2.5rem;margin-bottom:10px;color:#f0f6fc}.subtitle{font-size:1.1rem;color:#8b949e;margin-bottom:20px}.badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.badges img{height:20px}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}@media (max-width: 768px){.demo-section{grid-template-columns:1fr}}.panel{background:#161b22;border-radius:12px;border:1px solid #30363d;overflow:hidden;display:flex;flex-direction:column;height:600px}.panel-header{background:#21262d;padding:12px 16px;border-bottom:1px solid #30363d;font-weight:600;font-size:.9rem;color:#c9d1d9}.panel-body{padding:16px;flex:1;display:flex;flex-direction:column;overflow:auto}.hbs-editor{flex:1;font-size:14px}.variables-section{margin-bottom:20px}.variables-section h3{font-size:.85rem;color:#8b949e;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.variable-inputs{display:flex;flex-direction:column;gap:10px}.variable-input{display:flex;align-items:center;gap:10px}.variable-input label{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85rem;color:#58a6ff;min-width:120px}.variable-input input{flex:1;padding:8px 12px;border:1px solid #30363d;border-radius:6px;font-size:.9rem;background:#0d1117;color:#c9d1d9}.variable-input input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26}.variable-input input::placeholder{color:#484f58}.output-title{font-size:.85rem;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.output-preview{background:#0d1117;color:#c9d1d9;padding:16px;border-radius:8px;border:1px solid #30363d;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;white-space:pre-wrap;word-break:break-word;flex:1;overflow:auto}.output-preview.error{color:#f85149}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.feature{background:#161b22;padding:24px;border-radius:12px;border:1px solid #30363d}.feature h3{margin:0 0 8px;font-size:1rem;color:#f0f6fc}.feature p{margin:0;color:#8b949e;font-size:.9rem}.feature code{background:#21262d;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85em;color:#79c0ff}.install-section{background:#161b22;padding:24px;border-radius:12px;border:1px solid #30363d;margin-top:40px}.install-section h2{margin-top:0;color:#f0f6fc}.install-section h3{margin-top:24px;color:#f0f6fc}.code-block{background:#0d1117;color:#c9d1d9;padding:16px;border-radius:8px;border:1px solid #30363d;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;overflow-x:auto;white-space:pre;margin:0}.code-cmd{color:#a855f7}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-component{color:#7ee787}.code-attr{color:#79c0ff}footer{text-align:center;padding:40px 20px;color:#8b949e;font-size:.9rem}footer a{color:#58a6ff;text-decoration:none}footer a:hover{text-decoration:underline}.no-variables{color:#484f58;font-style:italic;font-size:.9rem}