.fx-demo-shell{max-width:980px;margin:0 auto;padding:12px 16px 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.fx-demo-header{margin-bottom:8px}.fx-demo-header h1{margin:0 0 2px;font-size:24px}.fx-demo-header p{margin:0;font-size:12px;line-height:1.4;color:#666}.fx-demo-config{margin-bottom:8px;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;display:grid;gap:8px}.fx-demo-row{display:flex;align-items:end;justify-content:space-between;gap:10px;flex-wrap:wrap}.fx-demo-field{display:flex;align-items:center;gap:8px}.fx-demo-field--compact{min-width:180px;max-width:280px;flex:1 1 220px}.fx-demo-field--endpoint{flex:1 1 420px}.fx-demo-field span{font-size:12px;font-weight:600;color:#333;flex:0 0 68px}.fx-demo-field select,.fx-demo-field input{flex:1 1 auto;min-width:0;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font:inherit;background:#fff;box-sizing:border-box}.fx-demo-panel{margin-top:0;padding:8px 0 0;border-top:1px solid #e5e7eb}.fx-demo-note{margin:6px 0 0;font-size:12px;line-height:1.4;color:#666}.fx-demo-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}.fx-demo-actions button{border:1px solid #d1d5db;border-radius:4px;padding:6px 10px;font:inherit;color:#111;background:#fff;cursor:pointer}.fx-demo-actions button:disabled{opacity:.6;cursor:wait}.fx-demo-status{margin:0;font-size:12px;text-align:right;color:#666;flex:1 1 280px;min-height:18px}.fx-demo-status[data-tone=success]{color:#333}.fx-demo-status[data-tone=error]{color:#b91c1c}@media(max-width:640px){.fx-demo-row{align-items:stretch}.fx-demo-field--compact,.fx-demo-status,.fx-demo-actions{max-width:none;flex-basis:100%}.fx-demo-field{display:grid;gap:4px;align-items:stretch}.fx-demo-field span{flex:none}.fx-demo-status,.fx-demo-actions{text-align:left;justify-content:flex-start}}