*{box-sizing:border-box}html,body{color:#e2e8f0;background:#020617;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.multi-prompt-grid{grid-template-columns:minmax(280px,300px) 1fr minmax(350px,400px);align-items:start;gap:16px;display:grid}.controls-column{grid-area:1/1/3/2}.gpu-column{grid-area:1/2/3/3}.right-column{grid-area:1/3/3/4}@media (max-width:768px){.multi-prompt-grid{grid-template-columns:1fr!important;gap:12px!important}.multi-prompt-grid>div{grid-area:auto/1/auto/-1!important}}.main-grid{grid-template-columns:minmax(280px,300px) 1fr minmax(300px,350px);align-items:start;gap:20px;display:grid}.controls-left-column{grid-area:1/1/3/2}.blocks-center-column{grid-area:1/2/3/3}.legend-right-column{grid-area:1/3/3/4}@media (max-width:768px){.main-grid{grid-template-columns:1fr!important;gap:12px!important}.controls-left-column,.blocks-center-column,.legend-right-column{grid-area:auto/1/auto/-1!important}}.mobile-collapsible{display:block}.mobile-collapsible summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293b;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;font-weight:600;list-style:none;display:flex}.mobile-collapsible summary::-webkit-details-marker{display:none}.mobile-collapsible summary:after{content:"▼";font-size:12px;transition:transform .2s}.mobile-collapsible[open] summary:after{transform:rotate(180deg)}.mobile-collapsible-content{padding:8px 12px 12px}@media (min-width:769px){.mobile-collapsible{display:block}.mobile-collapsible summary{display:none}.mobile-collapsible[open] .mobile-collapsible-content,.mobile-collapsible .mobile-collapsible-content{padding:0;display:block}}@media (max-width:768px){button,select,textarea{min-height:44px;padding:10px 16px!important;font-size:16px!important}input[type=range]{width:100%;min-height:32px}.mobile-full-width{width:100%!important}.mobile-panel{padding:12px!important}.kv-slot-text{font-size:9px!important}.kv-blocks-mobile-stack{flex-direction:column;gap:12px;display:flex}.kv-block-row{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow:auto visible}.kv-block-inner{min-width:320px}.responsive-header{padding:12px!important}.main-title{font-size:clamp(28px,6.5vw,35px)!important}.subtitle{font-size:clamp(14px,4.5vw,16px)!important}}.kv-blocks-scroll{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow:auto visible}.kv-blocks-scroll::-webkit-scrollbar{height:8px}.kv-blocks-scroll::-webkit-scrollbar-track{background:#0f172a;border-radius:4px}.kv-blocks-scroll::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.kv-blocks-scroll::-webkit-scrollbar-thumb:hover{background:#475569}body{max-width:100vw;overflow-x:hidden}.main-container{max-width:100%;overflow-x:hidden}.responsive-main{padding:12px}@media (min-width:769px){.responsive-main{padding:20px}}@media (min-width:1024px){.responsive-main{padding:24px}}@media (max-width:768px){button{cursor:pointer;-webkit-tap-highlight-color:#ffffff1a}.header-section>div{flex-direction:column;align-items:stretch!important}.header-section>div>div:last-child{width:100%;min-width:100%}}input[type=text],input[type=number],textarea,select{font-size:16px}@media (max-width:768px){.kv-slot{padding:4px!important;font-size:10px!important}textarea{min-height:60px!important}}