.live-code,.live-notebook,.code-copy{margin:2.5rem 0;border:1px solid var(--fis-line);border-radius:.5rem;background:linear-gradient(180deg,#8db7ff12,#0a1424b8),var(--fis-panel);box-shadow:var(--fis-shadow);overflow:hidden}.live-code__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.25rem;border-bottom:1px solid var(--fis-line)}.live-code__header h2,.live-code__header h3,.live-notebook__cell-header h3{margin:0 0 .45rem;font-family:var(--fis-font-body);font-size:1.35rem;font-weight:600;line-height:1.15;letter-spacing:0;color:var(--fis-text)}.live-code__header p,.live-notebook__cell-header p{margin:0;line-height:1.65;color:var(--fis-text-soft)}.live-code__header .eyebrow{margin-bottom:.35rem}.live-code__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.live-code__actions button,.live-notebook__cell-header button,.code-copy button{min-height:2.35rem;padding:.55rem .85rem;border:1px solid var(--fis-line-strong);border-radius:.35rem;background:#04091494;color:var(--fis-text);font:600 .88rem var(--fis-font-ui);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.live-code__actions button:hover,.live-notebook__cell-header button:hover,.code-copy button:hover{border-color:var(--fis-gold-subtle);background:#f2c8791a;color:var(--fis-gold)}.live-code__actions button:disabled,.live-notebook__cell-header button:disabled{cursor:wait;opacity:.6}.live-code__actions button:focus-visible,.live-notebook__cell-header button:focus-visible,.code-copy button:focus-visible,.live-code__editor:focus,.live-notebook__editor:focus{outline:2px solid var(--fis-gold);outline-offset:2px}.live-code__status{padding:.6rem 1.25rem;border-bottom:1px solid var(--fis-line);color:var(--fis-blue);font:.86rem var(--fis-font-ui)}.live-code__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.92fr);min-height:var(--live-code-height, 30rem)}.live-code__editor-pane,.live-code__preview-pane{min-width:0}.live-code__editor-pane{border-right:1px solid var(--fis-line);background:#040914b8}.live-code__editor,.live-notebook__editor{display:block;width:100%;min-height:var(--live-code-height, 30rem);padding:1rem;border:0;resize:vertical;background:transparent;color:var(--fis-text);font:.9rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;white-space:pre}.live-code__preview-pane{display:grid;grid-template-rows:minmax(14rem,1fr) auto;background:#0409147a}.live-code__preview{display:block;width:100%;height:100%;min-height:calc(var(--live-code-height, 30rem) - 9rem);border:0;background:#02040b}.live-code__console-shell{border-top:1px solid var(--fis-line);background:#040914d1}.live-code__console-shell summary{padding:.55rem .85rem;color:var(--fis-text-muted);font:600 .82rem var(--fis-font-ui);cursor:pointer}.live-code__console{max-height:8.5rem;margin:0;padding:0 .85rem .85rem;overflow:auto;color:var(--fis-text-soft);font:.82rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.live-code__console:empty:before{content:"Console output appears here.";color:var(--fis-text-muted)}.live-notebook__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-bottom:1px solid var(--fis-line);background:var(--fis-line)}.live-notebook__summary-item{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.85rem 1rem;background:#04091485}.live-notebook__summary-item span{color:var(--fis-text-muted);font:.75rem var(--fis-font-ui);text-transform:uppercase;letter-spacing:.08em}.live-notebook__summary-item strong{overflow:hidden;color:var(--fis-text);font:600 .92rem var(--fis-font-ui);text-overflow:ellipsis;white-space:nowrap}.live-notebook__cells{display:grid;gap:.85rem;padding:1rem;border-bottom:1px solid var(--fis-line);background:#04091447}.live-notebook__cell{overflow:hidden;border:1px solid var(--fis-line);border-radius:.35rem;background:#0409146b}.live-notebook__cell[data-state=running]{border-left:3px solid var(--fis-blue)}.live-notebook__cell[data-state=ok]{border-left:3px solid rgba(143,224,174,.9)}.live-notebook__cell[data-state=error]{border-left:3px solid #ff8e73}.live-notebook__cell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem .75rem}.live-notebook__editor{min-height:8rem;max-height:26rem;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);background:#0409149e}.live-notebook__output{max-height:13rem;margin:0;padding:1rem 1.25rem;overflow:auto;color:var(--fis-text-soft);font:.82rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.live-notebook__table-shell{overflow:auto}.live-notebook__table{width:100%;min-width:48rem;border-collapse:collapse;font:.88rem var(--fis-font-ui)}.live-notebook__table th,.live-notebook__table td{padding:.65rem .75rem;border:1px solid var(--fis-line);text-align:left;vertical-align:top}.live-notebook__table th{background:#f2c87917;color:var(--fis-text-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.live-notebook__table td{color:var(--fis-text-soft)}.live-notebook__table .empty-row{color:var(--fis-text-muted);text-align:center}.code-copy{background:#040914a3}.code-copy figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--fis-line);color:var(--fis-text-muted);font:600 .82rem var(--fis-font-ui)}.code-copy pre{margin:0;padding:1rem;overflow-x:auto;color:var(--fis-text-soft);font:.88rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:900px){.live-code__header,.live-notebook__cell-header{flex-direction:column}.live-code__actions{justify-content:flex-start}.live-code__grid{grid-template-columns:1fr}.live-code__editor-pane{border-right:0;border-bottom:1px solid var(--fis-line)}.live-code__editor{min-height:20rem}.live-code__preview{min-height:18rem}.live-notebook__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.live-code,.live-notebook,.code-copy{margin-inline:-.75rem;border-radius:.35rem}.live-code__actions button,.live-notebook__cell-header button{flex:1 1 auto}.live-code__console-shell:not([open]) .live-code__console{display:none}.live-code__console-shell{max-height:12rem}.live-notebook__summary{grid-template-columns:1fr}}