.gn-agent-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:5px;min-width:0;height:100%;padding:8px;color:#b9c9d6;background:#07101a;font-family:Arial,sans-serif}
.gn-agent-panel *{box-sizing:border-box}.gn-agent-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:5px;border-bottom:1px solid #203247}.gn-agent-heading{margin:0;color:#69e8bd;font:900 10px/1 Arial;letter-spacing:1px}.gn-agent-header-controls{display:flex;gap:3px}.gn-agent-header-controls button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #294158;border-radius:4px;background:#0a1621;color:#b9c9d6;font:900 13px/1 Arial;cursor:pointer}.gn-agent-header-controls button:hover,.gn-agent-header-controls button:focus-visible{border-color:#55e6ff;color:#55e6ff}.gn-agent-header-controls [data-agent-favorite]{color:#ffd667}.gn-agent-header-controls button:disabled{opacity:.65;cursor:default}
.gn-agent-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.gn-agent-toolbar select,.gn-agent-actions button,.gn-agent-composer button{min-width:0;min-height:32px;border:1px solid #294158;background:#0a1621;color:#b9c9d6;font:800 8px Arial}.gn-agent-toolbar select{padding:0 6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--network-scrollbar-thumb) var(--network-scrollbar-track)}
.gn-agent-identity{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:center;padding:5px 7px;border:1px solid #1d3042;background:#050c13;overflow:hidden}.gn-agent-avatar{display:grid;place-items:center;min-width:0;overflow:hidden}.gn-agent-avatar[hidden]{display:none}.gn-agent-ascii{display:block;width:max-content;max-width:100%;margin:0;overflow:hidden;color:#55e6ff;font:9px/1 "Courier New",Courier,monospace;letter-spacing:0;white-space:pre;text-align:left}.gn-agent-identity-copy{min-width:0;max-width:100%;text-align:center;overflow:hidden}.gn-agent-identity-copy strong{display:block;max-width:100%;color:#ff2c98;font:900 11px Arial;overflow-wrap:anywhere}.gn-agent-identity-copy span{display:block;margin-top:2px;color:#71869a;font:8px/1.25 Arial;overflow-wrap:anywhere}
.gn-agent-identity-copy span{display:none!important}.gn-agent-avatar[data-mode="minimal"]{width:100%;min-height:112px}.gn-agent-avatar[data-mode="minimal"] .gn-agent-ascii{font-size:9px;max-height:96px}.gn-agent-avatar[data-mode="expressive"]{width:100%;min-height:112px}.gn-agent-avatar[data-mode="expressive"] .gn-agent-ascii{font-size:11px;max-height:none}
.gn-agent-plugin-status{min-width:0;padding:6px;border:1px solid #ff2c9833;background:#050c13}.gn-agent-plugin-status[hidden],.gn-agent-actions[hidden]{display:none}.gn-agent-actions{display:flex;flex-wrap:wrap;gap:4px}.gn-agent-actions button{flex:1 1 calc(25% - 4px);min-height:27px;padding:0 5px;cursor:pointer}.gn-agent-actions button.primary{order:2;flex-basis:100%;border-color:#ff2c98;color:#ff75b8}
.gn-agent-workspace-information{display:grid;gap:7px;min-width:0;padding:9px;border:1px solid #294252;background:#08121a}.gn-agent-workspace-information>h3{margin:0;color:#62d9ff;font:900 8px/1 Arial,sans-serif;letter-spacing:.12em}.gn-agent-workspace-information-body{display:grid;gap:7px}.gn-agent-workspace-information-row{display:grid;gap:2px}.gn-agent-workspace-information-row b{color:#62d9ff;font:900 8px/1.2 Arial,sans-serif;letter-spacing:.1em}.gn-agent-workspace-information-row span,.gn-agent-workspace-information-body>p{margin:0;color:#d3e0e8;font:9px/1.4 Arial,sans-serif;overflow-wrap:anywhere}.gn-agent-workspace-information-actions{display:flex;flex-wrap:wrap;gap:4px}.gn-agent-workspace-information-actions button{flex:1 1 92px;min-height:28px;padding:4px 6px;border:1px solid #294158;background:#0a1621;color:#b9c9d6;font:800 8px Arial,sans-serif;cursor:pointer}.gn-agent-workspace-information-actions button.primary{border-color:#ff2c98;color:#ff75b8}.gn-agent-workspace-information-actions button:disabled{opacity:.55;cursor:not-allowed}
.gn-agent-conversation-zone{display:flex;flex:1 1 170px;min-height:150px;flex-direction:column;min-width:0}.gn-agent-conversation-zone h3{margin:0;padding:6px 2px;color:#607587;font:800 8px Arial;letter-spacing:.8px}.gn-agent-conversation{flex:1 1 auto;min-height:120px;max-height:260px;overflow:auto;padding:7px;border:1px solid #1d3042;background:#03080d}.gn-agent-message{margin:0 0 7px;padding:7px;color:#9eafbd;font:9px/1.45 Arial;white-space:pre-wrap;overflow-wrap:anywhere}.gn-agent-message.user{border-left:2px solid #55e6ff}.gn-agent-message.agent{border-left:2px solid #ff2c98}.gn-agent-message small{display:block;margin-bottom:3px;color:#607587;font:700 7px Arial}.gn-agent-runtime-status{min-height:15px;padding:2px;color:#55e6ff;font:700 7px Arial}
.gn-agent-composer{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:5px}.gn-agent-composer textarea{min-width:0;min-height:48px;max-height:140px;resize:vertical;border:1px solid #294158;background:#02070c;color:#d5e4ee;font:10px/1.4 Arial;padding:7px}.gn-agent-boundary{margin:0 2px;color:#607587;font:8px/1.35 Arial}
.gn-agent-mood{margin-bottom:5px;color:#89959d;font:8px/1.2 Arial}.gn-agent-meter{display:grid;grid-template-columns:54px minmax(0,1fr) 22px;gap:5px;align-items:center;margin:4px 0;font:7px/1 Arial}.gn-agent-meter span{color:#7c878f}.gn-agent-meter b{color:#abb6bd;font-weight:400;text-align:right}.gn-agent-meter-track{height:4px;overflow:hidden;background:#ffffff14}.gn-agent-meter-track i{display:block;height:100%;background:#ff2c98;box-shadow:0 0 5px #ff2c9880}
.gn-agent-chat-open .gn-agent-identity{padding-block:3px}.gn-agent-chat-open .gn-agent-avatar[data-mode="expressive"]{min-height:76px}.gn-agent-chat-open .gn-agent-actions{margin-bottom:0}.gn-agent-workspace-chat-host{height:100%;min-height:var(--gn-chat-host-min-height,460px);padding:var(--gn-chat-host-pad,18px);background:var(--gn-chat-bg,#07101a);color:var(--gn-chat-text,#d5e4ee)}.gn-agent-workspace-chat-host>.gn-agent-chat-stack{display:flex;height:100%;min-height:var(--gn-chat-stack-min-height,420px);flex-direction:column}.gn-agent-workspace-chat-host .gn-agent-conversation-zone{min-height:var(--gn-chat-conversation-min-height,300px)}.gn-agent-workspace-chat-host .gn-agent-conversation{max-height:none;background:var(--gn-chat-surface,#03080d);border-color:var(--gn-chat-border,#203247)}.workspace.gn-agent-workspace-chat-active>:not(.gn-agent-workspace-chat-host){display:none!important}
.gn-agent-chat-open>.gn-agent-chat-stack{display:none}
@keyframes gn-agent-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px) rotate(-1deg)}75%{transform:translateX(3px) rotate(1deg)}}@keyframes gn-agent-bounce{50%{transform:translateY(-5px)}}@keyframes gn-agent-pulse{50%{opacity:.45}}@keyframes gn-agent-blink{50%{opacity:.1}}@keyframes gn-agent-tilt{50%{transform:rotate(4deg)}}@keyframes gn-agent-glitch{25%{transform:translate(-2px,1px)}50%{filter:hue-rotate(120deg)}75%{transform:translate(2px,-1px)}}
.gn-agent-animate-shake{animation:gn-agent-shake .22s linear 4}.gn-agent-animate-bounce{animation:gn-agent-bounce .45s ease 3}.gn-agent-animate-pulse{animation:gn-agent-pulse .8s ease infinite}.gn-agent-animate-blink{animation:gn-agent-blink .3s step-end 3}.gn-agent-animate-tilt{animation:gn-agent-tilt .5s ease 3}.gn-agent-animate-glitch{animation:gn-agent-glitch .25s steps(2) 5}
@media(max-width:900px){.gn-agent-panel{height:auto;min-height:100%;padding-bottom:90px}.gn-agent-identity{grid-template-columns:minmax(0,1fr)}.gn-agent-conversation-zone{flex-basis:220px}.gn-agent-conversation{max-height:38dvh}.gn-agent-composer textarea{font-size:16px}.gn-agent-header-controls button{width:38px;height:38px}.gn-agent-actions button,.gn-agent-composer button{min-height:44px}.gn-agent-workspace-chat-host{min-height:70dvh;padding:10px}}
@media(max-width:430px){.gn-agent-identity{grid-template-columns:1fr}.gn-agent-identity-copy{text-align:center}.gn-agent-ascii{font-size:9px}.gn-agent-actions button{flex-basis:52px}}

/* Compact Agent Panel conversation direction, identity, suggestions, and cancellation UI. */
.gn-agent-message{display:flex;align-items:flex-end;padding:0;border:0!important;color:var(--gn-chat-text,#d5e4ee)}.gn-agent-message.user{justify-content:flex-end}.gn-chat-bubble{max-width:min(86%,620px);padding:var(--gn-chat-bubble-pad-block,8px) var(--gn-chat-bubble-pad-inline,10px);border:1px solid var(--gn-chat-border,#203247);background:var(--gn-chat-bubble,#08131d);white-space:pre-wrap}.gn-agent-message.agent .gn-chat-bubble{border-color:var(--gn-chat-agent-accent,#ff2c98)}.gn-agent-message.user .gn-chat-bubble{border-color:var(--gn-chat-user-accent,#55e6ff);background:var(--gn-chat-user-bubble,#071923)}.gn-agent-composer{grid-template-columns:minmax(0,1fr) 58px}.gn-agent-composer textarea{border-color:var(--gn-chat-border,#203247);background:var(--gn-chat-input,#02070c);color:var(--gn-chat-text,#d5e4ee)}.gn-agent-composer button{border-color:var(--gn-chat-border,#203247);background:var(--gn-chat-bubble,#08131d);color:var(--gn-chat-text,#d5e4ee)}.gn-agent-composer textarea:disabled{color:var(--gn-chat-muted,#607587);background:var(--gn-chat-surface,#03080d)}.gn-agent-conversation{scrollbar-width:thin;scrollbar-color:var(--network-scrollbar-thumb) var(--network-scrollbar-track)}.gn-agent-workspace-chat-host .gn-agent-message{margin-bottom:var(--gn-chat-message-gap,7px)}.gn-agent-workspace-chat-host .gn-chat-avatar{width:var(--gn-chat-avatar-size,38px);height:var(--gn-chat-avatar-size,38px);flex:0 0 var(--gn-chat-avatar-size,38px);overflow:hidden}.gn-agent-workspace-chat-host .gn-chat-avatar img{display:block;width:100%;height:100%;object-fit:cover}.gn-agent-workspace-chat-host :is(.gn-agent-conversation-zone h3,.gn-agent-boundary){color:var(--gn-chat-muted,#607587)}
@media(max-width:520px){.gn-agent-composer{grid-template-columns:1fr 58px}.gn-chat-bubble{max-width:88%}}

@media(max-width:900px){
  .gn-agent-workspace-chat-host{
    --gn-chat-host-pad:10px;
    --gn-chat-host-min-height:70dvh;
  }
}

.gn-agent-active-runs{display:grid;gap:8px;margin:8px 0}.gn-agent-active-runs[hidden]{display:none}.gn-agent-run-card{display:grid;gap:5px;padding:10px;border:1px solid #35536b;border-left:3px solid #55e6ff;border-radius:5px;background:#08131d;color:#d7e5ef;font:700 11px/1.35 Arial,sans-serif}.gn-agent-run-card.active strong:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border:2px solid #55e6ff;border-top-color:transparent;border-radius:50%;animation:gn-agent-run-spin .8s linear infinite}.gn-agent-run-stage{color:#55e6ff;letter-spacing:.08em}.gn-agent-run-elapsed,.gn-agent-run-warning{color:#9fb3c2}.gn-agent-run-error{color:#ff8e8e}.gn-agent-run-actions{display:flex;flex-wrap:wrap;gap:5px}.gn-agent-run-actions button{padding:5px 7px;border:1px solid #35536b;border-radius:3px;background:#102334;color:#d7e5ef;font:800 10px Arial,sans-serif;cursor:pointer}.gn-agent-run-actions button:disabled{opacity:.4;cursor:not-allowed}@keyframes gn-agent-run-spin{to{transform:rotate(360deg)}}
.gn-agent-action-guidance{margin:8px 0}.gn-agent-action-guidance[hidden]{display:none}.gn-agent-guidance-card{display:grid;gap:10px;padding:12px;border:1px solid #6b5535;border-left:3px solid #ffd667;border-radius:5px;background:#191407;color:#e9e0c5;font:700 11px/1.4 Arial,sans-serif}.gn-agent-guidance-card>strong{color:#ffd667;letter-spacing:.06em}.gn-agent-guidance-section{display:grid;gap:2px}.gn-agent-guidance-section b{margin-bottom:2px;color:#aebccc;font-size:9px;letter-spacing:.11em}.gn-agent-guidance-section span{white-space:pre-wrap}

/* Canonical Network Agent-panel geometry. Values come from the bootstrap. */
.gn-agent-panel{
  gap:var(--gn-panel-gap,5px);
  padding:var(--gn-panel-pad,8px);
}
.gn-agent-header{
  gap:var(--gn-panel-header-gap,6px);
  padding-bottom:var(--gn-panel-title-gap,5px);
}
.gn-agent-header-controls{gap:3px}
.gn-agent-header-controls button{
  width:var(--gn-panel-header-control-size,27px);
  height:var(--gn-panel-header-control-size,27px);
  border-radius:var(--gn-panel-radius,4px);
}
.gn-agent-toolbar{gap:var(--gn-panel-gap,5px)}
.gn-agent-identity{
  gap:var(--gn-panel-identity-gap,7px);
  padding:var(--gn-panel-identity-pad-block,5px) var(--gn-panel-identity-pad-inline,7px);
}
.gn-agent-avatar[data-mode="expressive"]{
  min-height:var(--gn-panel-avatar-size,112px);
}
.gn-agent-actions{gap:var(--gn-panel-button-gap,4px)}
.gn-agent-actions button{
  flex-basis:calc(25% - var(--gn-panel-button-gap,4px));
  min-height:var(--gn-panel-action-height,27px);
}
.gn-agent-conversation-zone h3{padding:var(--gn-panel-title-gap,5px) 2px}
.gn-agent-conversation{padding:var(--gn-panel-input-pad,7px)}
.gn-agent-message{margin-bottom:var(--gn-panel-section-gap,7px)}
.gn-agent-composer{gap:var(--gn-panel-composer-gap,5px)}
.gn-agent-composer textarea{padding:var(--gn-panel-input-pad,7px)}

/* Generic Agent guided workflow */
.gn-agent-guided-workflow{
  display:grid;
  gap:7px;
  padding:8px;
  border:1px solid #31506a;
  background:#06111b;
}
.gn-agent-guided-workflow[hidden]{display:none}
.gn-guided-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 8px;
  align-items:end;
}
.gn-guided-eyebrow{
  grid-column:1/-1;
  color:#55e6ff;
  font:800 7px Arial;
  letter-spacing:1px;
}
.gn-guided-title{
  color:#ff75b8;
  font:900 11px Arial;
}
.gn-guided-progress{
  color:#71869a;
  font:700 7px Arial;
}
.gn-guided-text{
  margin:0;
  color:#9eafbd;
  font:9px/1.4 Arial;
}
.gn-guided-field{
  display:grid;
  gap:4px;
  color:#7890a2;
  font:800 7px Arial;
  letter-spacing:.5px;
}
.gn-guided-field input,
.gn-guided-field textarea,
.gn-guided-field select{
  width:100%;
  box-sizing:border-box;
  border:1px solid #294158;
  background:#02070c;
  color:#d5e4ee;
  padding:7px;
  font:10px/1.4 Arial;
}
.gn-guided-field textarea{resize:vertical}
.gn-guided-choices{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.gn-guided-choice{
  display:flex;
  flex:1 1 auto;
  gap:6px;
  align-items:center;
  padding:5px 6px;
  border:1px solid #1d3042;
  background:#050c13;
  color:#b9c9d6;
  font:800 8px Arial;
  cursor:pointer;
}
.gn-guided-choice:has(input:checked){
  border-color:#55e6ff;
  color:#55e6ff;
  background:#071923;
}
.gn-guided-choice input{
  margin:0;
}
.gn-guided-summary{
  margin:0;
  max-height:170px;
  overflow:auto;
  padding:7px;
  border:1px solid #1d3042;
  background:#02070c;
  color:#9de8d0;
  font:8px/1.4 monospace;
  white-space:pre-wrap;
}
.gn-guided-actions{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.gn-guided-actions button{
  flex:1 1 auto;
  min-height:28px;
  border:1px solid #294158;
  background:#0a1621;
  color:#b9c9d6;
  font:800 8px Arial;
}
.gn-guided-actions button.primary{
  flex-basis:100%;
  border-color:#ff2c98;
  color:#ff75b8;
}
.gn-guided-disclosure{border:1px solid #1d3042;background:#050c13;padding:6px;display:grid;gap:7px}
.gn-guided-disclosure>summary{cursor:pointer;color:#7890a2;font:800 8px Arial;letter-spacing:.5px}
.gn-guided-disclosure[open]>summary{margin-bottom:7px;color:#55e6ff}
.gn-guided-disclosure .gn-guided-field+.gn-guided-field{margin-top:7px}
.gn-guided-disclosure .gn-guided-actions{margin-top:7px}

@media(max-width:900px){
  .gn-agent-guided-workflow{padding:10px}
  .gn-guided-field input,
  .gn-guided-field textarea,
  .gn-guided-field select{font-size:16px}
  .gn-guided-actions button{min-height:42px}
}


/* Canonical rail UX: conversation belongs in Workspace Chat. */
.gn-agent-panel > .gn-agent-chat-stack{
  display:none!important;
}

.gn-agent-panel > .gn-agent-runtime-status{
  display:block;
  min-height:20px;
  padding:5px 7px;
  border:1px solid #1d3042;
  background:#050c13;
  color:#55e6ff;
  font:800 8px/1.25 Arial,sans-serif;
  letter-spacing:.35px;
  overflow-wrap:anywhere;
}

.gn-agent-panel > .gn-agent-runtime-status:empty::before{
  content:"READY";
  color:#607587;
}


/* NODECAT 16-BIT SPRITE // NodeCat only */
.gn-nodecat-sprite{
  width:112px;
  height:112px;
  flex:0 0 auto;
  background-image:url("/network-assets/agent-sprites/nodecat.png");
  background-repeat:no-repeat;
  background-size:416% 416%;
  background-position:.633% .633%;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
}

.gn-nodecat-sprite[data-state="idle"],
.gn-nodecat-sprite[data-state="ready"]{
  background-position:.633% .633%;
}

.gn-nodecat-sprite[data-state="happy"]{
  background-position:33.544% .633%;
}

.gn-nodecat-sprite[data-state="curious"]{
  background-position:66.456% .633%;
}

.gn-nodecat-sprite[data-state="thinking"]{
  background-position:99.367% .633%;
}

.gn-nodecat-sprite[data-state="sleepy"],
.gn-nodecat-sprite[data-state="nap"]{
  background-position:.633% 33.544%;
}

.gn-nodecat-sprite[data-state="feed"],
.gn-nodecat-sprite[data-state="hungry"]{
  background-position:33.544% 33.544%;
}

.gn-nodecat-sprite[data-state="pet"],
.gn-nodecat-sprite[data-state="petted"]{
  background-position:66.456% 33.544%;
}

.gn-nodecat-sprite[data-state="smug"]{
  background-position:99.367% 33.544%;
}

.gn-nodecat-sprite[data-state="working"],
.gn-nodecat-sprite[data-state="hack"]{
  background-position:.633% 66.456%;
}

.gn-nodecat-sprite[data-state="spray"]{
  background-position:33.544% 66.456%;
}

.gn-nodecat-sprite[data-state="surprised"],
.gn-nodecat-sprite[data-state="error"]{
  background-position:66.456% 66.456%;
}

.gn-nodecat-sprite[data-state="angry"]{
  background-position:99.367% 66.456%;
}

.gn-nodecat-sprite[data-state="playful"]{
  background-position:.633% 99.367%;
}

.gn-nodecat-sprite[data-state="talking"],
.gn-nodecat-sprite[data-state="responding"]{
  background-position:33.544% 99.367%;
}

.gn-nodecat-sprite[data-state="chaos"]{
  background-position:66.456% 99.367%;
}

.gn-nodecat-sprite[data-state="bonded"]{
  background-position:99.367% 99.367%;
}

/* Right Agent panel */
.gn-agent-avatar[data-nodecat-sprite="1"]{
  min-height:112px;
}

.gn-agent-avatar[data-nodecat-sprite="1"] .gn-nodecat-sprite{
  margin:auto;
}

/* Compact Agent-chat bubble */
.gn-nodecat-sprite-chat{
  width:38px;
  height:38px;
}

/* Canonical Workspace Chat avatar */
.gn-nodecat-sprite-workspace{
  width:44px;
  height:44px;
}



/* GRIDZARD 16-BIT SPRITE */
.gn-gridzard-sprite{
  width:112px;
  height:112px;
  flex:0 0 auto;
  background-image:url("/network-assets/agent-sprites/gridzard.png");
  background-repeat:no-repeat;
  background-size:416% 416%;
  background-position:.633% .633%;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
}

/* ROW 1 */
.gn-gridzard-sprite[data-state="idle"],
.gn-gridzard-sprite[data-state="ready"]{
  background-position:.633% .633%;
}

.gn-gridzard-sprite[data-state="happy"]{
  background-position:33.544% .633%;
}

.gn-gridzard-sprite[data-state="curious"]{
  background-position:66.456% .633%;
}

.gn-gridzard-sprite[data-state="thinking"]{
  background-position:99.367% .633%;
}

/* ROW 2 */
.gn-gridzard-sprite[data-state="sleepy"]{
  background-position:.633% 33.544%;
}

.gn-gridzard-sprite[data-state="focused"],
.gn-gridzard-sprite[data-state="preparing"]{
  background-position:33.544% 33.544%;
}

.gn-gridzard-sprite[data-state="success"],
.gn-gridzard-sprite[data-state="pleased"]{
  background-position:66.456% 33.544%;
}

.gn-gridzard-sprite[data-state="smug"]{
  background-position:99.367% 33.544%;
}

/* ROW 3 */
.gn-gridzard-sprite[data-state="working"],
.gn-gridzard-sprite[data-state="casting"]{
  background-position:.633% 66.456%;
}

.gn-gridzard-sprite[data-state="glitch"],
.gn-gridzard-sprite[data-state="unstable"]{
  background-position:33.544% 66.456%;
}

.gn-gridzard-sprite[data-state="surprised"],
.gn-gridzard-sprite[data-state="error"]{
  background-position:66.456% 66.456%;
}

.gn-gridzard-sprite[data-state="angry"]{
  background-position:99.367% 66.456%;
}

/* ROW 4 */
.gn-gridzard-sprite[data-state="playful"]{
  background-position:.633% 99.367%;
}

.gn-gridzard-sprite[data-state="talking"],
.gn-gridzard-sprite[data-state="responding"]{
  background-position:33.544% 99.367%;
}

.gn-gridzard-sprite[data-state="chaos"],
.gn-gridzard-sprite[data-state="overloaded"]{
  background-position:66.456% 99.367%;
}

.gn-gridzard-sprite[data-state="bonded"],
.gn-gridzard-sprite[data-state="affectionate"]{
  background-position:99.367% 99.367%;
}

/* Right Agent panel */
.gn-agent-avatar[data-gridzard-sprite="1"]{
  min-height:112px;
}

.gn-agent-avatar[data-gridzard-sprite="1"] .gn-gridzard-sprite{
  margin:auto;
}

/* Compact conversation avatar */
.gn-gridzard-sprite-chat{
  width:38px;
  height:38px;
}

/* Canonical Workspace Chat avatar */
.gn-gridzard-sprite-workspace{
  width:44px;
  height:44px;
}

/* Canonical Agent action label fitting */
.gn-agent-actions button{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}
/* Generic declarative sprite-sheet viewport. Frame geometry is calculated in JS. */
.gn-agent-sheet-sprite{display:block;width:min(100%,112px);aspect-ratio:1/1;background-color:transparent;background-repeat:no-repeat;background-position:0 0}.gn-agent-sheet-sprite-chat{width:38px;min-width:38px}.gn-agent-sheet-sprite-workspace{width:44px;min-width:44px}
.gn-agent-avatar[data-mode="expressive"]:has(.gn-agent-sheet-sprite){min-height:112px}.gn-agent-avatar[data-mode="expressive"]>.gn-agent-sheet-sprite{width:112px;height:112px;flex:none}.gn-agent-site-referral{display:grid;gap:7px;padding:8px;border:1px solid #31506a;background:#06111b}.gn-agent-site-referral[hidden]{display:none}.gn-agent-site-referral p{margin:0;color:#9eafbd;font:9px/1.45 Arial}.gn-agent-site-referral button{min-height:32px;border:1px solid #ff2c98;background:#0a1621;color:#ff75b8;font:800 8px Arial;cursor:pointer}.gn-chat-avatar .gn-agent-sheet-sprite-chat{width:38px;height:38px}.avatar .gn-agent-sheet-sprite-workspace{width:44px;height:44px}

/* Token-driven guided workflow and stacked-box rhythm. */
.gn-agent-guided-workflow,
.gn-agent-site-referral{
  gap:var(--gn-panel-section-gap,7px);
  padding:var(--gn-panel-pad,8px);
}
.gn-guided-field{gap:var(--gn-panel-field-gap,4px)}
.gn-guided-field input,
.gn-guided-field textarea,
.gn-guided-field select{padding:var(--gn-panel-input-pad,7px)}
.gn-guided-choices,
.gn-guided-actions{gap:var(--gn-panel-button-gap,4px)}
.gn-guided-choice{gap:var(--gn-panel-header-gap,6px);padding:var(--gn-panel-title-gap,5px) 6px}
.gn-guided-summary{padding:var(--gn-panel-input-pad,7px)}
.gn-guided-actions button{min-height:calc(var(--gn-panel-action-height,27px) + 1px)}
.gn-guided-disclosure{padding:6px;gap:var(--gn-panel-section-gap,7px)}
.gn-guided-disclosure[open]>summary,
.gn-guided-disclosure .gn-guided-field+.gn-guided-field,
.gn-guided-disclosure .gn-guided-actions{margin-top:var(--gn-panel-section-gap,7px)}

/* YCWR light-theme skin; geometry remains token-identical. */
[data-gn-shell-theme="light"] .gn-agent-panel{color:#29283a;background:#fff}
[data-gn-shell-theme="light"] .gn-agent-header{border-bottom-color:#dddde8}
[data-gn-shell-theme="light"] .gn-agent-heading,
[data-gn-shell-theme="light"] .gn-agent-runtime-status{color:#6757e5}
[data-gn-shell-theme="light"] :is(.gn-agent-header-controls button,.gn-agent-toolbar select,.gn-agent-actions button,.gn-guided-actions button){border-color:#d8d5e3;background:#f8f7fb;color:#625c76}
[data-gn-shell-theme="light"] :is(.gn-agent-identity,.gn-agent-plugin-status,.gn-agent-runtime-status,.gn-agent-site-referral,.gn-agent-guided-workflow,.gn-guided-disclosure,.gn-guided-choice){border-color:#dddde8;background:#faf9fc}
[data-gn-shell-theme="light"] .gn-agent-identity-copy strong,
[data-gn-shell-theme="light"] .gn-guided-title{color:#6042ba}
[data-gn-shell-theme="light"] :is(.gn-agent-identity-copy span,.gn-agent-boundary,.gn-guided-text,.gn-guided-progress,.gn-guided-field,.gn-guided-disclosure>summary,.gn-agent-site-referral p){color:#66677b}
[data-gn-shell-theme="light"] :is(.gn-guided-field input,.gn-guided-field textarea,.gn-guided-field select,.gn-guided-summary,.gn-agent-composer textarea){border-color:#d8d5e3;background:#fff;color:#29283a}

/* Light consumers keep canonical chat geometry while replacing every surface. */
[data-gn-shell-theme="light"] .gn-agent-workspace-chat-host{
  --gn-chat-bg:#f7f7fb;
  --gn-chat-surface:#fff;
  --gn-chat-bubble:#f4f1fb;
  --gn-chat-user-bubble:#eef4ff;
  --gn-chat-input:#fff;
  --gn-chat-border:#d8d5e3;
  --gn-chat-text:#29283a;
  --gn-chat-muted:#66677b;
  --gn-chat-agent-accent:#6757e5;
  --gn-chat-user-accent:#4082f4;
}
[data-gn-shell-theme="light"] .gn-agent-workspace-chat-host .gn-agent-composer button{
  border-color:#6757e5;
  background:#6757e5;
  color:#fff;
}
[data-gn-shell-theme="light"] .gn-agent-workspace-chat-host .gn-chat-avatar{
  border-color:#d8d5e3;
  background:#fff;
  color:#6757e5;
}

/* Canonical expressive Agent viewport.
   NodeCat, Gridzard, GridGuide and future expressive Agents share geometry. */
.gn-agent-avatar:has(.gn-nodecat-sprite),
.gn-agent-avatar:has(.gn-gridzard-sprite),
.gn-agent-avatar:has(.gn-agent-sheet-sprite){
  min-height:112px;
}

.gn-agent-avatar .gn-nodecat-sprite,
.gn-agent-avatar .gn-gridzard-sprite,
.gn-agent-avatar .gn-agent-sheet-sprite{
  width:112px;
  height:112px;
  margin:auto;
  flex:0 0 112px;
}

[data-gn-shell-theme="light"] .gn-agent-site-referral button{
  border-color:#6757e5;
  background:#f8f7fb;
  color:#6042ba;
}

/* Right-rail expressive Agents face inward toward the Workspace.
   Browser/Profile/Workspace-chat visuals are intentionally unaffected. */
.gn-agent-panel .gn-agent-avatar[data-mode="expressive"]:has(.gn-nodecat-sprite),
.gn-agent-panel .gn-agent-avatar[data-mode="expressive"]:has(.gn-gridzard-sprite),
.gn-agent-panel .gn-agent-avatar[data-mode="expressive"]:has(.gn-agent-sheet-sprite){
  transform:scaleX(-1);
}

/* CANONICAL AGENT VIEWPORT CONTROLS
   The former AGENT title/header row is retired.
   Label and controls now consume the avatar viewport's side gutters. */

.gn-agent-header{
  display:none!important;
}

.gn-agent-avatar-stage{
  display:grid;
  grid-template-columns:34px minmax(112px,1fr) 26px;
  align-items:center;
  width:100%;
  min-height:112px;
}

.gn-agent-viewport-label{
  align-self:start;
  justify-self:start;
  padding-top:4px;
  color:#69e8bd;
  font:900 8px/1 Arial,sans-serif;
  letter-spacing:.8px;
  opacity:.82;
}

.gn-agent-avatar-stage>.gn-agent-avatar{
  justify-self:center;
}

.gn-agent-viewport-controls{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
}

.gn-agent-viewport-controls button{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  padding:0;
  border:1px solid #294158;
  border-radius:4px;
  background:#0a1621;
  color:#b9c9d6;
  font:900 12px/1 Arial,sans-serif;
  cursor:pointer;
}

.gn-agent-viewport-controls button:hover,
.gn-agent-viewport-controls button:focus-visible{
  border-color:#55e6ff;
  color:#55e6ff;
}

.gn-agent-viewport-controls [data-agent-favorite]{
  color:#ffd667;
}

.gn-agent-viewport-controls button:disabled{
  opacity:.65;
  cursor:default;
}

.gn-agent-identity{grid-template-columns:minmax(0,1fr)}

[data-gn-shell-theme="light"] .gn-agent-viewport-label{
  color:#6042ba;
}

[data-gn-shell-theme="light"] .gn-agent-viewport-controls button{
  border-color:#d8d5e3;
  background:#f8f7fb;
  color:#625c76;
}

[data-gn-shell-theme="light"] .gn-agent-viewport-controls [data-agent-favorite]{
  color:#9a7400;
}

@media(max-width:900px){
  .gn-agent-avatar-stage{
    grid-template-columns:32px minmax(112px,1fr) 34px;
  }

  .gn-agent-viewport-controls button{
    width:30px;
    height:30px;
  }
}

/* GridCreditz usage readout (top-right of every Agent conversation) */
.gn-agent-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.gn-agent-usage{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0;font:800 8px Arial;letter-spacing:.5px;color:var(--gn-chat-muted,#607587);cursor:help}
.gn-agent-usage[hidden]{display:none!important}
.gn-agent-usage span{padding:2px 5px;border:1px solid var(--gn-chat-border,#203247);border-radius:5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.gn-agent-usage .gn-usage-balance{color:#4affaa;border-color:#1f5a46}
.gn-agent-usage .gn-usage-empty{color:#ff6b6b;border-color:#6b2a2a}
.gn-agent-usage .gn-usage-extra{display:none}
.gn-agent-workspace-chat-host .gn-agent-usage{font-size:9px}
.gn-agent-workspace-chat-host .gn-agent-usage .gn-usage-extra{display:inline}
.gn-agent-usage .gn-usage-free{color:#ffc27a;border-color:#6b4a1f}

/* 2026-10-09: COMING_SOON actions read as unavailable (still clickable for the guidance card) */
.gn-agent-actions button[data-action-state="COMING_SOON"]{position:relative;border-style:dashed;border-color:#3a4652;background:#0b1118;color:#5f6f7c;filter:grayscale(1);opacity:.72;cursor:help}
.gn-agent-actions button[data-action-state="COMING_SOON"]:hover,.gn-agent-actions button[data-action-state="COMING_SOON"]:focus-visible{opacity:.95;color:#8c9aa6;border-color:#6b5535}
.gn-agent-actions button[data-action-state="COMING_SOON"]::after{content:"SOON";position:absolute;top:-6px;right:-3px;padding:1px 3px;border:1px solid #6b5535;border-radius:2px;background:#191407;color:#ffd667;font:800 6px/1.2 Arial,sans-serif;letter-spacing:.08em;pointer-events:none}
.gn-agent-actions button.primary[data-action-state="COMING_SOON"]{border-color:#3a4652;color:#5f6f7c}

/* ==========================================================================
   CANONICAL MAIN CHAT (Network shell) — reference: griddim.com main chat.
   Layout, typography and spacing are shell-owned and not overridable by
   sites. Colors stay site-themable through the --gn-chat-* tokens; the
   fallbacks below are the griddim reference values.
   ========================================================================== */
.gn-agent-workspace-chat-host{padding:0!important;font-family:'Share Tech Mono',monospace!important;background:var(--gn-chat-bg,#020609);color:var(--gn-chat-text,#d5dce2)}
.gn-agent-workspace-chat-host>.gn-agent-chat-stack{gap:0!important;border:1px solid var(--gn-chat-line,rgba(120,160,180,.2))}
.gn-agent-workspace-chat-host .gn-agent-conversation-zone{flex:1 1 auto!important;min-height:0!important}
.gn-agent-workspace-chat-host .gn-agent-conversation-head{padding:4px 10px 0!important}
.gn-agent-workspace-chat-host .gn-agent-conversation-zone h3{display:none!important}
.gn-agent-workspace-chat-host .gn-agent-conversation{flex:1 1 auto!important;padding:8px 10px!important;border:0!important;background:var(--gn-chat-surface,transparent)!important}
.gn-agent-workspace-chat-host .gn-agent-message{font-size:16px!important;line-height:normal!important;display:flex!important;align-items:flex-end!important;gap:9px!important;margin:0 0 7px!important;padding:0!important;border:0!important;background:none!important;font-family:'Share Tech Mono',monospace!important}
.gn-agent-workspace-chat-host .gn-agent-message.user{flex-direction:row-reverse!important}
.gn-agent-workspace-chat-host .gn-chat-avatar{width:38px!important;height:38px!important;flex:0 0 38px!important;border:1px solid var(--gn-chat-agent-accent,#ff2c98)!important;border-radius:50%!important;background:var(--gn-chat-avatar-bg,rgba(0,0,0,.8))!important;overflow:hidden!important}
.gn-agent-workspace-chat-host .gn-agent-message.user .gn-chat-avatar{border-color:var(--gn-chat-user-accent,#00e5ff)!important}
.gn-agent-workspace-chat-host .gn-chat-bubble{font-size:16px!important;line-height:normal!important;max-width:min(78%,720px)!important;padding:7px 9px!important;border:1px solid var(--gn-chat-bubble-border,rgba(130,165,180,.12))!important;border-radius:0!important;background:var(--gn-chat-bubble,rgba(2,6,9,.78))!important;box-shadow:0 0 14px rgba(0,0,0,.18)!important;backdrop-filter:blur(3px);font-family:'Share Tech Mono',monospace!important;overflow-wrap:anywhere}
.gn-agent-workspace-chat-host .gn-agent-message.user .gn-chat-bubble{background:var(--gn-chat-user-bubble,rgba(3,10,14,.72))!important;border-color:var(--gn-chat-user-bubble-border,rgba(0,229,255,.14))!important}
.gn-agent-workspace-chat-host .gn-chat-speaker{margin:0!important;font:400 9px/normal 'Share Tech Mono',monospace!important;letter-spacing:1px!important;color:var(--gn-chat-agent-accent,#ff2c98)!important;text-transform:none!important}
.gn-agent-workspace-chat-host .gn-agent-message.user .gn-chat-speaker{color:var(--gn-chat-user-accent,#00e5ff)!important}
.gn-agent-workspace-chat-host .gn-chat-bubble p{margin:4px 0!important;font:400 11px/1.35 'Share Tech Mono',monospace!important;color:var(--gn-chat-text,#d5dce2)!important;white-space:pre-wrap}
.gn-agent-workspace-chat-host .gn-agent-composer{display:flex!important;align-items:stretch!important;gap:6px!important;padding:6px!important;margin:0!important;background:var(--gn-chat-composer,rgba(2,6,9,.98))!important;border-top:1px solid var(--gn-chat-line,rgba(120,160,180,.2))!important}
.gn-agent-workspace-chat-host .gn-agent-composer textarea{flex:1 1 auto!important;min-width:0!important;height:35px!important;min-height:35px!important;max-height:140px!important;resize:none!important;padding:10px 11px!important;border:1px solid var(--gn-chat-line,rgba(120,160,180,.2))!important;border-radius:0!important;background:var(--gn-chat-input,rgba(0,0,0,.76))!important;color:var(--gn-chat-input-text,#e4e9ed)!important;font:400 11px/normal 'Share Tech Mono',monospace!important}
.gn-agent-workspace-chat-host .gn-agent-composer button{flex:0 0 88px!important;min-width:88px!important;min-height:35px!important;padding:1px 6px!important;border:1px solid var(--gn-chat-send-border,rgba(255,44,152,.55))!important;border-radius:0!important;background:var(--gn-chat-send-bg,rgba(255,44,152,.08))!important;color:var(--gn-chat-agent-accent,#ff2c98)!important;font:400 11px/normal 'Share Tech Mono',monospace!important;letter-spacing:normal!important}
.gn-agent-workspace-chat-host .gca-tray{padding:0 6px!important}
.gn-agent-workspace-chat-host .gn-agent-boundary{margin:0!important;padding:3px 10px 5px!important;font:400 8px/1.35 'Share Tech Mono',monospace!important;color:var(--gn-chat-muted,#707c84)!important}
@media(max-width:900px){.gn-agent-workspace-chat-host .gn-agent-composer textarea{font-size:16px!important;height:44px!important}.gn-agent-workspace-chat-host .gn-agent-composer button{min-height:44px!important}}