.workspace-mobile-heading{display:none}.workspace-mobile-heading img{filter:brightness(0)invert()}@media (max-width:1100px){.workspace-mobile-heading{z-index:55;height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:#171717;border-bottom:1px solid #303030;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 auto}.start-screen-container.start-screen-container--workspace{padding-top:calc(56px + env(safe-area-inset-top,0px))}.start-screen-container--workspace .hero-left,.recent-projects{min-width:0}.recent-projects-header{flex-wrap:wrap;gap:16px}.recent-projects-header>div:last-child{width:min(100%,300px)!important}}@media (max-width:800px){.start-screen-container--workspace .hero-section{flex-direction:column;align-items:stretch}.start-screen-container--workspace .hero-left{text-align:left;align-items:stretch;width:100%}.hero-section>*,.recent-projects{width:100%;min-width:0;max-width:100%}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){html{-webkit-text-size-adjust:100%}body{overflow-x:clip}img,video,canvas{max-width:100%}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select{font-size:16px!important}.app-container{width:100%;height:100dvh;min-height:0}.workspace-topbar{height:auto;min-height:96px;padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.workspace-mode-title{grid-area:2/1/auto/-1;max-width:100%;min-height:30px}.workspace-mode-title__heading{letter-spacing:1.3px;white-space:normal;text-align:center;font-size:12px}.syncraft-header-controls{gap:6px;min-width:0}.workspace-topbar .syncraft-header-controls{flex-wrap:wrap;grid-area:1/2;justify-content:flex-end}.workspace-share-button{min-height:40px;padding:0 10px}.syncraft-header-control{gap:6px;min-height:40px;padding:0 10px}.main-workspace{overscroll-behavior-y:contain;min-height:0;display:block;overflow-y:auto}.canvas-area{width:100%;min-width:0;height:max(620px,78dvh)}.workspace-properties,.properties-panel{border-top:1px solid #333;border-left:0!important;width:100%!important;max-height:none!important;overflow:visible!important}.split-canvas-toolbar{flex-wrap:wrap;min-height:100px;gap:6px!important;height:auto!important;padding:8px 12px!important}.split-canvas-toolbar>[role=tablist]{order:3;width:100%}.split-canvas-toolbar .canvas-toolbar-side{flex:0 auto;width:auto;min-width:0}.split-canvas-toolbar .canvas-toolbar-side--left{flex:1;overflow:hidden}.split-canvas-toolbar .canvas-toolbar-side--right{margin-left:auto}.split-canvas-toolbar button{min-width:36px;min-height:40px}.split-canvas-panes{flex-direction:column;min-height:0}.split-canvas-panes>div{min-height:0;border-right:0!important}.split-canvas-panes>div+div{border-top:1px solid #333}.workspace-statusbar{padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0}.modal-overlay.modal-overlay{z-index:1000;overflow-y:auto;padding:max(12px, env(safe-area-inset-top,0px)) 12px max(12px, env(safe-area-inset-bottom,0px))!important}.modal-content{min-width:0;overflow-y:auto;max-width:100%!important;max-height:calc(100dvh - 32px)!important;padding:18px!important}.modal-actions{flex-wrap:wrap}.modal-actions button{min-height:44px}.modal-content button{touch-action:manipulation}.workspace-editor-columns{flex-direction:column!important;flex:none!important}.workspace-editor-columns>div{width:100%;min-width:0;flex:none!important;min-height:0!important}.workspace-editor-columns>div:first-child{min-height:260px!important;padding:8px!important}.workspace-editor-columns>div:last-child{max-height:none;padding:16px!important}.workspace-editor-columns img,.workspace-editor-columns canvas{max-height:48dvh!important}.workspace-project-title{white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.workspace-project-title>span{text-overflow:ellipsis;overflow:hidden}.workspace-compare-modal,.credits-modal{padding:0!important}.workspace-compare-modal>div:first-child{gap:8px;padding:10px 12px!important}.workspace-compare-modal>div:first-child>div{flex-wrap:wrap;gap:6px!important}.workspace-compare-modal #compare-container{max-height:65dvh!important}.workspace-compare-modal #compare-container>div:last-child,.workspace-compare-modal #compare-slider-line+div{padding:4px 6px!important;font-size:8px!important}}@media (max-width:480px){.workspace-topbar .workspace-share-button:has(svg){flex:0 0 40px;width:40px;min-width:40px;padding:0}.workspace-topbar .workspace-share-button:has(svg)>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-projects-header>div:last-child{width:100%!important}.start-screen-container--workspace .user-hero-intro{padding:0}.start-screen-container--workspace .guest-beta-badge{gap:6px;max-width:100%}.start-screen-container--workspace .hero-left>div{max-width:100%}}@media (pointer:coarse){button,a,input,select,textarea{touch-action:manipulation}button,a{-webkit-tap-highlight-color:#ffffff15}input[type=range]{min-height:36px}.recent-card [aria-haspopup]{min-width:40px;min-height:40px}}