/* Compact mode selector and permanently visible control-panel scrollbar */
.forge{overflow-y:scroll!important;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;padding-right:14px!important}
.forge::-webkit-scrollbar{width:11px}
.forge::-webkit-scrollbar-track{background:#141319;border-left:1px solid #2d2b33;border-radius:999px}
.forge::-webkit-scrollbar-thumb{background:#9b5f18;border:3px solid #141319;border-radius:999px;min-height:72px}
.forge::-webkit-scrollbar-thumb:hover{background:#d98519}
.generation-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.generation-tabs .mode{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:9px;padding:11px 10px;border-radius:12px}
.generation-tabs .mode:hover{transform:translateY(-1px)}
.generation-tabs .mode.active{box-shadow:inset 0 3px #f59e0b}
.mode-icon{width:34px;height:34px;border-radius:9px;font-size:14px;flex:0 0 auto}
.mode-copy{gap:4px;min-width:0}.generation-tabs .mode strong{font-size:12px;white-space:nowrap}.generation-tabs .mode small{font-size:9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mode-check{position:absolute;right:9px;top:9px;width:18px;height:18px;font-size:10px}
.mode-explanation{padding:9px 12px;gap:3px}.mode-explanation strong{font-size:11px}.mode-explanation span{font-size:9px;line-height:1.4}
.intro h1{font-size:clamp(40px,4vw,58px);max-width:100%;overflow-wrap:anywhere}.intro{gap:24px}.forge{gap:13px}.panel-heading{height:24px}
@media(max-width:1250px){.intro h1{font-size:46px}.workspace{grid-template-columns:minmax(340px,390px) minmax(0,1fr)}}
@media(max-width:760px){.forge{overflow-y:visible!important;padding-right:20px!important;scrollbar-gutter:auto}.generation-tabs{grid-template-columns:1fr}.generation-tabs .mode{min-height:68px;display:grid;grid-template-columns:36px 1fr 20px;align-items:center}.mode-check{position:static}.intro h1{font-size:38px}}