/* Minimal styles for scaffold */
:root{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;}
:root{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;}
body{margin:0;color:#111;background:#fff;font-size:14px}
.container{max-width:820px;margin:0 auto;padding:12px}
.site-header{background:#0b63c6;color:#fff;padding:8px 0}
.site-title a{color:#fff;text-decoration:none}
.main-nav a{color:#dbeeff;margin-right:10px;font-size:14px}
.tool-ui textarea{width:100%;font-family:monospace;margin-bottom:8px}
.actions{margin-bottom:8px}
button{padding:6px 10px;font-size:14px}
.site-footer{background:#f6f6f6;padding:12px;margin-top:18px}
.content-doc{margin-top:14px}
/* theme helpers referenced in templates */
.bg-primary{background-color:#0b63c6!important}
.text-white{color:#ffffff!important}
.bg-surface{background-color:#fbfbfd}
.shadow-subtle{box-shadow:0 1px 2px rgba(2,6,23,0.04)}

/* Compact tabs */
.cat-tab{padding:6px 8px;font-size:13px}
[role="tablist"]{overflow:visible;}

/* Single-line, touch-scrollable tablist (no wrap) */
.tablist{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}
.tablist::-webkit-scrollbar{display:none;height:0}
.cat-tab{display:inline-flex;align-items:center;margin-right:6px}

/* Tool input/output sizing */
#tool-input{min-height:84px;max-height:200px;resize:vertical}
#tool-output{max-height:260px;overflow:auto;padding:10px}