.app[data-v-03193fbc]{text-align:center;min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-03193fbc]{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 2rem;color:#fff}.app-header h1[data-v-03193fbc]{margin:0;font-size:2.5rem;font-weight:700}.app-description[data-v-03193fbc]{margin:1rem auto 0;font-size:1.1rem;opacity:.9;max-width:600px}.app-main[data-v-03193fbc]{flex:1;padding:2rem;max-width:1200px;margin:0 auto}.widget-demo-section[data-v-03193fbc]{margin-bottom:3rem}.widget-demo-section h2[data-v-03193fbc]{color:#333;margin-bottom:1rem}.widget-demo-section a[data-v-03193fbc]{color:#667eea;text-decoration:none;font-weight:600}.widget-demo-section a[data-v-03193fbc]:hover{color:#764ba2;text-decoration:underline}.info-card[data-v-03193fbc]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(102,126,234,.1);border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 6px #00000012,0 1px 3px #0000000f}.info-card-content[data-v-03193fbc]{width:100%}.info-card-content strong[data-v-03193fbc]{display:block;color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.info-card-content p[data-v-03193fbc]{margin:0;color:#495057;line-height:1.6}.widget-container[data-v-03193fbc]{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:2rem;margin:2rem 0;min-height:200px}.integration-info[data-v-03193fbc],.next-steps[data-v-03193fbc]{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:2rem;margin:2rem 0;text-align:left;box-shadow:0 2px 4px #0000001a}.integration-info h2[data-v-03193fbc],.next-steps h2[data-v-03193fbc]{color:#495057;margin-top:0;margin-bottom:1rem}.integration-info ol[data-v-03193fbc],.next-steps ul[data-v-03193fbc]{padding-left:1.5rem}.integration-info li[data-v-03193fbc],.next-steps li[data-v-03193fbc]{margin-bottom:.5rem;line-height:1.6}code[data-v-03193fbc]{background:#f1f3f4;padding:.2em .4em;border-radius:3px;font-size:.9em;color:#d73a49}.app-footer[data-v-03193fbc]{background:#f8f9fa;padding:2rem;border-top:1px solid #e9ecef;margin-top:auto}.app-footer a[data-v-03193fbc]{color:#667eea;text-decoration:none;font-weight:600}.app-footer a[data-v-03193fbc]:hover{color:#764ba2;text-decoration:underline}.heart[data-v-03193fbc]{color:#e74c3c}@media(max-width:768px){.app-header[data-v-03193fbc]{padding:2rem 1rem}.app-header h1[data-v-03193fbc]{font-size:2rem}.app-main[data-v-03193fbc]{padding:1rem}.integration-info[data-v-03193fbc],.next-steps[data-v-03193fbc]{padding:1.5rem}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#212529;background:#fff}