.page[data-v-bfcb6ee4]{background:#fff}.container[data-v-bfcb6ee4]{max-width:800px;margin:0 auto;padding:24px 16px 40px}.hero[data-v-bfcb6ee4]{text-align:center;margin:10px 0 18px}.hero h1[data-v-bfcb6ee4]{font-size:2rem;margin:0 0 6px;color:#1f2128}.hero p[data-v-bfcb6ee4]{color:#5b5e6a;margin:0}.panel[data-v-bfcb6ee4]{background:#fff;border:1px solid #e9e9ee;border-radius:14px;padding:16px;margin:16px 0 22px}.controls[data-v-bfcb6ee4]{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:12px}@media screen and (max-width:420px){.controls .btn[data-v-bfcb6ee4]{display:none}}.control[data-v-bfcb6ee4]{display:grid;gap:6px;flex:1;min-width:260px}@media screen and (max-width:420px){.control[data-v-bfcb6ee4]{min-width:0;max-width:calc(100% - 32px)}}.control .label[data-v-bfcb6ee4]{font-size:.85rem;font-weight:600;color:#1f2128}.control input[type=text][data-v-bfcb6ee4]{width:100%;padding:10px 12px;border:1px solid #e6e6e9;border-radius:10px;outline:none}.control input[type=text][data-v-bfcb6ee4]:focus{border-color:#fe6b2a;box-shadow:0 0 0 3px #fe6b2a1f}.btn[data-v-bfcb6ee4]{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #ececf2;border-radius:10px;text-decoration:none;background:#fff;font-weight:600;color:#1f2128;cursor:pointer;transition:transform .08s ease,box-shadow .2s}.btn[data-v-bfcb6ee4]:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.btn.ghost[data-v-bfcb6ee4]{background:#fff}.preview[data-v-bfcb6ee4]{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-start;margin-top:16px}.thumb[data-v-bfcb6ee4]{background:#fafbff;border:1px solid #f0f1f6;border-radius:8px;padding:10px;display:grid;place-items:center}.thumb img[data-v-bfcb6ee4]{width:180px;height:180px;object-fit:contain;display:block}.spinner[data-v-bfcb6ee4]{margin-top:10px;font-size:.9rem;color:#1f2128}.seo[data-v-bfcb6ee4]{margin-top:28px;border-top:1px solid #eef0f5;padding-top:18px;color:#1f2128}.seo h2[data-v-bfcb6ee4]{font-size:1.35rem;margin:0 0 8px}.seo h2 .sub[data-v-bfcb6ee4]{color:gray;font-size:1.1rem}@media(max-width:480px){.seo h2 .sub[data-v-bfcb6ee4]{display:none}}.seo h3[data-v-bfcb6ee4]{font-size:1.05rem;margin:16px 0 8px}.seo p[data-v-bfcb6ee4]{color:#5b5e6a}.seo ol[data-v-bfcb6ee4]{padding-left:18px}.seo ol li[data-v-bfcb6ee4]{margin:4px 0}.seo details[data-v-bfcb6ee4]{border:1px solid #ececf2;border-radius:10px;padding:10px 12px;margin:8px 0;background:#fff;transition:background .2s ease}.seo details summary[data-v-bfcb6ee4]{cursor:pointer;font-weight:600;color:#1f2128;outline:none;position:relative;padding-right:22px}.seo details p[data-v-bfcb6ee4]{margin:8px 0 0;color:#5b5e6a}.seo details[data-v-bfcb6ee4]:hover{background:#f9f9fb}.seo .seo-links[data-v-bfcb6ee4]{margin-top:12px}.seo .seo-links a[data-v-bfcb6ee4]{color:#fe6b2a;text-decoration:none;transition:color .2s ease}.seo .seo-links a[data-v-bfcb6ee4]:hover{text-decoration:underline}