.design-editor{position:fixed;z-index:9999;right:16px;bottom:16px;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid rgba(28,28,28,.14);border-radius:18px;background:rgba(250,246,242,.92);box-shadow:0 18px 60px rgba(28,28,28,.18);backdrop-filter:blur(18px);color:#1c1c1c;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.design-editor.is-collapsed{width:auto;overflow:visible}
.design-editor.is-collapsed .design-editor__body{display:none}
.design-editor__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 10px}
.design-editor__title{margin:0;font-size:13px;line-height:1.2}
.design-editor__toggle{border:1px solid rgba(28,28,28,.18);border-radius:999px;background:transparent;color:inherit;padding:6px 10px;cursor:pointer;font-size:12px}
.design-editor__body{display:grid;gap:14px;padding:0 14px 14px}
.design-editor__group{display:grid;gap:10px;padding-top:12px;border-top:1px solid rgba(28,28,28,.1)}
.design-editor__group-title{font-size:11px;color:#777}
.design-editor label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:12px}
.design-editor input[type="color"]{width:36px;height:28px;border:0;background:transparent;padding:0;cursor:pointer}
.design-editor input[type="range"]{grid-column:1 / -1;width:100%;accent-color:#85ebce}
.design-editor__value{min-width:48px;text-align:right;color:#777;font-size:11px}
.design-editor__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.design-editor__actions button{border:1px solid rgba(28,28,28,.18);border-radius:999px;background:transparent;color:inherit;padding:9px 10px;cursor:pointer;font-size:12px}
.design-editor__actions button:hover,.design-editor__toggle:hover{color:#85ebce;border-color:#85ebce}
.design-editor__note{margin:0;color:#777;font-size:11px;line-height:1.5}
@media(max-width:720px){.design-editor{right:10px;bottom:10px;width:min(300px,calc(100vw - 20px))}}