.ss { display: flex; flex: 1; flex-direction: column; min-height: 0; }
.ss-scroll { flex: 1; min-height: 0; overflow: auto; padding: 4px 4px 20px; scrollbar-gutter: stable; }
.lw-dialog[data-layout=say] .ss .ss-heading { font: 34px/1.2 Lora, Georgia, serif; letter-spacing: -.025em; margin: 0 0 10px; }
.lw-dialog[data-layout=say] .ss .ss-heading + p { margin: 0 0 18px; font-size: 15px; color: #5f6a58; }
.lw-dialog[data-full] .ss, .lw-dialog[data-full] .ss-scroll { display: block; overflow: visible; padding: 0; }
.lw-dialog[data-layout=say] .ss textarea { min-height: 140px; font: 22px/1.5 Lora, Georgia, serif; border-radius: 7px; resize: vertical; }
.lw-dialog .ss-label { margin-top: 0; font-size: 14px; color: #4f5d48; }

.ss-chip { border: 1px solid #24382d1f; border-radius: 6px; padding: 5px 11px; font-size: 15px; color: #283d2d; }

.ss-tools-end { display: inline-flex; align-items: center; gap: 14px; margin-left: auto; }
.living-wall .ss-help-button { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 1px solid #b9c7ad; border-radius: 50%; background: transparent; color: #44523e; font-size: 13px; font-weight: 600; line-height: 1; }
.living-wall .ss-help-button:hover, .living-wall .ss-help-button[aria-expanded=true] { background: #e4ebda; }
.ss-help { margin-top: 14px; padding: 14px 16px 8px; border: 1px solid #e0e3d7; border-radius: 12px; background: #fff; }
.lw-dialog .ss-help p { margin: 0; font-size: 15px; line-height: 1.55; color: #44523e; }
.living-wall .ss-word { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; padding: 22px; border: 0; border-radius: 12px; color: #283d2d; text-align: left; }
.living-wall .ss-word:disabled { opacity: 1; }
.ss-word > strong { font: 400 clamp(36px, 10vw, 48px)/1.05 Gabarito, system-ui, sans-serif; letter-spacing: -1.2px; overflow-wrap: anywhere; }
.ss-word > span { font-size: 14px; color: #4d5b4b; }
.ss-meaning:not([hidden]) { display: grid; gap: 4px; }
.ss-word .ss-meaning > span { font-size: 19px; color: #283d2d; }
.ss-meaning > i { margin-top: 8px; font: italic 17px/1.4 Lora, Georgia, serif; color: #283d2d; }
.ss-meaning > small { font-size: 14px; color: #4d5b4b; }
.lw-dialog .ss-label.is-quiet { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lw-dialog[data-layout=say] .ss .has-word textarea { min-height: 104px; margin-top: 14px; }

.ss-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-top: 12px; }
.living-wall .ss-mic { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px 9px 12px; border: 1px solid #b9c7ad; border-radius: 30px; background: #e4ebda; color: #36512c; font-size: 15px; font-weight: 500; }
.living-wall .ss-mic:hover:not(:disabled) { background: #dae5ce; }
.living-wall .ss-mic.is-recording { background: #f6e1dc; border-color: #c98a7e; color: #8a3326; }
.ss-mic.is-recording svg { animation: wp-pulse 1s ease-in-out infinite; }
.lw-dialog .ss-error { color: #9b4232; font-size: 14px; margin: 12px 0 0; }
.ss-error:empty { display: none; }

.ss-review { padding: 18px 20px; margin-top: 18px; border: 1px solid #e0e3d7; border-radius: 12px; background: #fff; }
.lw-dialog .ss-review p { margin: 0 0 6px; }
.lw-dialog .ss-review p:last-child { margin-bottom: 0; }
.lw-dialog .ss-was { font-size: 15px; color: #66705f; }
.lw-dialog .ss-now { font: 400 22px/1.5 Lora, Georgia, serif; color: #283d2d; }
.lw-dialog .ss-translation { font-size: 15px; color: #5f6a58; }
.lw-dialog .ss-note { font-size: 14px; line-height: 1.55; color: #44523e; padding-top: 8px; margin-top: 8px !important; border-top: 1px solid #ebede4; }
.lw-dialog .ss-good { font-size: 14px; color: #2f6b45; }

.ss-words section { margin-top: 20px; }
.lw-dialog .ss-words h3 { margin: 0 0 8px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #4f5d48; }
.ss-words ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ss-words li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.ss-detail { display: flex; flex: 1; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; font-size: 14px; color: #5f6a58; }
.ss-detail b { font-weight: 600; color: #283d2d; }
.lw-dialog .ss-add { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 14px; color: #44523e; cursor: pointer; }
.lw-dialog .ss-add input { width: 16px; height: 16px; margin: 0; accent-color: var(--accent); }
.lw-dialog .ss-none { font-size: 14px; color: #5f6a58; }