.wp-mode { display: flex; gap: 1.2rem; flex-wrap: wrap; border: 0; padding: 0; margin: 0 0 .7rem; }
.wp-mode label { display: flex; gap: .4rem; align-items: center; }
.wp-mode legend { font-weight: 600; margin-bottom: .3rem; }
#wp-text { width: 100%; min-height: 9rem; }
.wp-opts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem 1rem; margin-top: .6rem; }
@media (max-width: 640px) { .wp-opts { grid-template-columns: 1fr 1fr; } }
.wp-opts .field { margin: 0; min-width: 0; }
.wp-opts select { width: 100%; }
.wp-check { display: flex; gap: .4rem; align-items: center; margin: .7rem 0; }
#wp-err { color: var(--rose-700); }
#wp-err:empty, #wp-out:empty { display: none; }
#wp-out { margin-top: .6rem; border: 1px solid var(--line); border-radius: 12px; padding: .8rem .9rem; overflow-wrap: anywhere; }
.wp-big { font-size: 1.5rem; font-weight: 600; margin: 0 0 .3rem; }
.wp-facts { margin: 0 0 .7rem; padding-left: 1.2rem; }
#wp-cmp .wp-cur td { font-weight: 600; background: var(--surface-2); }