.demo-app{background:var(--bg-muted);padding:var(--space-12) var(--space-4) var(--space-16)}.demo-app-inner{max-width:720px;margin:0 auto}.demo-app-header{align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex}.demo-app-logo{border-radius:var(--radius-md);background:var(--accent);width:48px;height:48px;color:var(--accent-ink);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.demo-app-company{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-tertiary);margin:0;font-size:13px;font-weight:600}.demo-app-title{margin:2px 0 4px;font-size:22px;font-weight:700}.demo-app-meta{color:var(--ink-secondary);margin:0;font-size:14px}.demo-app-note{padding:var(--space-3) var(--space-6);color:#6b5b16;background:#fff8e6;border:1px solid #f0e2b8;border-top:0;margin:0;font-size:13px}.demo-app-form{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:0}.demo-app-form fieldset{margin:0 0 var(--space-8);padding:0 0 var(--space-6);border:0;border-bottom:1px solid var(--border)}.demo-app-form fieldset:last-of-type{margin-bottom:var(--space-6)}.demo-app-form legend{margin-bottom:var(--space-4);padding:0;font-size:16px;font-weight:700}.demo-app-hint{margin:calc(-1 * var(--space-2)) 0 var(--space-4);color:var(--ink-tertiary);font-size:13px}.demo-app-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.demo-app-field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.demo-app-field label,.demo-app-label{color:var(--ink-primary);font-size:14px;font-weight:600}.demo-app-field label span,.demo-app-checkbox label span{color:var(--danger)}.demo-app-field input[type=text],.demo-app-field input[type=email],.demo-app-field input[type=tel],.demo-app-field input[type=url],.demo-app-field input[type=date],.demo-app-field input[type=file],.demo-app-field select,.demo-app-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:var(--ink-primary);padding:9px 12px;font-size:14px}.demo-app-field input:focus,.demo-app-field select:focus,.demo-app-field textarea:focus{border-color:var(--accent);outline:2px solid #0000;box-shadow:0 0 0 3px #0f7a7226}.demo-app-field textarea{resize:vertical;line-height:1.5}.demo-app-field input::placeholder,.demo-app-field textarea::placeholder{color:var(--ink-tertiary)}.demo-app-radios{gap:var(--space-5);display:flex}.demo-app-radios label,.demo-app-checkbox label{align-items:center;gap:var(--space-2);font-size:14px;font-weight:400;display:flex}.demo-app-submit{border-radius:var(--radius-md);background:var(--accent);width:100%;color:var(--accent-ink);cursor:pointer;border:0;padding:12px 20px;font-size:15px;font-weight:700}.demo-app-submit:hover{background:var(--accent-hover)}.demo-app-success{padding:var(--space-8) var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);text-align:center;border-top:0}.demo-app-success h2{margin:0 0 var(--space-2);font-size:20px}.demo-app-success p{margin:0 0 var(--space-5);color:var(--ink-secondary)}.demo-app-success button{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;padding:10px 18px;font-size:14px;font-weight:600}@media (max-width:560px){.demo-app-row{grid-template-columns:1fr}}