.companion-demo-command-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.companion-demo-command-note{color:#64748b;font-size:11px}.companion-demo-command-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.companion-demo-command-button:hover{border-color:#6366f1;background:#eef2ff;color:#4338ca}.companion-demo-command-button[data-has-draft=true]::after{width:6px;height:6px;border-radius:50%;background:#f59e0b;content:""}
.companion-demo-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(15 23 42/55%)}.companion-demo-modal{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(860px,calc(100vh - 32px));overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 24px 60px rgb(15 23 42/22%)}.companion-demo-header,.companion-demo-footer{display:flex;align-items:center;gap:12px;padding:14px 16px;border-color:#e2e8f0}.companion-demo-header{justify-content:space-between;border-bottom:1px solid #e2e8f0}.companion-demo-footer{justify-content:flex-end;border-top:1px solid #e2e8f0}.companion-demo-title{margin:0;color:#0f172a;font-size:16px;font-weight:700}.companion-demo-subtitle{margin:2px 0 0;color:#64748b;font-size:12px}.companion-demo-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border:0;border-radius:6px;background:transparent;color:#64748b;font-size:24px;cursor:pointer}.companion-demo-close:hover{background:#f1f5f9;color:#0f172a}.companion-demo-body{flex:1;overflow-y:auto;padding:16px}
.companion-demo-field{display:grid;gap:6px;margin-bottom:14px}.companion-demo-label{color:#334155;font-size:13px;font-weight:600}.companion-demo-help{color:#64748b;font-size:12px;line-height:1.45}.companion-demo-input,.companion-demo-textarea,.companion-demo-select{width:100%;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#0f172a;font:inherit;font-size:14px;outline:none}.companion-demo-input,.companion-demo-select{min-height:40px;padding:8px 10px}.companion-demo-textarea{min-height:96px;padding:9px 10px;resize:vertical;line-height:1.45}.companion-demo-textarea[data-size=small]{min-height:70px}.companion-demo-input:focus,.companion-demo-textarea:focus,.companion-demo-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgb(99 102 241/12%)}.companion-demo-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.companion-demo-toggle,.companion-demo-confirm{display:flex;align-items:flex-start;gap:9px;color:#334155;font-size:13px;line-height:1.4}.companion-demo-toggle{padding-top:27px}.companion-demo-toggle input,.companion-demo-confirm input{width:16px;height:16px;margin:1px 0 0;accent-color:#4f46e5}
.companion-demo-notices{display:grid;gap:6px;margin:0 0 14px;padding:10px 12px;border:1px solid #fde68a;border-radius:7px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.45}.companion-demo-notices p{margin:0}.companion-demo-error{margin:0 0 14px;padding:9px 11px;border:1px solid #fecaca;border-radius:7px;background:#fef2f2;color:#b91c1c;font-size:12px}.companion-demo-step{margin-top:12px;padding:12px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.companion-demo-step-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}.companion-demo-step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#e0e7ff;color:#4338ca;font-size:12px;font-weight:700}.companion-demo-block{margin-top:8px;padding:10px;border-left:3px solid #c7d2fe;background:#fff}.companion-demo-block-label{margin-bottom:6px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.companion-demo-answer{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;margin-top:6px}.companion-demo-answer input[type=radio]{width:15px;height:15px;margin:0;accent-color:#16a34a}
.companion-demo-button{min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:7px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.companion-demo-button:disabled{cursor:not-allowed;opacity:.48}.companion-demo-button-secondary{border-color:#cbd5e1;background:#fff;color:#334155}.companion-demo-button-primary{background:#4f46e5;color:#fff}.companion-demo-loading{display:grid;place-items:center;min-height:260px;color:#475569;text-align:center}.companion-demo-spinner{width:30px;height:30px;margin:0 auto 12px;border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:companion-demo-spin .8s linear infinite}@keyframes companion-demo-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.companion-demo-overlay{align-items:flex-end;padding:0}.companion-demo-modal{max-height:94vh;border-radius:8px 8px 0 0}.companion-demo-header,.companion-demo-body,.companion-demo-footer{padding:12px}.companion-demo-options{grid-template-columns:1fr;gap:0}.companion-demo-toggle{padding-top:0;margin-bottom:14px}.companion-demo-footer{flex-wrap:wrap}.companion-demo-footer .companion-demo-confirm{width:100%}.companion-demo-footer .companion-demo-button{flex:1}.companion-demo-command-note{display:none}}