:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e5e5e5;background-color:#161618}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#161618}#root{min-height:100vh}a{color:#4a9eff;text-decoration:none;transition:color .15s ease}a:hover{color:#3a8eef;text-decoration:underline}button{cursor:pointer}.app-shell{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.app-header{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:8px;padding:20px 24px;margin-bottom:24px;text-align:center}.app-header h1{margin:0;font-size:24px;font-weight:600;color:#e5e5e5;letter-spacing:-.5px}.card{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:8px;box-shadow:0 2px 8px #0000004d}.top-bar{display:grid;grid-template-columns:1fr 1fr 200px 150px;gap:12px;padding:16px;align-items:center}.top-bar input,.top-bar select{width:100%}.field-label{font-size:13px;font-weight:500;color:#b3b3b3;margin-bottom:8px}.text-input,.textarea,.select,.toggle{width:100%;padding:10px 12px;border:1px solid #3d3d3d;border-radius:6px;background:#252525;transition:border-color .15s ease,background-color .15s ease;font-size:14px;color:#e5e5e5}.text-input::placeholder,.textarea::placeholder{color:#6b6b6b}.textarea{min-height:120px;resize:vertical}.text-input:focus,.textarea:focus,.select:focus{outline:none;border-color:#4a9eff;background:#2a2a2a}.tabs{display:flex;gap:8px;padding:16px;border-bottom:1px solid #2d2d2d}.tab{padding:10px 14px;border-radius:6px;border:1px solid transparent;background:transparent;font-weight:500;color:#8b8b8b;transition:all .15s ease}.tab:hover{color:#e5e5e5;background:#252525}.tab.active{background:#2a2a2a;border-color:#3d3d3d;color:#e5e5e5}.content{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:20px}.panel{padding:20px;margin-bottom:24px;border:1px solid #3d3d3d;border-radius:8px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 8px;font-size:16px;font-weight:600;color:#e5e5e5;gap:16px}.section-title>.copy-row{flex-shrink:0;align-self:flex-start}.endpoint-info{display:flex;flex-direction:column;gap:6px;margin-top:4px}.endpoint-path{display:inline-block;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;background:#252525;color:#4a9eff;padding:4px 8px;border-radius:4px;font-weight:500;border:1px solid #3d3d3d}.endpoint-description{margin:0;font-size:13px;color:#8b8b8b;line-height:1.5;font-weight:400}.stack{display:flex;flex-direction:column;gap:16px}.stack>.stack{gap:12px}.row{display:flex;gap:12px;align-items:flex-start}.row>.stack{flex:1;min-width:0}.button{background:#4a9eff;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-weight:600;font-size:14px;box-shadow:0 2px 8px #4a9eff4d;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;min-width:120px}.button:hover{background:#3a8eef;transform:translateY(-1px);box-shadow:0 4px 12px #4a9eff66}.button:active{transform:translateY(0);box-shadow:0 1px 4px #4a9eff4d}.button.secondary{background:#2a2a2a;color:#e5e5e5;border:1px solid #3d3d3d;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.button.secondary:hover{background:#323232;border-color:#4a4a4a;transform:translateY(-1px)}.button.secondary:active{transform:translateY(0)}.button.ghost{background:transparent;border:1px solid #3d3d3d;color:#b3b3b3;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.button.ghost:hover{background:#252525;border-color:#4a4a4a;color:#e5e5e5;transform:translateY(-1px)}.button.ghost:active{transform:translateY(0)}.checkbox-row{display:flex;gap:8px;align-items:center;font-size:13px;color:#e5e5e5}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#2a2a2a;color:#b3b3b3;border:1px solid #3d3d3d}.status-chip.ok{background:#1a3a2a;color:#4ade80;border-color:#2d5a3d}.status-chip.err{background:#3a1a1a;color:#f87171;border-color:#5a2d2d}.code-block{background:#0d1117;color:#c9d1d9;border-radius:6px;padding:20px;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,monospace;font-size:13px;overflow:auto;max-height:400px;white-space:pre-wrap;border:1px solid #2d2d2d;line-height:1.8;letter-spacing:.3px}.collapsible-header{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 0;cursor:pointer;text-align:left;width:100%;font-size:14px;font-weight:500;color:#b3b3b3;transition:color .15s ease}.collapsible-header:hover{color:#e5e5e5}.collapsible-header>span:first-child{display:inline-block;font-size:10px;color:#6b6b6b;transition:transform .2s ease,color .15s ease}.collapsible-header:hover>span:first-child{color:#b3b3b3}.label-row{display:flex;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:#2a2a2a;color:#4a9eff;font-weight:500;font-size:12px;border:1px solid #3d3d3d}.error-banner{padding:10px 12px;background:#3a1a1a;color:#f87171;border:1px solid #5a2d2d;border-radius:6px;font-weight:500}.footer{padding:12px 16px 16px;border-top:1px solid #2d2d2d;margin-top:8px;font-size:13px;color:#8b8b8b}.copy-row{display:flex;gap:8px;flex-wrap:wrap}.pill-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:#2a2a2a;border:1px solid #3d3d3d}.tooltip-trigger{position:relative;display:inline-flex;align-items:center;cursor:help}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#3d3d3d;color:#8b8b8b;font-size:11px;font-weight:700;font-style:normal;line-height:1;transition:background-color .15s ease,color .15s ease}.tooltip-trigger:hover .info-icon{background:#4a9eff;color:#fff}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e1e;color:#e5e5e5;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:400;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000080;border:1px solid #3d3d3d;pointer-events:none;max-width:460px;width:max-content;white-space:normal;text-align:left;line-height:1.4}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e1e1e}@media(max-width:960px){.top-bar,.content{grid-template-columns:1fr}}