.wb-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1.03fr);gap:24px;align-items:start}
.wb-controls {display:flex;flex-direction:column;gap:9px;min-width:0}
.wb-controls > label,.wb-label {font-weight:700}
.wb-controls input:not([type=checkbox]),.wb-controls select,.wb-controls input[type=range],#wb-code {max-width:100%;width:100%;font:inherit}
.wb-controls input[type=search],.wb-controls select {min-height:43px;padding:9px;border:1px solid #afc1d5;border-radius:10px;background:#fff;color:#17395d}
.wb-palette {display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:5px}
.wb-palette span {width:100%;font-weight:700}
.wb-palette button {border:1px solid #bbcde4;border-radius:20px;background:#f1f7ff;color:#153657;padding:6px 12px;font:inherit;cursor:pointer}
.wb-colors {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.wb-colors label {display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0}
.wb-controls input[type=color] {height:44px;border:0;border-radius:8px;background:transparent;cursor:pointer}
.wb-double {display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wb-double label {display:flex;flex-direction:column;gap:6px;font-weight:700}
.wb-check {display:flex;align-items:start;gap:9px;font-size:14px}
.wb-controls .wb-check input {width:auto;margin-top:5px}
.wb-notice {margin:0;font-size:12px;color:#875100}
.wb-preview-wrap {min-width:0;display:flex;flex-direction:column;gap:9px}
.wb-widget-preview {display:block;width:100%;min-height:180px;max-width:100%;border-radius:15px;background:#f7faff;padding:10px;box-sizing:border-box;overflow:hidden}
.wb-hint {font-size:12px;color:#566b85;margin:0}
#wb-code {border:1px solid #afc1d5;border-radius:11px;padding:12px;background:#f5f8fc;color:#102943;direction:ltr;text-align:left;line-height:1.7;resize:vertical;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:12px}
.wb-actions {display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}
.wb-actions button {background:#245fc1;border:0;border-radius:10px;color:#fff;padding:11px 22px;font:inherit;cursor:pointer}
.wb-actions a {color:#1f55ab}
@media(max-width:800px){.wb-layout{grid-template-columns:1fr}.wb-preview-wrap{align-items:stretch}.wb-widget-preview{width:100%;max-width:none}}
@media(max-width:380px){.wb-double,.wb-colors{grid-template-columns:1fr 1fr}}