:root{--rk-panel: #1b1d23;--rk-panel-alt: #16181d;--rk-input: #2a2d36;--rk-input-hover: #333744;--rk-border: #2f333d;--rk-accent: #7aa2f7;--rk-accent-dim: rgba(122, 162, 247, .16);--rk-text: #d7dae1;--rk-text-dim: #8b909c;--rk-text-faint: #676c78;--rk-danger: #f7768e;--rk-danger-dim: rgba(247, 118, 142, .14);--rk-radius: 5px;--rk-font: 13px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;--rk-mono: 12px/1.4 ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace}.rk-panel{box-sizing:border-box;padding:10px 12px;background:var(--rk-panel);border:1px solid var(--rk-border);border-radius:var(--rk-radius);color:var(--rk-text);font:var(--rk-font)}.rk-panel *,.rk-panel *:before,.rk-panel *:after{box-sizing:border-box}.rk-panel__title{margin:0 0 8px;color:var(--rk-text-dim);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.rk-input{min-width:0;padding:6px 8px;background:var(--rk-input);border:1px solid var(--rk-border);border-radius:var(--rk-radius);color:var(--rk-text);font:var(--rk-font)}.rk-input::placeholder{color:var(--rk-text-faint)}.rk-input:hover:not(:disabled){background:var(--rk-input-hover)}.rk-input:focus{outline:none;border-color:var(--rk-accent);box-shadow:0 0 0 2px var(--rk-accent-dim)}.rk-input:disabled{opacity:.45;cursor:not-allowed}.rk-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 11px;background:var(--rk-input);border:1px solid var(--rk-border);border-radius:var(--rk-radius);color:var(--rk-text);font:var(--rk-font);white-space:nowrap;cursor:pointer}.rk-btn:hover:not(:disabled){background:var(--rk-input-hover);border-color:#3d424f}.rk-btn:focus-visible{outline:none;border-color:var(--rk-accent);box-shadow:0 0 0 2px var(--rk-accent-dim)}.rk-btn:disabled{opacity:.4;cursor:not-allowed}.rk-btn--primary{background:var(--rk-accent);border-color:var(--rk-accent);color:#10131a;font-weight:600}.rk-btn--primary:hover:not(:disabled){background:#90b3f9;border-color:#90b3f9}.rk-btn--danger{color:var(--rk-danger);border-color:#f7768e59;background:var(--rk-danger-dim)}.rk-btn--danger:hover:not(:disabled){background:#f7768e38;border-color:var(--rk-danger)}.rk-empty{margin:0;padding:6px 0;color:var(--rk-text-faint);font-style:italic}.rk-promptbar{display:flex;align-items:center;gap:8px}.rk-promptbar__input{flex:1 1 auto}.rk-promptbar__seed{display:inline-flex;align-items:baseline;gap:5px;flex:0 0 auto;color:var(--rk-text-faint);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.rk-promptbar__seed code{color:var(--rk-text-dim);font:var(--rk-mono);letter-spacing:0;text-transform:none}.rk-promptbar__mode{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;color:var(--rk-text-dim);font-size:12px;white-space:nowrap;cursor:pointer}.rk-chiprow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;color:var(--rk-text);font:var(--rk-font)}.rk-chiprow__lead{color:var(--rk-text-faint);font-size:11px;letter-spacing:.04em}.rk-chip{padding:2px 8px;background:var(--rk-accent-dim);border:1px solid rgba(122,162,247,.32);border-radius:999px;color:var(--rk-accent);font-size:12px;white-space:nowrap;cursor:help}.rk-chip--degraded{opacity:.7;font-style:italic}.rk-layers{display:flex;flex-direction:column;gap:2px}.rk-check{display:flex;align-items:center;gap:8px;padding:3px 4px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.rk-check:hover{background:var(--rk-panel-alt)}.rk-check input{width:13px;height:13px;margin:0;accent-color:var(--rk-accent);cursor:pointer}.rk-check:has(input:disabled){cursor:not-allowed;opacity:.45}.rk-check:has(input:disabled):hover{background:none}.rk-styles{display:flex;gap:6px}.rk-style-btn{flex:1 1 0}.rk-style-btn[aria-pressed=true]{background:var(--rk-accent-dim);border-color:var(--rk-accent);color:var(--rk-accent);font-weight:600}.rk-io{display:flex;flex-direction:column;gap:8px}.rk-io__row{display:flex;align-items:center;gap:6px}.rk-io__row>.rk-btn{flex:1 1 auto}.rk-io__scale{flex:0 0 auto;padding:6px}.rk-io__file{width:100%;padding:5px 6px;cursor:pointer}.rk-io__file::file-selector-button{margin-right:8px;padding:3px 9px;background:var(--rk-input-hover);border:1px solid var(--rk-border);border-radius:4px;color:var(--rk-text);font:var(--rk-font);cursor:pointer}.rk-io__file::file-selector-button:hover{border-color:var(--rk-accent)}.rk-io__error{margin:0;padding:6px 8px;background:var(--rk-danger-dim);border:1px solid rgba(247,118,142,.35);border-radius:var(--rk-radius);color:var(--rk-danger);font-size:12px;overflow-wrap:anywhere}.rk-inspector{display:flex;flex-direction:column;gap:10px}.rk-inspector__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.rk-panel__title--inline{margin:0}.rk-badge{padding:2px 7px;background:var(--rk-input);border:1px solid var(--rk-border);border-radius:999px;color:var(--rk-text-dim);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.rk-field{display:flex;flex-direction:column;gap:4px}.rk-field__label{color:var(--rk-text-dim);font-size:11px;letter-spacing:.04em}.rk-field>.rk-input{width:100%}.rk-readout{color:var(--rk-text);font:var(--rk-mono)}.rk-row{display:flex;align-items:center;gap:8px}.rk-row>.rk-field{flex:1 1 0}.rk-actions{display:flex;gap:6px;padding-top:2px;border-top:1px solid var(--rk-border);margin-top:2px}.rk-actions .rk-btn{flex:1 1 0}.rk-actions--history{padding-top:8px}html,body,#root{height:100%}body{margin:0;background:var(--rk-bg, #0f1116);color:var(--rk-text, #d7dae1);font:var(--rk-font, 13px/1.4 system-ui, sans-serif);overflow:hidden}:root{--rk-bg: #0f1116;--rk-sidebar-width: 330px}.rk-app{display:grid;grid-template-columns:var(--rk-sidebar-width) 1fr;height:100%;overflow:hidden}.rk-sidebar{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;min-height:0;padding:12px;overflow:hidden;background:var(--rk-panel-alt, #16181d);border-right:1px solid var(--rk-border, #2f333d)}.rk-sidebar__scroll{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.rk-sidebar .rk-promptbar{flex-wrap:wrap}.rk-sidebar .rk-promptbar__input{flex:1 1 100%}.rk-sidebar__scroll .rk-inspector{flex:1 1 auto}.rk-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--rk-bg, #0f1116)}
