.m01-lbw { --modal-max: 90vh; width: min(980px, 96vw); font-size: var(--text-body-lg, 1.05rem); } .m01-lbw__ask { margin: 0; font-size: 1.4em; color: var(--color-text); } .m01-lbw__cols { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(220px, 1fr); gap: var(--spacing-12); align-items: start; } @media (max-width: 760px) { .m01-lbw__cols { grid-template-columns: minmax(0, 1fr); } } .m01-lbw__main, .m01-lbw__side { display: flex; flex-direction: column; gap: var(--spacing-8); min-width: 0; } .m01-lbw__side { padding: var(--spacing-12); border: 1px solid var(--color-border); border-radius: var(--radius-cards); background: var(--color-surface); } .m01-lbw h5 { margin: var(--spacing-8) 0 0; color: var(--color-text-secondary); font-size: var(--text-body-sm); } .m01-lbw__muted { color: var(--color-text-muted); font-size: var(--text-body-sm); } .m01-lbw__list, .m01-lbw__tables, .m01-lbw__roles, .m01-lbw__added, .m01-lbw__notes, .m01-lbw__stack { display: flex; flex-direction: column; gap: var(--spacing-8); } .m01-lbw__list { max-height: 24vh; overflow: auto; } .m01-lbw__row, .m01-lbw__note, .m01-lbw__chip, .m01-lbw__role { display: flex; gap: var(--spacing-8); padding: var(--spacing-8) var(--spacing-12); border: 2px solid var(--color-border); border-radius: var(--radius-cards); background: var(--color-surface); color: var(--color-text); font: inherit; text-align: left; cursor: pointer; } .m01-lbw__row { flex-direction: column; gap: 2px; } .m01-lbw__row.is-on, .m01-lbw__note.is-on, .m01-lbw__chip.is-on { border-color: var(--color-accent); outline: 2px solid var(--color-accent); } .m01-lbw__row:hover, .m01-lbw__note:hover, .m01-lbw__chip:hover, .m01-lbw__role:hover, .m01-lbw__row:focus-visible, .m01-lbw__chip:focus-visible, .m01-lbw__role:focus-visible, .m01-lbw__note:focus-visible { border-color: var(--color-accent); } .m01-lbw__chips { display: flex; flex-wrap: wrap; gap: var(--spacing-8); } .m01-lbw__chip { padding: var(--spacing-4) var(--spacing-12); border-radius: var(--radius-pills); } .m01-lbw__rolebox { display: flex; flex-wrap: wrap; gap: var(--spacing-8); align-items: center; } .m01-lbw__role { flex-direction: column; min-width: 120px; } .m01-lbw__role span { font-size: var(--text-caption); } .m01-lbw__role.is-조건 { border-color: var(--color-accent); } .m01-lbw__role.is-고정 { border-style: dashed; } .m01-lbw__role.is-쓰지\ 않음 { opacity: 0.6; } .m01-lbw__line { display: flex; gap: var(--spacing-8); align-items: center; justify-content: space-between; } .m01-lbw__form, .m01-lbw__extras { display: flex; flex-direction: column; gap: var(--spacing-8); padding: var(--spacing-8); border: 1px dashed var(--color-border); border-radius: var(--radius-cards); } .m01-lbw__item { display: flex; gap: var(--spacing-8); align-items: center; justify-content: space-between; padding: var(--spacing-4) var(--spacing-8); border: 1px solid var(--color-border); border-radius: var(--radius-sm); } .m01-lbw__link { display: flex; flex-direction: column; gap: var(--spacing-4); padding: var(--spacing-8); border: 1px solid var(--color-border); border-radius: var(--radius-cards); } .m01-lbw__scroll { overflow: auto; max-height: 22vh; } .m01-lbw__table table { border-collapse: collapse; font-size: var(--text-body-sm); } .m01-lbw__table th, .m01-lbw__table td { padding: 2px 8px; border: 1px solid var(--color-border); white-space: nowrap; text-align: center; } .m01-lbw__table th.is-조건 { background: var(--color-mist-violet, rgba(120, 100, 220, 0.18)); } .m01-lbw__table th.is-고정 { background: rgba(200, 160, 40, 0.2); } .m01-lbw__table th.is-결과 { background: rgba(60, 160, 100, 0.2); } .m01-lbw__note-line { margin: 2px 0; color: var(--color-text-secondary); font-size: var(--text-body-sm); } .m01-lbw__nav { display: flex; gap: var(--spacing-8); align-items: center; justify-content: flex-end; } .m01-lbw__nav > :first-child { margin-right: auto; } .m01-lbw__result { margin: 0; color: var(--color-accent); font-size: 1.15em; font-weight: 600; }