.wl-section {
  display:grid;
  gap:16px;
  min-width:0}
.wl-section h2,.wl-section h3,.wl-section p {
  margin:0}
.wl-section fieldset {
  border:1px solid var(--line,#d7e1e8);
  border-radius:7px;
  padding:16px;
  min-width:0;
  display:grid;
  gap:14px}
.wl-section legend {
  font-weight:700;
  padding:0 6px}
.wl-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px;
  align-items:start}
.wl-grid>div {
  display:grid;
  gap:20px;
  min-width:0}
.wl-section .field {
  display:grid;
  gap:6px;
  min-width:0}
.wl-section .inp {
  box-sizing:border-box;
  width:100%;
  min-width:0}
.wl-section textarea {
  resize:vertical}
.wl-section button {
  min-height:44px;
  white-space:normal}
.wl-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap}
.wl-preview,.wl-conflict,.wl-metrics {
  background:var(--surface,#fff);
  border:1px solid var(--line,#d7e1e8);
  border-radius:7px;
  padding:20px;
  display:grid;
  gap:14px;
  overflow-wrap:anywhere}
.wl-preview {
  border-top:5px solid #075b8f}
.wl-preview[data-palette=indigo] {
  border-top-color:#4338ca}
.wl-preview[data-palette=forest] {
  border-top-color:#08754f}
.wl-preview[data-palette=sunset] {
  border-top-color:#946200}
.wl-preview h4 {
  font-size:1.2rem;
  margin:0}
.wl-preview details {
  border-top:1px solid var(--line,#d7e1e8);
  padding-top:12px}
.wl-preview summary {
  cursor:pointer;
  font-weight:600;
  min-height:44px}
.wl-logo {
  width:128px;
  height:128px;
  object-fit:contain}
.wl-conflict dl {
  display:grid;
  grid-template-columns:minmax(100px,1fr) minmax(0,2fr);
  gap:8px}
.wl-conflict dt {
  font-weight:600}
.wl-conflict dd {
  margin:0}
.wl-section :is(input,textarea,select,button,summary):focus-visible,.wl-section [tabindex]:focus {
  outline:2px solid #05426d;
  outline-offset:3px}
.dark .wl-section :focus-visible,[data-theme=dark] .wl-section :focus-visible {
  outline-color:#fde68a}
.wl-section [data-wl-message]:empty {
  display:none}
.wl-section fieldset:disabled {
  opacity:.75}
@media(max-width:760px) {
  .wl-grid {
  grid-template-columns:minmax(0,1fr)}
.wl-section fieldset,.wl-preview,.wl-conflict,.wl-metrics {
  padding:12px}
.wl-actions {
  display:grid}
.wl-conflict dl {
  grid-template-columns:minmax(0,1fr)}
.wl-section .btn {
  max-width:100%}
}