/* 수식 탭(796-2) — 배치만 · 식 그림은 공통 수식 부품 · 색은 공통 값 */ .m01-eq { display: flex; flex-direction: column; gap: var(--spacing-8); min-width: 0; container-type: inline-size; } .m01-eq__options .ui-toolbar { align-items: flex-end; gap: var(--spacing-8) var(--spacing-12); } .m01-eq__opt { display: flex; flex-direction: column; gap: 2px; min-width: 0; max-width: 14rem; } .m01-eq__opt > .ui-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m01-eq__ctl { min-width: 0; } .m01-eq__ctl :is(select, input) { width: 100%; max-width: 14rem; text-overflow: ellipsis; } .m01-eq__notice:empty { display: none; } .m01-eq__edit { display: flex; flex-direction: column; gap: var(--spacing-4); padding: var(--spacing-8); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface-raised); } .m01-eq__fx { min-width: 0; } .m01-eq__form { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--spacing-8) var(--spacing-12); } .m01-eq__why:empty { display: none; } .m01-eq__why { margin-top: var(--spacing-8); } /* 800-2 — 왼쪽 수식 영역 · 오른쪽 변수 정의 영역 */ .m01-eq__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem); gap: var(--spacing-12); align-items: start; } .m01-eq__left { display: flex; flex-direction: column; gap: var(--spacing-8); min-width: 0; } @container (max-width: 700px) { .m01-eq__split { grid-template-columns: minmax(0, 1fr); } .m01-eq__split > .ui-eq__defs { border-left: 0; border-top: 1px solid var(--color-border); } } .m01-eq__def-edit, .m01-eq__draft { display: flex; flex-direction: column; gap: var(--spacing-8); padding: var(--spacing-8); border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface-raised); } .m01-eq__def-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--spacing-8); }