:root{--rkg-primary:var(--main-primary);--rkg-bg:#fff;--rkg-bg-secondary:#f8fafc;--rkg-bg-hover:#f1f5f9;--rkg-text:#1e293b;--rkg-text-muted:#64748b;--rkg-border:#e2e8f0;--rkg-border-focus:var(--main-primary);--rkg-shadow:0 1px 3px #0000000f;--rkg-radius:var(--main-radius);--rkg-radius-lg:var(--main-radius-lg);--rkg-success:#10b981;--rkg-error:#ef4444;--rkg-warning:#f59e0b}._rkg-container{gap:var(--main-space-3);flex-direction:column;width:100%;max-width:1300px;margin:0 auto;display:flex}._rkg-panels{gap:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._rkg-panel{background:var(--rkg-bg);border-radius:var(--rkg-radius-lg);border-style:solid;border-width:1px;border-color:var(--rkg-border);box-shadow:var(--rkg-shadow);flex-direction:column;display:flex;overflow:hidden}._rkg-hidden{display:none!important}@media (max-width:768px){._rkg-container{padding-left:1rem;padding-right:1rem}._rkg-panels{grid-template-columns:1fr}}._rkg-toolbar{align-items:center;gap:var(--main-space-4);background:var(--rkg-bg);border-radius:var(--rkg-radius-lg);border-style:solid;border-width:1px;border-color:var(--rkg-border);box-shadow:var(--rkg-shadow);padding:var(--main-space-3) var(--main-space-4);flex-wrap:wrap;display:flex}._rkg-toolbar-group{align-items:center;gap:var(--main-space-2);display:flex}._rkg-toolbar-label{font-size:var(--main-text-sm);color:var(--rkg-text-muted);white-space:nowrap;align-items:center;gap:.375rem;font-weight:500;display:flex}._rkg-toolbar-label svg{color:var(--rkg-text-muted)}._rkg-size-options{background:var(--rkg-bg-secondary);border-radius:var(--rkg-radius);gap:2px;padding:2px;display:flex}._rkg-size-btn{font-size:var(--main-text-sm);color:var(--rkg-text-muted);border-radius:calc(var(--rkg-radius) - 2px);cursor:pointer;font-weight:500;font-family:var(--main-font-mono);background:0 0;border:none;padding:.3rem .75rem;transition:all .15s}._rkg-size-btn:hover{color:var(--rkg-text);background:var(--rkg-bg-hover)}._rkg-size-btn.active{background:var(--rkg-bg);color:var(--rkg-primary);box-shadow:0 1px 3px #0000001a}._rkg-select{border-style:solid;border-width:1px;border-color:var(--rkg-border);border-radius:var(--rkg-radius);background:var(--rkg-bg);font-size:var(--main-text-sm);color:var(--rkg-text);cursor:pointer;outline:none;padding:.35rem .75rem;transition:border-color .15s}._rkg-select:focus{border-color:var(--rkg-border-focus);box-shadow:0 0 0 2px #6366f126}._rkg-generate-btn{background:var(--rkg-primary);color:#fff;border-radius:var(--rkg-radius);font-size:var(--main-text-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem 1.25rem;font-weight:600;transition:opacity .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #6366f140}._rkg-generate-btn:hover{opacity:.9}._rkg-generate-btn:active{box-shadow:0 1px 4px #6366f133}._rkg-generate-btn:disabled{opacity:.6;cursor:not-allowed}._rkg-generate-btn.is-generating svg{animation:.8s linear infinite _rkg-spin}@keyframes _rkg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._rkg-generate-btn:focus-visible{outline:2px solid var(--rkg-primary);outline-offset:2px}@media (max-width:768px){._rkg-toolbar{padding:var(--main-space-2) var(--main-space-3);gap:var(--main-space-2)}._rkg-toolbar-group{flex-wrap:wrap}._rkg-generate-btn{justify-content:center;width:100%;margin-left:0}}._rkg-panel-header{padding:var(--main-space-3) var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--rkg-border);background:var(--rkg-bg-secondary);justify-content:space-between;align-items:center;display:flex}._rkg-panel-title{font-size:var(--main-text-sm);color:var(--rkg-text);align-items:center;gap:.5rem;font-weight:600;display:flex}._rkg-panel-icon{border-radius:var(--rkg-radius);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}._rkg-panel-icon--public{color:var(--rkg-success);background:#10b9811a}._rkg-panel-icon--private{color:var(--rkg-error);background:#ef44441a}._rkg-format-badge{font-size:var(--main-text-xs);color:var(--rkg-text-muted);background:var(--rkg-bg-hover);border-radius:var(--main-radius-full);font-weight:500;font-family:var(--main-font-mono);padding:.125rem .5rem}._rkg-panel-actions{align-items:center;gap:.25rem;display:flex}._rkg-action-btn{width:32px;height:32px;color:var(--rkg-text-muted);border-radius:var(--rkg-radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}._rkg-action-btn:hover{color:var(--rkg-text);background:var(--rkg-bg-hover)}._rkg-action-btn.copied{color:var(--rkg-success)}._rkg-action-btn:focus-visible{outline:2px solid var(--rkg-primary);outline-offset:2px}._rkg-key-output{padding:var(--main-space-3) var(--main-space-4);flex-direction:column;flex:1;min-height:180px;display:flex}._rkg-key-output pre{font-family:var(--main-font-mono);color:var(--rkg-text);white-space:pre-wrap;word-break:break-all;flex:1;margin:0;font-size:.75rem;line-height:1.6}._rkg-empty-state{justify-content:center;align-items:center;gap:var(--main-space-3);min-height:160px;color:var(--rkg-text-muted);font-size:var(--main-text-sm);text-align:center;flex-direction:column;flex:1;display:flex}._rkg-empty-state svg{opacity:.3}._rkg-info-bar{background:var(--rkg-bg);border-radius:var(--rkg-radius-lg);border-style:solid;border-width:1px;border-color:var(--rkg-border);box-shadow:var(--rkg-shadow);padding:var(--main-space-3) var(--main-space-4)}._rkg-info-item{align-items:center;gap:var(--main-space-2);display:flex}._rkg-info-label{font-size:var(--main-text-xs);color:var(--rkg-text-muted);white-space:nowrap;font-weight:500}._rkg-info-value{font-size:var(--main-text-xs);color:var(--rkg-text);word-break:break-all}._rkg-mono{font-family:var(--main-font-mono)}._rkg-info-copy{width:24px;height:24px;color:var(--rkg-text-muted);border-radius:var(--rkg-radius);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}._rkg-info-copy:hover{color:var(--rkg-text)}._rkg-info-copy.copied{color:var(--rkg-success)}@media (max-width:768px){._rkg-panel-header{padding:var(--main-space-2) var(--main-space-3)}._rkg-key-output{padding:var(--main-space-2) var(--main-space-3);min-height:140px}._rkg-info-item{flex-wrap:wrap}}._rkg-status-bar{justify-content:space-between;align-items:center;gap:var(--main-space-3);background:var(--rkg-bg);border-radius:var(--rkg-radius-lg);border-style:solid;border-width:1px;border-color:var(--rkg-border);box-shadow:var(--rkg-shadow);padding:var(--main-space-2) var(--main-space-4);flex-wrap:wrap;display:flex}._rkg-status{font-size:var(--main-text-xs);color:var(--rkg-text-muted);align-items:center;gap:.5rem;display:flex}._rkg-status-dot{background:var(--rkg-text-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}._rkg-status.is-ready ._rkg-status-dot{background:var(--rkg-text-muted)}._rkg-status.is-generating ._rkg-status-dot{background:var(--rkg-warning);animation:1s ease-in-out infinite _rkg-pulse}._rkg-status.is-done ._rkg-status-dot{background:var(--rkg-success)}._rkg-status.is-error ._rkg-status-dot{background:var(--rkg-error)}@keyframes _rkg-pulse{0%,to{opacity:1}50%{opacity:.4}}._rkg-status-text{font-family:var(--main-font-mono)}._rkg-status-meta{align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._rkg-badge{border-radius:var(--main-radius-full);font-size:var(--main-text-xs);align-items:center;gap:.375rem;padding:.2rem .625rem;font-weight:500;display:inline-flex}._rkg-badge--security{color:#059669;background:#10b98114}._rkg-badge--info{color:var(--rkg-primary);font-family:var(--main-font-mono);background:#6366f114}@media (max-width:768px){._rkg-status-bar{padding:var(--main-space-2) var(--main-space-3)}}