:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.form-card[data-v-802c7f5d]{background:#fff;border-radius:24px;box-shadow:0 22px 45px #0f29601f;padding:40px 36px 48px;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:560px}.form-header[data-v-802c7f5d]{text-align:center;width:100%}.form-logo[data-v-802c7f5d]{width:120px;margin:0 auto 12px;display:block}.form-header h1[data-v-802c7f5d]{font-size:24px;font-weight:600;color:#3a3a3a;margin-bottom:16px}.form-header hr[data-v-802c7f5d]{border:none;border-top:1px solid #dedede;margin-bottom:16px}.form-header p[data-v-802c7f5d]{color:#4a4a4a;font-size:16px;margin:0}.form-body[data-v-802c7f5d]{display:flex;flex-direction:column;gap:14px;width:100%}.form-body input[data-v-802c7f5d]{padding:16px 18px;border:1px solid #cfd3da;border-radius:12px;font-size:15px;transition:border-color .2s,box-shadow .2s;font-family:Inter,Segoe UI,sans-serif}.form-body input[data-v-802c7f5d]:focus{outline:none;border-color:#1152a2;box-shadow:0 0 0 3px #1f61c433}.submit-btn[data-v-802c7f5d]{margin-top:12px;background:#0c49ae;color:#fff;border:none;border-radius:14px;padding:18px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s ease}.submit-btn[data-v-802c7f5d]:hover{background:#0a3c8e}@media(max-width:640px){.form-card[data-v-802c7f5d]{padding:32px 24px 40px;border-radius:18px}.form-header h1[data-v-802c7f5d]{font-size:21px}.form-header p[data-v-802c7f5d]{font-size:15px}.form-body input[data-v-802c7f5d]{font-size:16px;padding:15px 16px}.submit-btn[data-v-802c7f5d]{font-size:18px;padding:18px}}.preview-card[data-v-2dc54060]{padding:32px;border-radius:20px;border:1px solid #dcdcdc;background:#f4f6fb;display:flex;flex-direction:column;gap:28px;width:100%;box-sizing:border-box;max-width:760px;margin:0 auto;align-items:stretch}.preview-title[data-v-2dc54060]{font-size:26px;font-weight:600;color:#1f2a44;margin:0}.preview-wrapper[data-v-2dc54060]{background:#fff;border-radius:16px;padding:28px;box-shadow:inset 0 0 0 1px #e2e6ef;display:flex;justify-content:center;width:100%;overflow-x:auto;max-width:100%}.preview-scaler[data-v-2dc54060]{display:inline-block}.preview[data-v-2dc54060]{border:none;padding:0;border-radius:0;background:transparent;overflow:visible;display:inline-block;width:max-content}.button-row[data-v-2dc54060]{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px;justify-content:center}.preview-wrapper[data-v-2dc54060]::-webkit-scrollbar{height:6px}.preview-wrapper[data-v-2dc54060]::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}@media(max-width:640px){.preview-wrapper[data-v-2dc54060]{justify-content:flex-start;padding:18px}.preview-scaler[data-v-2dc54060]{transform:scale(.78);transform-origin:top left}.preview-card[data-v-2dc54060]{padding:24px 18px;border-radius:16px;gap:22px}.preview-title[data-v-2dc54060]{font-size:22px}}.usage-guide[data-v-2dc54060]{background:#fff;border-radius:18px;padding:24px 28px;box-shadow:inset 0 0 0 1px #e2e6ef;color:#29324d;display:grid;gap:14px;font-size:15px;line-height:1.7}.usage-guide header[data-v-2dc54060]{display:grid;gap:6px}.usage-guide h3[data-v-2dc54060]{margin:0;font-size:20px;font-weight:600}.usage-subtitle[data-v-2dc54060]{margin:0;color:#5a6580;font-size:14px}.usage-guide ul[data-v-2dc54060]{margin:0;padding:0;list-style:none;display:grid;gap:16px}.usage-guide li[data-v-2dc54060]{display:grid;gap:6px}.usage-title[data-v-2dc54060]{font-weight:600;font-size:15px;color:#0c49ae}.usage-guide footer[data-v-2dc54060]{margin-top:4px;font-size:14px;color:#364061}.app-shell[data-v-81c53f6a]{min-height:100vh;background:#f4f6fb;display:flex;justify-content:center;align-items:center;padding:32px 16px;box-sizing:border-box}.content-wrapper[data-v-81c53f6a]{display:flex;justify-content:center;align-items:stretch;width:100%}.content-wrapper--narrow[data-v-81c53f6a]{max-width:728px}@media(max-width:768px){.app-shell[data-v-81c53f6a]{padding:24px 12px}}