.studio-ui{background:white;border:1px solid #dce4dc;border-radius:14px;padding:18px;margin:16px 0;display:grid;gap:13px}.studio-head{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.studio-head strong{font-size:14px;color:#264b36;display:block}.studio-head small{color:#708977;font-size:11px}.studio-head label{display:flex;gap:7px;align-items:center;font-size:12px}.studio-head input{width:135px;border:1px solid #cddbd0;border-radius:6px;padding:9px}.studio-actions{display:flex;flex-wrap:wrap;gap:8px}.studio-actions button,.studio-head button{padding:10px 13px;border:1px solid #c8d7cb;border-radius:8px;background:#f9fbf9;color:#1f5239;cursor:pointer;font-weight:650;font-size:12px}.studio-actions #studio-export{background:#225d3c;color:white}.studio-actions #studio-reset{background:#fff5ef;color:#9e4a28}.studio-actions #studio-toggle[aria-pressed=true]{background:#d8ede0}.studio-ui p{margin:0;color:#526c58;font-size:12px;overflow-wrap:anywhere;max-width:none}
/* Editor V2: compact, accessible controls and a floating widget insert action. */
.studio-customize{display:flex;flex-wrap:wrap;gap:12px;align-items:end;border-top:1px solid #edf1ed;padding-top:14px}
.studio-customize label,.studio-widget-picker label{display:flex;flex-direction:column;gap:5px;color:#2c5140;font-size:12px;font-weight:700}
.studio-customize select,.studio-widget-picker select{min-width:150px;background:#fff;border:1px solid #cddbd0;border-radius:8px;padding:9px;color:#24432f;max-width:100%}
.studio-customize input[type=color]{width:51px;height:39px;padding:3px;border:1px solid #ccd9d0;border-radius:8px;cursor:pointer;background:#fff}
#studio-widget-toggle{position:fixed;right:22px;bottom:22px;z-index:1100;padding:15px 20px;border:0;border-radius:50px;background:#245d3e;color:white;font-weight:800;box-shadow:0 6px 18px #0003;cursor:pointer}
#studio-widget-toggle:disabled{display:none}
#studio-widget-panel{position:fixed;right:20px;bottom:82px;z-index:1100;max-width:min(390px,calc(100vw - 40px));max-height:70vh;overflow:auto;background:white;border:1px solid #cddbd0;box-shadow:0 12px 45px #0003;border-radius:16px;padding:18px}
#studio-widget-panel[hidden]{display:none}
.studio-widget-picker{display:flex;align-items:end;flex-wrap:wrap;gap:10px}
.studio-widget-picker button,.studio-widget-row button{background:#f6faf7;border:1px solid #c8d7cb;border-radius:7px;padding:9px 12px;cursor:pointer;color:#1c4b31;font-weight:700;font-size:12px}
#studio-widget-add{background:#245d3e;color:#fff}
#studio-widget-list{display:grid;gap:7px;margin-top:12px}
.studio-widget-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px;border:1px solid #e3ebe4;border-radius:9px}
.studio-widget-row span{font-size:12px;font-weight:700;flex:1;min-width:105px}
@media(max-width:600px){.studio-ui{padding:12px}.studio-customize{gap:8px}.studio-customize select{min-width:130px}#studio-widget-toggle{right:12px;bottom:12px}#studio-widget-panel{right:10px;bottom:75px;max-width:calc(100vw - 20px)}}