.design-tool-root[data-v-d7400455]{position:fixed;bottom:25px;right:25px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end}@media(max-width:768px){.design-tool-root[data-v-d7400455]{right:10px;bottom:10px}.design-tool-panel-wrap--open[data-v-d7400455]{position:absolute;bottom:-10px;right:0}}.design-tool-panel-wrap[data-v-d7400455]{margin-top:10px;align-self:flex-end}.design-tool-fab[data-v-d7400455]{width:44px;height:44px;border-radius:9999px;border:1px solid hsla(0,0%,100%,.35);background-color:#ffffff8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;color:#111827;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.design-tool-fab--idle .design-tool-fab-icon[data-v-d7400455]{color:#111827}.design-tool-fab-icon[data-v-d7400455]{width:18px;height:18px;display:block}.design-tool-fab--idle[data-v-d7400455]{animation:designToolBounce-d7400455 2.2s ease-in-out infinite;transform-origin:100% 100%}.design-tool-fab--hidden[data-v-d7400455]{opacity:0;pointer-events:none;transition:opacity .2s ease}.design-tool-fab--idle .design-tool-fab-icon[data-v-d7400455]{animation:designToolBounceIcon-d7400455 2.2s ease-in-out infinite;transform-origin:50% 70%}@keyframes designToolBounce-d7400455{0%,84%,to{transform:translateY(0) scale(1)}88%{transform:translateY(-3px) scale(1.03)}92%{transform:translateY(0) scale(.99)}96%{transform:translateY(-1px) scale(1.01)}}@keyframes designToolBounceIcon-d7400455{0%,84%,to{transform:translateY(0) scale(1)}88%{transform:translateY(-2px) scale(1.06)}92%{transform:translateY(0) scale(.98)}96%{transform:translateY(-1px) scale(1.02)}}@media(prefers-reduced-motion:reduce){.design-tool-fab--idle[data-v-d7400455],.design-tool-fab--idle .design-tool-fab-icon[data-v-d7400455]{animation:none}}.design-tool-panel[data-v-d7400455]{width:340px;max-height:95vh;overflow:hidden;padding:14px;border-radius:24px;border:1px solid hsla(0,0%,100%,.35);background-color:#ffffff8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;transform-origin:bottom right;color:#111827;font-family:General Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans}.design-tool-panel[data-v-d7400455],.design-tool-panel--wide[data-v-d7400455]{height:auto;display:flex;flex-direction:column}.design-tool-panel--wide[data-v-d7400455]{width:calc(100vw - 50px);max-width:100vw;max-height:none;min-height:80px;overflow:visible;padding:12px 14px;gap:12px}.design-tool-title-top[data-v-d7400455]{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#111827;text-transform:uppercase;font-size:14px;padding-bottom:8px;margin-bottom:0;position:relative;border-bottom:1px solid rgba(0,0,0,.08);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab;flex-shrink:0}.design-tool-title-top[data-v-d7400455]:active{cursor:grabbing}.design-tool-title-top-content[data-v-d7400455]{position:absolute;left:50%;transform:translate(-50%);text-align:center}.design-tool-header-buttons-wrapper[data-v-d7400455],.design-tool-panel--wide .design-tool-header[data-v-d7400455]{display:none}.design-tool-panel--wide .design-tool-header-buttons-wrapper[data-v-d7400455]{display:flex;flex-shrink:0;border-right:1px solid rgba(0,0,0,.08);padding-right:20px;align-items:center;justify-content:center}.design-tool-panel--tall[data-v-d7400455]{width:min(380px,calc(100vw - 32px));height:auto;max-height:95vh}.design-tool-content[data-v-d7400455]{display:block}.design-tool-content-wrapper[data-v-d7400455]{display:block;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.design-tool-panel--wide .design-tool-content-wrapper[data-v-d7400455]{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;min-height:0}.design-tool-panel--wide .design-tool-content[data-v-d7400455]{display:flex;flex-direction:row;gap:20px;align-items:center;padding:0;flex:1;min-width:0}.design-tool-panel--wide .design-tool-footer[data-v-d7400455]{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;border-left:1px solid rgba(0,0,0,.08);padding:0 0 0 20px;flex-shrink:0;justify-content:flex-start}.design-tool-footer-title[data-v-d7400455]{margin-bottom:0;margin-right:12px;white-space:nowrap;display:inline-block}.design-tool-grid[data-v-d7400455]{display:block}.design-tool-panel--wide .design-tool-grid--colors[data-v-d7400455],.design-tool-panel--wide .design-tool-grid--fonts[data-v-d7400455]{display:flex;flex-direction:row;gap:12px;align-items:center;flex-wrap:wrap}.design-tool-panel--wide .design-tool-select[data-v-d7400455]{min-width:120px;max-width:140px;width:auto}.design-tool-panel--wide .design-tool-grid--colors .design-tool-row[data-v-d7400455],.design-tool-panel--wide .design-tool-grid--fonts .design-tool-row[data-v-d7400455]{margin-bottom:0;display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.design-tool-panel--wide .design-tool-section--actions[data-v-d7400455]{border-top:none;border-left:1px solid rgba(0,0,0,.08);padding:0 0 0 20px;flex:0 0 auto;min-width:0}.design-tool-panel--wide .design-tool-section--actions .design-tool-footer[data-v-d7400455]{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;border-top:none;border-left:none;padding:0;flex-wrap:wrap}.design-tool-panel[data-v-d7400455] *{color:inherit;font-family:inherit}.design-tool-panel[data-v-d7400455] a{color:inherit}.design-tool-panel-enter-active[data-v-d7400455],.design-tool-panel-leave-active[data-v-d7400455]{transition:opacity .3s cubic-bezier(.2,.9,.2,1),transform .4s cubic-bezier(.2,.9,.2,1);will-change:transform,opacity;transform-origin:bottom right}.design-tool-panel-enter-from[data-v-d7400455]{opacity:0;transform:scale(.1) translateY(0)}.design-tool-panel-enter-to[data-v-d7400455],.design-tool-panel-leave-from[data-v-d7400455]{opacity:1;transform:scale(1) translateY(0)}.design-tool-panel-leave-to[data-v-d7400455]{opacity:0;transform:scale(.1) translateY(0)}.design-tool-header[data-v-d7400455]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;position:relative;flex-shrink:0}.design-tool-panel--wide .design-tool-header[data-v-d7400455]{margin-bottom:0;flex-shrink:0;width:auto;min-width:60px;max-width:60px;border-right:1px solid rgba(0,0,0,.08);padding-right:20px}.design-tool-panel--wide .design-tool-title[data-v-d7400455]{display:none}.design-tool-title[data-v-d7400455]{position:absolute;left:50%;transform:translate(-50%);font-weight:700;color:#111827}.design-tool-header-left[data-v-d7400455]{display:flex;align-items:center;gap:8px;flex-shrink:0}.design-tool-header-buttons[data-v-d7400455]{display:flex;flex-direction:row;gap:8px;align-items:center}.design-tool-panel--wide .design-tool-header-buttons[data-v-d7400455]{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}.design-tool-drag-handle[data-v-d7400455]{width:32px;height:32px;border-radius:9999px;border:1px solid rgba(0,0,0,.15);background:#ffffffd9;color:#111827;font-size:14px;line-height:1;cursor:grab;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.design-tool-drag-handle[data-v-d7400455]:active,.design-tool-drag-handle[data-v-d7400455]:focus,.design-tool-drag-handle[data-v-d7400455]:hover{background:#ffffffd9!important;background-color:#ffffffd9!important;border-color:#00000026!important;opacity:1!important}.design-tool-drag-handle[data-v-d7400455]:active{cursor:grabbing}.design-tool-drag-icon[data-v-d7400455]{width:16px;height:16px;display:block}.design-tool-close[data-v-d7400455]{width:32px;height:32px;border-radius:9999px;border:1px solid rgba(0,0,0,.15);background:#ffffffd9;color:#111827;font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.design-tool-close[data-v-d7400455]:active,.design-tool-close[data-v-d7400455]:focus,.design-tool-close[data-v-d7400455]:hover{background:#ffffffd9!important;background-color:#ffffffd9!important;border-color:#00000026!important;opacity:1!important}.design-tool-panel--wide .design-tool-footer .design-tool-close[data-v-d7400455],.design-tool-panel--wide .design-tool-header .design-tool-close[data-v-d7400455]{display:none}.design-tool-panel--wide .design-tool-title-top .design-tool-close[data-v-d7400455]{display:inline-flex;margin-left:auto}.design-tool-panel--tall .design-tool-header .design-tool-close[data-v-d7400455]{display:inline-flex}.design-tool-panel--tall .design-tool-footer .design-tool-close[data-v-d7400455]{display:none}.design-tool-close-icon[data-v-d7400455]{width:16px;height:16px;display:block}.design-tool-mode[data-v-d7400455]{border:1px solid rgba(0,0,0,.15);background:#ffffffd9;border-radius:9999px;padding:6px 8px;font-size:12px;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.design-tool-mode[data-v-d7400455]:active,.design-tool-mode[data-v-d7400455]:focus,.design-tool-mode[data-v-d7400455]:hover{background:#ffffffd9!important;background-color:#ffffffd9!important;border-color:#00000026!important;opacity:1!important}.design-tool-mode-icon[data-v-d7400455]{width:18px;height:18px;display:block}.design-tool-section[data-v-d7400455]{padding:10px 0;border-top:1px solid rgba(0,0,0,.08)}.design-tool-panel--wide .design-tool-section[data-v-d7400455]{border-top:none;border-left:1px solid rgba(0,0,0,.08);padding:0 0 0 20px;flex:0 0 auto;min-width:0}.design-tool-panel--wide .design-tool-section--colors[data-v-d7400455]{border-left:none;padding-left:0;flex:1 1 auto}.design-tool-panel--wide .design-tool-section[data-v-d7400455]:not(.design-tool-section--colors):not(.design-tool-section--bg){margin-left:auto}.design-tool-section-title[data-v-d7400455]{font-weight:600;margin-bottom:8px;color:#111827}.design-tool-panel--wide .design-tool-section-title[data-v-d7400455]{margin-bottom:0;margin-right:12px;white-space:nowrap;display:inline-block}.design-tool-row[data-v-d7400455]{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}.design-tool-panel--wide .design-tool-row[data-v-d7400455]{grid-template-columns:1fr;align-items:center;gap:10px}.design-tool-label[data-v-d7400455]{font-size:12px;color:#111827}.design-tool-var[data-v-d7400455]{display:block;font-size:11px;opacity:.6}.design-tool-controls[data-v-d7400455]{display:flex;gap:8px;align-items:center}.design-tool-color[data-v-d7400455]{width:34px;height:34px;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:9999px;background:transparent}.design-tool-color[data-v-d7400455]::-webkit-color-swatch-wrapper{padding:0}.design-tool-color[data-v-d7400455]::-webkit-color-swatch{border:none;border-radius:9999px}.design-tool-color[data-v-d7400455]::-moz-color-swatch{border:none;border-radius:9999px}.design-tool-select[data-v-d7400455],.design-tool-text[data-v-d7400455]{height:34px;flex:1;border:1px solid rgba(0,0,0,.15);border-radius:12px;padding:0 10px;background:#ffffffd9;color:#111827}.design-tool-color[data-v-d7400455]:active,.design-tool-color[data-v-d7400455]:focus,.design-tool-select[data-v-d7400455]:active,.design-tool-select[data-v-d7400455]:focus,.design-tool-text[data-v-d7400455]:active,.design-tool-text[data-v-d7400455]:focus{border-color:#00000026!important;background:#ffffffd9!important;background-color:#ffffffd9!important;outline:none!important}.design-tool-panel--wide .design-tool-text[data-v-d7400455]{max-width:100px;min-width:80px}.design-tool-panel--wide .design-tool-label[data-v-d7400455]{margin-right:8px;white-space:nowrap}.design-tool-footer[data-v-d7400455]{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0}.design-tool-panel--wide .design-tool-footer[data-v-d7400455]{padding-top:0;border-top:none;margin-top:0}.design-tool-preview[data-v-d7400455]{border:1px solid rgba(0,0,0,.15);background:#ffffffd9;border-radius:9999px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:14px;line-height:1}.design-tool-preview[data-v-d7400455]:active,.design-tool-preview[data-v-d7400455]:focus,.design-tool-preview[data-v-d7400455]:hover{background:#ffffffd9!important;background-color:#ffffffd9!important;border-color:#00000026!important;opacity:1!important}.design-tool-preview-icon[data-v-d7400455]{width:16px;height:16px;display:block;flex-shrink:0}.design-tool-reset[data-v-d7400455]{border:1px solid rgba(0,0,0,.15);background:#ffffffd9;border-radius:9999px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:14px;line-height:1}.design-tool-reset[data-v-d7400455]:active,.design-tool-reset[data-v-d7400455]:focus,.design-tool-reset[data-v-d7400455]:hover{background:#ffffffd9!important;background-color:#ffffffd9!important;border-color:#00000026!important;opacity:1!important}.design-tool-reset-icon[data-v-d7400455]{width:16px;height:16px;display:block;flex-shrink:0}.design-tool-random[data-v-d7400455]{border:1px solid rgba(0,0,0,.15);background:#ffffffd9;border-radius:9999px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:36px;font-size:14px;line-height:1}.design-tool-random[data-v-d7400455]:active,.design-tool-random[data-v-d7400455]:focus,.design-tool-random[data-v-d7400455]:hover{background:#ffffffd9!important;background-color:#ffffffd9!important;border-color:#00000026!important;opacity:1!important}.design-tool-random-text[data-v-d7400455]{font-size:14px;line-height:1}.design-tool-random-icon[data-v-d7400455]{width:16px;height:16px;display:block;flex-shrink:0}.design-tool-loader[data-v-d7400455]{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#111827;font-size:14px}.design-tool-spinner[data-v-d7400455]{width:16px;height:16px;animation:design-tool-spin-d7400455 1s linear infinite}@keyframes design-tool-spin-d7400455{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.design-tool-spinner-circle[data-v-d7400455]{opacity:.25}.design-tool-spinner-path[data-v-d7400455]{opacity:.75}.design-tool-content-wrapper[data-v-d7400455]::-webkit-scrollbar{width:6px}.design-tool-content-wrapper[data-v-d7400455]::-webkit-scrollbar-track{background:transparent}.design-tool-content-wrapper[data-v-d7400455]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.design-tool-content-wrapper[data-v-d7400455]::-webkit-scrollbar-thumb:hover{background:#0000004d}
