.style-choice{border:1px solid #dce2dc;border-radius:12px;padding:14px;margin:14px 0;background:#fbfcfa}
.style-choice legend{font-size:14px;font-weight:600;padding:0 4px}
.style-choice .style-mode{display:flex;align-items:center;gap:8px;font-size:14px;margin:8px 0;cursor:pointer}
.style-choice input[type=radio]{accent-color:#345743;width:16px;height:16px}
.style-choice select{width:100%;padding:10px;border:1px solid #d3dbd4;border-radius:7px;background:#fff;font:inherit;margin:10px 0}
.style-caption{font-size:12px;line-height:1.7;color:#68736a;margin:6px 0}
.style-error{color:#a32929;font-size:13px;line-height:1.6}
.style-result{margin:22px 0;padding:22px;border:1px solid #dce2dc;border-radius:14px;background:#fff}
.style-result h2{font-size:19px;margin:0 0 14px}
.style-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.style-images figure{margin:0;min-width:0}
.style-images img{width:100%;height:300px;object-fit:contain;background:#f4f5f1;border-radius:10px}
.style-images figcaption{font-size:13px;color:#667064;margin:8px 0}
.style-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 0}
.style-result button,.style-history button{border:1px solid #d5dcd5;border-radius:8px;padding:10px 15px;background:#fff;color:#25392c;cursor:pointer}
.style-result button.primary{background:#345743;color:#fff}
.style-history{display:grid;gap:10px;margin:16px 0}
.style-history article{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #e5e8e3;font-size:14px}
.style-editor{display:grid;gap:16px}
.style-editor fieldset{border:1px solid #dce2dc;border-radius:12px;padding:20px;background:#fff}
.style-editor legend{font-size:16px;font-weight:600;padding:0 5px}
.style-editor label{display:grid;gap:8px;font-size:13px;color:#455346}
.style-editor textarea,.style-editor input:not([type=checkbox]),.style-editor select{padding:10px;border:1px solid #d1d9d1;border-radius:7px;font:inherit;background:#fff;color:#222;width:100%;box-sizing:border-box}
.style-editor textarea{min-height:100px;resize:vertical}
.style-editor .style-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0}
.style-editor .style-toggle{display:flex;align-items:center;gap:8px;margin:12px 0}
.style-editor input[type=checkbox]{accent-color:#345743}
.style-editor .style-default{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.style-editor .style-default select{width:auto;min-width:160px}
#style-admin-feedback{white-space:pre-wrap;line-height:1.6}
@media(max-width:700px){.style-images{grid-template-columns:1fr}.style-images img{height:240px}.style-editor .style-fields{grid-template-columns:1fr 1fr}.style-result{padding:15px}}