.mobile-panel-close,.mobile-plot-button,.mobile-selection{display:none}@media (max-width:600px){body:has(.app){overflow:hidden}.app{height:var(--editor-height,100dvh);overscroll-behavior:none;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app .topbar{flex-shrink:0;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;gap:4px;height:auto;min-height:0;padding:6px 8px;display:grid}.app .topbar .brand{display:none}.app .project-title{overflow-wrap:anywhere;flex-wrap:wrap;grid-column:1/3;justify-content:flex-start;min-width:0;max-width:none;padding:4px 8px;font-size:13px;display:flex;overflow:hidden}.app .project-title small{display:none}.app .topbar .account-nav-button{text-overflow:ellipsis;grid-column:3/6;min-width:0;max-width:100%;padding:6px;font-size:12px;overflow:hidden}.app .history{grid-column:1/3;gap:4px}.app .history button{width:44px;padding:0}.app .mode{justify-content:center;min-width:0;margin:0;padding:2px}.app .mode button{white-space:nowrap;flex:1;min-width:0;padding:4px;font-size:11px}.app .projects-button,.app .export-button{min-width:44px;padding:0}.app .topbar button{min-height:44px}.app .editor-flow{flex-wrap:nowrap;gap:4px;padding:4px 8px}.app .editor-flow nav{display:none}.app .editor-flow .next-design{min-height:44px;padding:6px 10px;font-size:12px}.app .flow-back{padding:6px;font-size:12px}.app .workspace{flex-direction:column;order:2;min-height:0;overflow:hidden}.app .workarea{order:0;min-height:130px;overflow:hidden}.app .canvas-heading{min-height:44px;padding:4px 12px}.app .canvas-heading .eyebrow{display:none}.app .canvas-heading h1{margin:0;font-size:16px}.app .canvas-heading h1 span{font-size:12px;display:inline}.app .canvas-heading>button,.app .canvas-footer{display:none}.app .viewport{grid-template-rows:minmax(0,1fr) 52px;grid-template-columns:minmax(0,1fr);min-height:0;margin:0 8px;display:grid;overflow:hidden}.app .viewport>.plan,.app .viewport>div:not(.plan-zoom):not(.view-controls):not(.empty-hint){grid-area:1/1;min-height:0!important}.app .view-controls{box-shadow:none;z-index:2;grid-area:2/1;place-self:center start;gap:0;max-width:100%;padding:2px;position:static;transform:none}.app .view-controls button{width:44px;min-height:44px;padding:0}.app .view-controls .check{padding:0 5px;font-size:12px}.app .plan-zoom{grid-area:2/1;place-self:center end;gap:4px;position:static}.app .plan-zoom button{width:44px;min-height:44px;padding:0}.app .empty-hint{padding:0 12px;font-size:12px;top:8px;bottom:auto}.app .mobile-tabs{padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-bottom:0;flex-shrink:0;order:3;gap:8px;display:flex}.app .mobile-tabs button{flex:1;min-width:0;min-height:44px;font-size:13px}.app .mobile-tabs button[aria-expanded=true]{background:var(--accent);color:#fff}.app .mobile-plot-button,.app .mobile-panel-close{display:flex}.app .mobile-panel-close{flex-shrink:0;width:44px;margin-left:auto;padding:0;font-size:24px}.app .mobile-selection{text-align:left;border-color:var(--line);white-space:nowrap;text-overflow:ellipsis;background:#e9efdf;flex-shrink:0;min-height:44px;margin:0 12px 4px;padding:6px 10px;font-size:13px;display:block;overflow:hidden}.app .catalog-panel,.app .properties-panel{overscroll-behavior:contain;border:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;flex-shrink:0;order:1;width:100%;min-height:0;max-height:42%;padding:0 12px 12px;position:static;overflow:auto;box-shadow:0 -4px 18px #20352b12}.app .panel-heading{z-index:2;background:#fff;gap:8px;min-height:52px;margin:0 0 8px;position:sticky;top:0}.app .categories{flex-direction:row;flex-shrink:0;gap:6px;overflow-x:auto}.app .categories button{white-space:nowrap;flex-shrink:0;padding:8px}.app .categories button span{display:none}.app .catalog-panel.mobile-open{display:block}.app .catalog-label{margin:12px 0}.app .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.app .catalog-item{overflow-wrap:anywhere;min-height:100px;font-size:12px}.app .catalog-item>div{height:44px}.app .search{margin-bottom:8px}.app .catalog-bottom{padding-top:8px}.app .catalog-bottom>p{display:none}.app .modal-backdrop{align-items:center;padding:8px}.app .modal{max-height:calc(var(--editor-height,100dvh) - 16px);overscroll-behavior:contain;padding-top:54px}.app .modal .close{z-index:2;background:#fff;min-width:44px;min-height:44px;top:6px;right:6px}.app .plot-form{max-height:calc(var(--editor-height,100dvh) - 16px)}.app .plot-form-body{padding-top:54px}.app .plot-form-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}.app input,.app select,.app textarea{font-size:16px}.app .notice{flex-shrink:0;max-height:90px;padding:4px 12px;overflow:auto}.app .variant-bar{flex-shrink:0;max-height:110px;overflow:auto}}.object-context-menu{background:#fff;border:1px solid #d6e2d4;border-radius:12px;flex-direction:column;min-width:200px;padding:6px;display:flex;box-shadow:0 10px 35px #193b3026}.object-context-menu button{text-align:left;background:0 0;border:0;min-height:44px}.object-context-menu button:hover{background:#eef4e9}.view-controls button[aria-pressed=true]{color:#fff;background:#17634c}@media (max-width:600px){.app .view-controls button{width:38px;min-width:38px}.app .plan-zoom{gap:0}.app .plan-zoom button{width:38px;min-width:38px}.app .viewport>.object-context-menu{grid-area:auto!important}.app .view-controls .check{max-width:150px}}body:has(main.app) .legal-links{display:none}.app .view-controls{z-index:2;flex-direction:column;gap:3px;max-height:calc(100% - 24px);inset:12px auto auto 12px;overflow-y:auto;transform:none}.app .view-controls button{flex-shrink:0;width:44px;min-width:44px;min-height:44px;padding:0}@media (max-width:600px){.app .viewport{grid-template-columns:54px minmax(0,1fr)}.app .viewport>.plan,.app .viewport>div:not(.plan-zoom):not(.view-controls):not(.empty-hint):not(.object-context-menu){grid-area:1/2}.app .view-controls{grid-area:1/1;place-self:start;gap:2px;max-height:100%;padding:2px;position:static}.app .plan-zoom{grid-area:2/2}}