.chain-panel,.chain-card-slot,.chain-invitation,.simulated-stage{--surface:#fffdf7;--ink:#3e334d;--muted:#68586f;--line:#d7cbdc;--accent:#735781;--confirmed:#365b42;--warning:#76501d;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;}
.chain-panel{grid-column:2;grid-row:1;background:var(--surface);padding:24px;border:1px solid var(--line);border-radius:20px;min-width:0}.chain-panel h2{margin:0;font-size:var(--text-lg)}.read-only{font-size:var(--text-xs);color:var(--muted)}.chain-intro{font-size:var(--text-sm);color:var(--muted)}.chain-connections{display:grid;gap:16px;margin:20px 0}.chain-connection{display:flex;flex-direction:column;gap:3px}.chain-connection b{font-size:var(--text-sm);font-weight:600}.chain-connection span,.chain-connection small{font-size:var(--text-xs);color:var(--muted)}.chain-connection .connection-error{color:var(--warning)}.chain-preferences{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;font-size:var(--text-sm)}.chain-preferences label:has(input){grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:40px}.chain-preferences input{width:20px;height:20px;accent-color:var(--accent);margin:0}.chain-preferences select{width:auto;max-width:150px;font-size:var(--text-sm)}.chain-panel details{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.chain-panel summary{font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:40px;padding:8px 0}.chain-history ol{padding:0;list-style:none;margin:8px 0}.chain-history li{margin:0 0 8px;font-size:var(--text-sm);line-height:1.6}.history-open{font-size:var(--text-xs);text-align:start;width:100%;overflow-wrap:anywhere;background:transparent}.gallery-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gallery-buttons button{font-size:var(--text-xs);text-align:start;padding:10px;line-height:1.5}.rehearsal-gallery p{font-size:var(--text-xs)}.end-rehearsal{margin-top:12px}.chain-card-slot{width:100%;position:relative;pointer-events:none}.chain-card-slot.occupied{min-height:190px;margin:12px 0}.chain-card{pointer-events:auto;width:100%;text-align:start;padding:14px 16px;border-radius:14px;background:var(--surface);box-shadow:0 6px 20px #49315120;font-size:var(--text-xs);position:relative;box-sizing:border-box;animation:card-reveal 150ms ease-out}.chain-card-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.chain-badge{font-size:var(--text-xs);font-weight:600;line-height:1.5}.chain-close{padding:0;width:44px;min-width:44px;height:44px;background:transparent;border:0;color:var(--ink);font-size:var(--text-lg);margin:-8px -8px -4px 0}.chain-card h3{font-size:var(--text-base);margin:8px 0 4px;line-height:1.4}.chain-card p{margin:4px 0;font-size:var(--text-xs);line-height:1.6}.chain-status{font-size:var(--text-xs);font-weight:400;color:var(--confirmed)}.chain-card[data-source=simulated] .chain-status,.chain-card[data-source=removed] .chain-status{color:var(--warning)}.chain-meta{overflow-wrap:anywhere;max-height:100px;overflow:auto}.chain-tx-links{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow:auto}.chain-tx-links a{display:inline-block;min-height:24px;line-height:24px;color:var(--accent);font-size:var(--text-xs)}.event-count{font-size:var(--text-xs)}.simulated-stage{align-self:center;background:#fff0cf;color:#654618;padding:6px 12px;border-radius:8px;font-size:var(--text-xs);font-weight:600;margin-bottom:8px}.chain-invitation{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--text-xs);margin-top:8px}.chain-invitation button{font-size:var(--text-sm);background:var(--surface)}
.chain-panel{grid-column:auto;grid-row:auto}.chain-card-slot.occupied{min-height:0}.chain-card{border:1px solid #d7cbdc}.chain-card[hidden],.simulated-stage[hidden],.chain-invitation[hidden]{display:none!important}.stage-panel>.companion{position:relative;top:auto;min-height:0}.chain-card{transition:opacity 180ms ease-out}.chain-card.fading{opacity:0}@keyframes card-reveal{from{opacity:0}to{opacity:1}}@media(max-width:600px){.chain-panel{grid-column:1/-1;padding:16px}.gallery-buttons{grid-template-columns:1fr}.chain-card{max-width:100%;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.chain-card{animation:none;transition:none}}
/* Life controls load their stylesheet lazily; keep food and cards unobscured. */
main>.studio-grid>.stage-panel{position:static}
main>.studio-grid>.stage-panel>.companion{position:relative;top:auto;min-height:0}
.stage-panel>.chain-panel{background:transparent;border:0;border-top:1px solid #d8cfe2;border-radius:0;padding:12px 0;margin:4px 0 16px;box-shadow:none}
.chain-panel>.chain-settings{margin:0;padding:0;border:0}
.chain-panel .chain-summary{display:flex;align-items:center;gap:10px;padding:4px 0;list-style:none;min-height:44px}
.chain-summary::-webkit-details-marker{display:none}
.chain-summary::before{content:'▸';color:#786287;flex:none}
.chain-settings[open]>.chain-summary::before{content:'▾'}
.chain-panel .chain-summary h2{font-size:15px;font-weight:700;line-height:1.5;flex:1;letter-spacing:0}
.chain-summary .read-only{font-size:11px;white-space:nowrap}
.chain-summary:focus-visible{outline:3px solid #a687bf;outline-offset:3px;border-radius:6px}
.chain-settings-body{padding:0 2px 10px}
@media(min-width:741px){main>.studio-grid>.stage-panel{grid-column:1;grid-row:1}main>.studio-grid>.chat-panel{grid-column:2;grid-row:1}}