/* ========== MolView 模板适配样式 ==========
 * 仅覆盖旧布局壳：原 src/less/layout.less 将 body 设为 absolute 全屏布局，
 * 现改为在模板 .main 内容区内承载（.main 作为定位基准）。
 * 应用自身样式（app.less 等）不变。
 */

/* 覆盖 layout.less 的 body 绝对定位（提高优先级以晚于 less 运行时编译结果生效） */
html body {
    position: static;
    width: auto;
}

/* 画布/3D 工具页：与模板内容区一致的内边距，并作为应用内绝对定位元素的基准 */
/* MolView 顶层组件（#menu/#content/#dialog-overlay 等）均为 absolute 贴 .main 边缘，
   padding 对其无效；以透明 border 缩小定位基准（padding box），使整体获得 18px 22px 内边距观感 */
/* MolView 原生 CSS（menu.less 等）基于默认 content-box 设计，
   如 .dropdown-toggle { height: 20px; padding: 10px } 期望总高 40px；
   模板全局 * { box-sizing: border-box } 会把它压成 20px 总高，
   导致 #menu-bar 只剩 21px、菜单文字被 overflow:hidden 裁掉一半。
   此处恢复原生盒模型：.main 自身保持 border-box（height:100% 需含透明边框），
   子元素回到 content-box 以还原 MolView 原始布局。 */
.main {
    height: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border-style: solid;
    border-color: transparent;
    border-width: 18px 22px;
}

.main * {
    box-sizing: content-box;
}