@media (max-width: 640px){:root{--header-height: 56px;--chat-min-width: 100%;--workbench-width: 100%}.stakly-chat{padding:.5rem!important}textarea{font-size:16px!important;min-height:60px!important}button{min-height:44px;min-width:44px}.icon-button{padding:.5rem}.flex-row-mobile{flex-direction:column!important}.hide-on-mobile{display:none!important}.modal-content{width:95%!important;margin:1rem!important;max-height:90vh!important;overflow-y:auto!important}.touch-target{padding:.75rem!important;margin:.25rem!important}.workbench-panel{height:50vh!important}.preview-iframe{height:calc(100vh - 120px)!important}.sidebar{position:fixed!important;z-index:9999!important;width:85%!important;max-width:320px!important}.message-container{padding:.5rem!important}.cm-editor{font-size:14px!important}.fab-button{position:fixed!important;bottom:20px!important;right:20px!important;z-index:1000!important}}@media (min-width: 641px) and (max-width: 1024px){:root{--header-height: 64px}.stakly-chat{padding:1rem!important}.workbench-panel{height:60vh!important}}@media (hover: none) and (pointer: coarse){a,button,[role=button]{min-height:44px;padding:.5rem .75rem}button:hover{background-color:inherit}*{-webkit-overflow-scrolling:touch}button,a,label{-webkit-user-select:none;user-select:none}}@media (max-width: 896px) and (orientation: landscape){:root{--header-height: 48px}.stakly-chat{max-height:calc(100vh - var(--header-height))}textarea{max-height:120px!important}}@media (max-width: 640px){*,*:before,*:after{animation-duration:.2s!important;transition-duration:.2s!important}.animate-blob{animation:none!important;opacity:.1!important}.bg-gradient-to-br{background:linear-gradient(135deg,var(--from-color) 0%,var(--to-color) 100%)!important}}@media (max-width: 640px){.text-gray-500{color:#4b5563!important}.accessible-touch{min-width:48px!important;min-height:48px!important}*:focus-visible{outline:3px solid #F97316!important;outline-offset:2px!important}}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (max-width: 640px) and (prefers-color-scheme: dark){body{background-color:#000!important}.bg-gray-900{background-color:#0a0a0a!important}}