@media screen and (max-width:850px) {.desktop-nav,.sidebar-presets,.header-right .icon-btn:not(#btn-theme-toggle),.site-name {display:none !important;}.mobile-presets-wrapper {display:block;}.mobile-presets-btn {background-color:var(--accent-color);color:white;border-color:transparent;border-radius:20px;}.top-header {position:relative;justify-content:space-between;}.workspace-grid {flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;}.wheel-container {flex:0 0 50vh;max-width:100%;}.wheel-wrapper {width:90vw;max-width:90vw;max-height:90vw;}.controls-container {width:100%;max-width:600px;margin:0 auto;flex:1;min-height:400px;max-height:none;border-radius:24px 24px 0 0;border-bottom:none;box-shadow:0 -4px 20px rgba(0, 0, 0, 0.1);overflow-y:auto;}.mobile-action-bar {display:flex;background-color:var(--bg-header);border-top:1px solid var(--border-color);height:60px;justify-content:space-around;align-items:center;flex-shrink:0;}.action-btn {display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0.75rem;color:var(--text-muted);gap:4px;width:60px;height:100%;}.action-btn:hover {color:var(--accent-color);}body {position:relative;height:auto;min-height:100vh;overflow-y:auto;}}