*{box-sizing:border-box;margin:0;padding:0}body{font-family:monospace,Courier New,Courier;background:#f5f5f5;min-height:100vh;padding:20px;color:#333}.prototype-banner{background:#fc0;color:#333;padding:8px 16px;text-align:center;font-weight:700;font-size:.9rem;border:2px dashed #333;margin-bottom:20px}.container{max-width:700px;margin:0 auto}header{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #333}header h1{font-size:1.5rem;margin-bottom:4px}.subtitle{font-size:.9rem;color:#666}.card{background:#fff;border:1px solid #ccc;padding:16px;margin-bottom:16px}.card h2{margin-bottom:16px;font-size:1.1rem;border-bottom:1px solid #eee;padding-bottom:8px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-weight:700;font-size:.9rem}.form-group input{width:100%;padding:8px;border:1px solid #999;font-family:monospace;font-size:.9rem}.form-group input:focus{outline:2px solid #333}.btn{width:100%;padding:10px;font-size:.9rem;font-weight:700;border:2px solid #333;cursor:pointer;margin-bottom:8px;font-family:monospace}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:#666;color:#fff;border-color:#444}.btn-secondary:hover:not(:disabled){background:#555}.btn-primary{background:#333;color:#fff}.btn-primary:hover:not(:disabled){background:#555}.btn-danger{background:#c00;color:#fff;border-color:#900}.btn-danger:hover:not(:disabled){background:#900}.status-info{padding:10px;background:#eee;border:1px solid #ccc;font-family:monospace;font-size:.85rem;line-height:1.5}.status-dashboard{margin-bottom:12px}.status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #ddd}.status-row:last-child{border-bottom:none}.status-label{font-weight:700;font-size:.85rem}.status-indicator{font-family:monospace;font-size:.8rem;padding:2px 8px;border-radius:2px}.status-indicator.ok{background:#d4edda;color:#155724}.status-indicator.error{background:#f8d7da;color:#721c24}.status-indicator.warning{background:#fff3cd;color:#856404}.status-indicator.loading{background:#e2e3e5;color:#383d41}.meters{display:flex;gap:16px}.meter{flex:1}.meter-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.8rem;font-weight:700}.meter-value{font-family:monospace}.meter-bar{height:150px;background:#ddd;border:1px solid #999;position:relative;overflow:hidden}.meter-fill{position:absolute;bottom:0;left:0;right:0;background:#4a4;transition:height .05s}#debugInfo{background:#222;color:#0f0;padding:12px;font-size:.75rem;overflow-x:auto;line-height:1.5;max-height:200px;overflow-y:auto}@media(max-width:600px){body{padding:10px}header h1{font-size:1.2rem}.card{padding:12px}.meters{flex-direction:column}.meter-bar{height:100px}}