.open-demo-page{background:#f5f5f5;min-height:100vh}.open-demo-page-header{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px 20px}.open-demo-page-title{margin:0 0 4px;font-size:20px;font-weight:700}.open-demo-page-desc{opacity:.7;margin:0;font-size:13px}.open-demo-content{padding:16px}.open-demo-section{margin-bottom:16px}.open-demo-section-title{color:#666;margin:0 0 8px 4px;font-size:14px;font-weight:600}.open-demo-card{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 4px #0000000f}.open-demo-input-group{gap:8px;margin-bottom:8px;display:flex}.open-demo-input{border:1px solid #e0e0e0;border-radius:8px;outline:none;min-width:0;height:36px;padding:0 12px;font-size:13px}.open-demo-input--block{box-sizing:border-box;width:100%}.open-demo-input:focus{border-color:#667eea}.open-demo-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;flex-shrink:0;height:36px;padding:0 16px;font-size:13px;font-weight:500}.open-demo-btn--full{width:100%;margin-top:4px}.open-demo-btn:active{opacity:.8}.open-demo-quick-links{white-space:nowrap;text-overflow:ellipsis;flex-wrap:wrap;align-items:center;gap:6px;display:flex;overflow:hidden}.open-demo-quick-links--wrap{white-space:normal;align-items:flex-start}.open-demo-quick-label{color:#999;font-size:12px}.open-demo-tag{color:#555;cursor:pointer;background:#f0f0f0;border:none;border-radius:14px;padding:4px 12px;font-size:12px}.open-demo-tag:active{background:#e0e0e0}.open-demo-chip-group{gap:8px;margin-bottom:8px;display:flex}.open-demo-hint{color:#999;word-break:break-all;margin:0 0 8px;font-size:12px;line-height:1.6}.open-demo-hint code{color:#667eea;background:#f5f5f5;border-radius:3px;padding:1px 4px;font-family:SF Mono,Monaco,Consolas,monospace}.open-demo-chip{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:16px;padding:4px 14px;font-size:12px}.open-demo-chip.active{color:#fff;background:#667eea;border-color:#667eea}.open-demo-field{margin-bottom:8px}.open-demo-field-label{color:#999;margin-bottom:6px;font-size:12px;display:block}.open-demo-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.open-demo-row:last-child{border-bottom:none}.open-demo-label{color:#333;flex-shrink:0;font-size:13px}.open-demo-value{color:#666;text-align:right;word-break:break-all;max-width:60%;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px}.open-demo-value--wrap{max-width:70%}