.demo-section{background:var(--bg-subtle);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);padding:64px 0;width:100%;scroll-margin-top:64px}.demo-wrapper{max-width:72rem;margin:0 auto;padding:0 20px}.demo-intro{max-width:36rem;margin-bottom:32px}.demo-heading{font-family:var(--font-display),Georgia,serif;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.015em;color:var(--ink-900);margin:0 0 12px}.demo-description{font-size:15px;line-height:1.75;color:var(--ink-600);margin:0}.demo-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.demo-card{padding:24px;display:flex;flex-direction:column;min-width:0}.demo-input-card{border-right:1px solid var(--border-default)}.demo-output-card{background:#fff}.demo-field{margin-bottom:20px}.demo-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);margin:0 0 8px}.demo-dropdown,.demo-textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;color:var(--ink-900);font-size:16px;line-height:1.5;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.demo-textarea{height:140px;padding:10px 14px;resize:none}.demo-dropdown{min-height:44px;padding:10px 14px}.demo-dropdown:focus,.demo-textarea:focus{border-color:var(--brand-500);box-shadow:var(--shadow-focus)}.copy-google-btn,.demo-primary-btn{width:100%;min-height:48px;background:var(--action);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease}.demo-primary-btn{margin-top:auto}.copy-google-btn:hover,.demo-primary-btn:hover:not(:disabled){background:var(--action-hover)}.demo-primary-btn:disabled{background:var(--ink-200);color:var(--ink-500);cursor:not-allowed}.demo-output-container{height:100%;display:flex;flex-direction:column}.demo-error-container,.demo-loading-state,.demo-placeholder-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:200px;text-align:center}.demo-placeholder-view{color:var(--ink-400);font-size:14px;border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.loading-text{font-size:14px;color:var(--ink-500)}.demo-typing-dots{display:flex;gap:6px}.demo-typing-dots span{width:7px;height:7px;background:var(--brand-600);border-radius:50%;animation:demo-typing 1.4s ease-in-out infinite both}.demo-typing-dots span:first-child{animation-delay:-.32s}.demo-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes demo-typing{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.demo-error-msg{font-size:14px;color:var(--error-ink)}.demo-retry-btn{min-height:40px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;font-size:14px;font-weight:600;color:var(--ink-900)}.reviews-list-container{display:flex;flex-direction:column;height:100%}.list-header{display:flex;justify-content:flex-end;margin-bottom:12px}.regenerate-link{min-height:36px;font-size:13px;font-weight:600;color:var(--brand-700);background:none;border:none;cursor:pointer}.regenerate-link:hover{text-decoration:underline;text-underline-offset:4px}.reviews-stack{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:380px;padding:2px;margin-bottom:16px}.review-card-item{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;position:relative;transition:border-color .15s ease,background .15s ease;animation:cardFadeIn .25s ease-out both}.review-card-item:hover{border-color:var(--brand-300)}@keyframes cardFadeIn{0%{opacity:0}to{opacity:1}}.review-card-item.selected{border-color:var(--brand-600);background:var(--brand-50);box-shadow:0 0 0 1px var(--brand-600)}.review-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.review-num{font-size:12px;color:var(--ink-500)}.review-text{font-size:14px;color:var(--ink-800);line-height:1.6;margin:0}.read-more{color:var(--brand-700);font-weight:600;margin-left:6px;cursor:pointer}.selected-badge{position:absolute;top:12px;right:12px;width:20px;height:20px;background:var(--brand-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.review-card-item.selected .review-num{visibility:hidden}.copy-action-container{margin-top:auto}.helper-text{font-size:12px;color:var(--ink-500);text-align:center;margin-top:8px}@media (min-width:640px){.demo-wrapper{padding:0 24px}.demo-card{padding:28px}}@media (min-width:1024px){.demo-section{padding:80px 0}.demo-wrapper{padding:0 32px}.demo-heading{font-size:32px}}@media (max-width:767px){.demo-layout{grid-template-columns:1fr}.demo-input-card{border-right:none;border-bottom:1px solid var(--border-default)}.demo-output-card{min-height:0}.demo-placeholder-view{min-height:96px}}