.overlay[data-v-e5ed56ef]{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a0e80;justify-content:center;align-items:flex-start;padding:6vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog[data-v-e5ed56ef]{border:1px solid var(--border);background:var(--bg-elev);width:100%;max-width:820px;box-shadow:var(--shadow-lg);border-radius:16px}.head[data-v-e5ed56ef]{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:18px 20px 14px;display:flex}.head h2[data-v-e5ed56ef]{margin-bottom:4px;font-size:18px}.body[data-v-e5ed56ef]{flex-direction:column;gap:18px;padding:18px 20px 20px;display:flex}.options[data-v-e5ed56ef]{flex-wrap:wrap;align-items:flex-end;gap:14px 24px;display:flex}.color[data-v-e5ed56ef]{border:1px solid var(--border-strong);cursor:pointer;border-radius:6px;width:32px;height:24px;padding:1px}.preview[data-v-e5ed56ef]{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken);max-height:calc(min(480px,50vh));overflow:auto}.preview.checker[data-v-e5ed56ef]{background:repeating-conic-gradient(var(--bg-sunken) 0% 25%,var(--bg-hover) 0% 50%) 50%/16px 16px}.preview iframe[data-v-e5ed56ef]{border:0;width:100%;transition:height .15s;display:block}.code[data-v-e5ed56ef]{min-height:0;font-size:12.5px}