.modal-editor-head.svelte-s4lnka{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--stroke-color, rgba(0, 0, 0, .08))}.modal-editor-tag.svelte-s4lnka{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:rgb(var(--color-primary-rgb, 99 102 241));border-radius:4px}.modal-editor-id.svelte-s4lnka .modal-id-text{font-family:ui-monospace,monospace;font-size:12px;color:var(--primary-text-color, #18181b);opacity:.85}.modal-editor-hint.svelte-s4lnka{font-size:11px;color:var(--secondary-text-color, #71717a);flex:1;min-width:200px}.modal-editor-settings.svelte-s4lnka{display:inline-flex;align-items:center;gap:6px}.modal-editor-settings-label.svelte-s4lnka{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary-text-color, #71717a)}.modal-editor-seg.svelte-s4lnka{display:inline-flex;align-items:center;border:1px solid var(--stroke-color, rgba(0, 0, 0, .12));border-radius:6px;overflow:hidden;background:var(--canvas-fill-color, #fff)}.modal-editor-seg-btn.svelte-s4lnka{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;background:transparent;border:none;color:var(--secondary-text-color, #71717a);cursor:pointer;transition:background-color .15s ease,color .15s ease}.modal-editor-seg-btn.svelte-s4lnka svg:where(.svelte-s4lnka){flex-shrink:0}.modal-editor-seg-btn.svelte-s4lnka+.modal-editor-seg-btn:where(.svelte-s4lnka){border-left:1px solid var(--stroke-color, rgba(0, 0, 0, .08))}.modal-editor-seg-btn.svelte-s4lnka:hover{background:#0000000a;color:var(--primary-text-color, #18181b)}.modal-editor-seg-btn.active.svelte-s4lnka{background:rgb(var(--color-primary-rgb, 99 102 241));color:#fff}.modal-backdrop.svelte-s4lnka{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto;animation:svelte-s4lnka-modal-fade-in .18s ease-out}@keyframes svelte-s4lnka-modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-panel.svelte-s4lnka{position:relative;width:100%;max-width:960px;background:var(--canvas-fill-color, #ffffff);border-radius:12px;box-shadow:0 24px 60px #00000059;overflow:hidden;animation:svelte-s4lnka-modal-slide-in .22s cubic-bezier(.22,1,.36,1)}@keyframes svelte-s4lnka-modal-slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close.svelte-s4lnka{position:absolute;top:12px;right:12px;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--canvas-fill-color, white);border:1px solid var(--stroke-color, rgba(0, 0, 0, .08));color:var(--primary-text-color, #18181b);cursor:pointer;transition:background-color .15s ease}.modal-panel[data-close-pos=top-left].svelte-s4lnka .modal-close:where(.svelte-s4lnka){left:12px;right:auto}.modal-panel[data-close-pos=top-center].svelte-s4lnka .modal-close:where(.svelte-s4lnka){left:50%;right:auto;transform:translate(-50%)}.modal-close.svelte-s4lnka:hover{background:color-mix(in oklch,var(--primary-text-color) 8%,var(--canvas-fill-color, white))}.modal-content.svelte-s4lnka{max-height:calc(100vh - 96px);overflow-y:auto}.modal-content.edit-mode.svelte-s4lnka{min-height:320px;padding:16px}.modal-panel.svelte-s4lnka:has(.modal-editor-head:where(.svelte-s4lnka)){padding-top:0}@media (prefers-reduced-motion: reduce){.modal-backdrop.svelte-s4lnka,.modal-panel.svelte-s4lnka{animation:none}}
