.demo-page[data-v-7f5b9544]{background:var(--color-bg);min-height:100vh;font-family:var(--font-system)}.demo-header[data-v-7f5b9544]{background:var(--color-bg-white);border-bottom:1px solid var(--color-border)}.demo-header-inner[data-v-7f5b9544]{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:12px 24px;display:flex}.demo-back[data-v-7f5b9544]{color:var(--color-text-secondary);font-size:13px;text-decoration:none}.demo-back[data-v-7f5b9544]:hover{color:var(--color-text)}.demo-main[data-v-7f5b9544]{max-width:1100px;margin:0 auto;padding:40px 24px}.demo-intro[data-v-7f5b9544]{text-align:center;margin-bottom:40px}.demo-badge[data-v-7f5b9544]{background:var(--color-text);color:#fff;letter-spacing:.05em;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.demo-title[data-v-7f5b9544]{color:var(--color-text);margin:0 0 12px;font-size:28px;font-weight:800}.demo-lead[data-v-7f5b9544]{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.demo-grid[data-v-7f5b9544]{grid-template-columns:1fr 380px;gap:24px;display:grid}@media (width<=860px){.demo-grid[data-v-7f5b9544]{grid-template-columns:1fr}}.demo-form-card[data-v-7f5b9544],.demo-info-card[data-v-7f5b9544]{background:var(--color-bg-white);border-radius:12px;padding:28px;box-shadow:0 1px 3px #0000000f}.demo-section-title[data-v-7f5b9544]{color:var(--color-text);margin:0 0 20px;font-size:16px;font-weight:700}.demo-field[data-v-7f5b9544]{margin-bottom:16px}.demo-field label[data-v-7f5b9544]{color:var(--color-text-label);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.demo-field input[data-v-7f5b9544],.demo-field textarea[data-v-7f5b9544]{border:1px solid var(--color-border-medium);box-sizing:border-box;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.demo-field input[data-v-7f5b9544]:focus,.demo-field textarea[data-v-7f5b9544]:focus{border-color:var(--color-text);outline:none}.demo-items-header[data-v-7f5b9544]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.demo-items-header label[data-v-7f5b9544]{color:var(--color-text-label);font-size:13px;font-weight:600}.demo-add-btn[data-v-7f5b9544]{color:var(--color-primary-light);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.demo-item-row[data-v-7f5b9544]{align-items:center;gap:8px;margin-bottom:8px;display:flex}.demo-item-name[data-v-7f5b9544]{border:1px solid var(--color-border-medium);border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.demo-item-qty[data-v-7f5b9544]{border:1px solid var(--color-border-medium);text-align:right;border-radius:6px;width:60px;padding:8px 10px;font-size:13px}.demo-item-price[data-v-7f5b9544]{border:1px solid var(--color-border-medium);text-align:right;border-radius:6px;width:100px;padding:8px 10px;font-size:13px}.demo-remove-btn[data-v-7f5b9544]{color:var(--color-error);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.demo-totals[data-v-7f5b9544]{border-top:1px solid var(--color-border);margin-top:16px;padding-top:12px}.demo-totals>div[data-v-7f5b9544]{color:var(--color-text-secondary);justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.demo-total-final[data-v-7f5b9544]{border-top:1px solid var(--color-border);margin-top:4px;font-weight:700;color:var(--color-text)!important;padding-top:8px!important;font-size:16px!important}.demo-generate-btn[data-v-7f5b9544]{background:var(--color-text);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s}.demo-generate-btn[data-v-7f5b9544]:hover:not(:disabled){opacity:.85}.demo-generate-btn[data-v-7f5b9544]:disabled{opacity:.5;cursor:not-allowed}.demo-error[data-v-7f5b9544]{background:var(--color-error-bg);color:var(--color-error);border-radius:6px;margin-top:12px;padding:10px;font-size:13px}.demo-result[data-v-7f5b9544]{background:var(--color-success-bg);text-align:center;border-radius:8px;margin-top:16px;padding:16px}.demo-result-label[data-v-7f5b9544]{color:var(--color-success);margin-bottom:8px;font-size:13px;font-weight:600}.demo-download-btn[data-v-7f5b9544]{background:var(--color-success);color:#fff;border-radius:6px;padding:10px 32px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.demo-download-btn[data-v-7f5b9544]:hover{opacity:.9}.demo-test-note[data-v-7f5b9544]{color:var(--color-text-tertiary);margin:8px 0 0;font-size:11px}.demo-step[data-v-7f5b9544]{color:var(--color-text-label);align-items:flex-start;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.demo-step-num[data-v-7f5b9544]{background:var(--color-text);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.demo-code-block[data-v-7f5b9544]{background:var(--color-bg-darker);border-radius:8px;margin:20px 0;padding:16px;overflow-x:auto}.demo-code-label[data-v-7f5b9544]{color:var(--color-dark-muted);margin-bottom:8px;font-size:11px;font-weight:600}.demo-code-block pre[data-v-7f5b9544]{color:var(--color-border-strong);white-space:pre-wrap;margin:0;font-family:SF Mono,Menlo,monospace;font-size:12px}.demo-cta-card[data-v-7f5b9544]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin-top:24px;padding:20px}.demo-cta-card h3[data-v-7f5b9544]{color:var(--color-text);margin:0 0 8px;font-size:15px;font-weight:700}.demo-cta-card p[data-v-7f5b9544]{color:var(--color-text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.demo-cta-buttons[data-v-7f5b9544]{gap:8px;display:flex}.demo-cta-primary[data-v-7f5b9544]{background:var(--color-text);color:#fff;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none}.demo-cta-secondary[data-v-7f5b9544]{background:var(--color-bg-white);color:var(--color-text);border:1px solid var(--color-border-medium);border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none}.demo-footer[data-v-7f5b9544]{text-align:center;color:var(--color-border-medium);padding:24px;font-size:12px}