.av-design-editor{position:relative;flex:none}
.av-design-toggle{position:relative;cursor:pointer;text-decoration:none}
.av-design-editor[data-dirty=true] .av-design-toggle:after{content:"";position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--av-blue)}
.av-design-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(400px,calc(var(--av-layout-viewport-width,100vw) - 28px));max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;background:var(--av-surface);color:var(--av-ink);border:1px solid var(--av-line);border-radius:16px;box-shadow:0 12px 32px rgb(0 0 0 / .16);z-index:30;text-align:left}
.av-design-panel[hidden],.av-design-editor [hidden]{display:none!important}
.av-design-panel__head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 6px;gap:12px}
.av-design-panel__head strong{display:block;font-size:16px;line-height:1.4}
.av-design-panel__head span{display:block;font-size:12px;color:var(--av-muted);margin-top:3px;line-height:1.4}
.av-design-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;background:transparent;color:var(--av-muted);font-size:24px;border-radius:8px;cursor:pointer}
.av-design-close:hover{color:var(--av-ink);background:var(--av-soft-blue)}
.av-design-close:focus-visible,.av-design-tabs button:focus-visible{outline:3px solid var(--av-blue);outline-offset:2px}
.av-design-tabs{display:flex;margin:4px 16px 0;padding:3px;gap:3px;background:var(--av-soft-blue);border-radius:10px}
.av-design-tabs button{flex:1;min-width:0;min-height:40px;padding:6px;border:0;border-radius:7px;background:transparent;color:var(--av-muted);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.av-design-tabs button[aria-selected=true]{color:var(--av-ink);background:var(--av-surface);box-shadow:0 1px 3px rgb(0 0 0 / .1)}
.av-design-panel__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:16px}
.av-design-panel__fields .av-field{min-width:0;gap:6px}
.av-design-panel__fields label{margin:0;line-height:1.3;font-size:12px;color:var(--av-muted)}
.av-design-panel__fields select{width:100%;min-width:0;min-height:44px;font-size:14px;padding:8px;border:1px solid var(--av-line);border-radius:8px;background:var(--av-surface);color:var(--av-ink)}
.av-design-panel__footer{position:sticky;bottom:0;background:var(--av-surface);padding:12px 16px;border-top:1px solid var(--av-line)}
.av-design-panel__footer>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.av-design-panel__footer .av-button{flex:none;white-space:nowrap;min-height:44px;font-size:12px;padding:10px 12px}
.av-design-panel__footer p:empty{display:none}
.av-design-panel__footer p{font-size:12px;line-height:1.4;margin:0 0 10px;color:var(--av-muted)}
.av-design-panel__footer>a{display:block;margin-bottom:10px;font-size:13px}
.av-header:has(.av-design-panel:not([hidden])){z-index:30}
@media(max-width:760px){.av-design-panel{position:fixed;right:14px;top:80px;max-height:calc(100dvh - 160px)}.av-design-panel__fields select{font-size:16px}.av-design-tabs button{min-height:44px;font-size:11px}}