.cfs-design-live-launch {
    position: fixed;
    z-index: 100001;
    right: 22px;
    bottom: 22px;
    min-width: 88px;
    min-height: 46px;
    padding: 10px 18px;
    border: 0;
    border-radius: 999px;
    background: #101828;
    color: #fff;
    box-shadow: 0 14px 38px rgba(15, 23, 42, .28);
    font: 700 13px/1 system-ui, sans-serif;
    cursor: pointer;
}

.cfs-design-live-panel {
    position: fixed;
    z-index: 100002;
    right: 22px;
    bottom: 78px;
    width: min(390px, calc(100vw - 24px));
    overflow: hidden;
    border: 1px solid #dbe2ea;
    border-radius: 18px;
    background: #fff;
    color: #172033;
    box-shadow: 0 28px 90px rgba(15, 23, 42, .3);
    font: 14px/1.45 system-ui, sans-serif;
}

.cfs-design-live-panel[hidden] { display: none !important; }
.cfs-design-live-panel header,.cfs-design-live-panel footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;background:#101828;color:#fff}.cfs-design-live-panel header div{display:grid;gap:2px}.cfs-design-live-panel header span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#67e8f9}.cfs-design-live-panel header strong{font-size:17px}.cfs-design-live-panel header button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}.cfs-design-live-fields{display:grid;gap:16px;padding:19px}.cfs-design-live-fields>label{display:grid;gap:7px;font-weight:650}.cfs-design-live-fields select,.cfs-design-live-fields input[type=range]{width:100%}.cfs-design-live-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cfs-design-live-colors label{display:grid;grid-template-columns:1fr 40px;align-items:center;gap:8px;padding:9px;border:1px solid #e2e8f0;border-radius:10px;font-size:12px;font-weight:650}.cfs-design-live-colors input{width:40px;height:34px;padding:1px;border:0;background:transparent}.cfs-design-live-panel footer{background:#f8fafc;color:#475569}.cfs-design-live-panel footer button{min-height:38px;padding:9px 15px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-weight:750;cursor:pointer}.cfs-design-live-panel footer span{font-size:12px}.cfs-design-live-panel.is-saving footer button{opacity:.55;pointer-events:none}

@media (max-width: 600px) {
    .cfs-design-live-launch { right: 12px; bottom: 12px; }
    .cfs-design-live-panel { right: 12px; bottom: 68px; }
}

/* Keep all controls reachable on short screens and when browser text is enlarged. */
.cfs-design-live-panel{max-height:calc(100dvh - 100px);overflow-y:auto}.cfs-design-live-panel footer{position:sticky;bottom:0}.cfs-design-live-panel select{min-height:40px}.cfs-design-live-panel button:focus-visible{outline:3px solid #f3c54b;outline-offset:3px}