.studio-shell{min-height:100vh;padding:1.25rem;color:#e8f0ff}.studio-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:#8ea5d1}.title-wrap h1{margin:.25rem 0;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:.01em}.subtitle{margin:0;color:#9fb3dd}.status-wrap{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{border-radius:999px;font-size:.75rem;letter-spacing:.04em;padding:.35rem .7rem;border:1px solid rgba(124,157,230,.45);background:#071227d9}.status-connected{border-color:#43c483cc}.status-connecting{border-color:#ffc63fcc}.status-error{border-color:#fa5858cc}.status-sensitive{border-color:#ff9d42e6;background:#622b05eb;color:#ffe2c2}.sensitive-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-bottom:.9rem;padding:.75rem .85rem;border:1px solid rgba(255,157,66,.7);border-radius:.7rem;background:#622b05b8;color:#ffe8ce}.sensitive-banner span{color:#ffd2a4;font-size:.82rem}.sensitive-banner button{border-color:#ffbd80bf;background:#7e310deb}.backend-panel{border:1px solid rgba(108,142,218,.28);background:linear-gradient(145deg,#0f2041cc,#0a142cc7);border-radius:.9rem;margin-bottom:.9rem;padding:.85rem}.backend-form label{display:block;margin-bottom:.5rem;color:#9eb2d9;font-size:.85rem}.backend-active-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.backend-active-row code{display:block;flex:1;min-width:0;padding:.75rem .8rem;border-radius:.7rem;border:1px solid rgba(114,150,231,.24);background:#050c1cd1;color:#dbe9ff;overflow:auto}.backend-input-row{display:grid;grid-template-columns:minmax(320px,1fr) auto auto;gap:.5rem}input,select,button,pre{font-family:IBM Plex Mono,Fira Code,monospace}input,select{height:2.4rem;border:1px solid rgba(114,150,231,.35);border-radius:.55rem;color:#ebf3ff;background:#050c1cd1;padding:0 .72rem}textarea{min-height:220px;border:1px solid rgba(114,150,231,.35);border-radius:.75rem;color:#ebf3ff;background:#050c1cd1;padding:.75rem;resize:vertical;font-family:IBM Plex Mono,Fira Code,monospace}button{height:2.4rem;border:1px solid rgba(121,157,236,.45);border-radius:.55rem;color:#eaf1ff;background:linear-gradient(180deg,#2e5dbce0,#184091e0);padding:0 .85rem;cursor:pointer}button:hover{border-color:#a7c4ffcc}.error-banner{margin:0 0 .9rem;padding:.7rem .85rem;border-radius:.65rem;border:1px solid rgba(245,86,86,.5);background:#4b121280;color:#ffd1d1}.studio-nav{display:flex;gap:.55rem;margin-bottom:.9rem;flex-wrap:wrap}.view-tab{background:linear-gradient(180deg,#12264ceb,#0b1836eb)}.view-tab.active{border-color:#a7c4ffd9;background:linear-gradient(180deg,#2a53aaf0,#183d88f0)}.studio-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:.9rem;min-height:calc(100vh - 220px)}.sessions-panel,.logs-panel{border:1px solid rgba(108,142,218,.28);background:linear-gradient(165deg,#0d1b38e6,#081123eb);border-radius:.9rem;overflow:hidden}.docs-panel,.protocol-panel,.runtime-panel,.controller-preview-panel{display:flex;flex-direction:column}.controller-preview-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 320px)}.controller-preview-controls{display:flex;flex-direction:column;gap:.55rem;padding:1rem;border-right:1px solid rgba(105,132,187,.35);background:#060e1fb3}.controller-preview-controls label,.controller-preview-controls legend{color:#b8caea;font-size:.8rem}.controller-preview-controls select,.controller-preview-controls input{width:100%}.controller-preview-controls fieldset{margin:.25rem 0;padding:.65rem;border:1px solid rgba(94,124,194,.3);border-radius:.7rem}.controller-preview-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:.45rem}.controller-preview-buttons button{padding:0 .4rem}.controller-preview-buttons .active{border-color:#a7c4fff2;background:linear-gradient(180deg,#2a53aaf0,#183d88f0)}.controller-preview-caption{margin:0;color:#8ea5d1;font-size:.74rem;line-height:1.45}.controller-contract-card{display:flex;flex-direction:column;gap:.3rem;padding:.75rem;border:1px solid rgba(94,124,194,.3);border-radius:.7rem;background:#030814b3;font-size:.76rem}.controller-contract-card span{color:#afc1e2}.controller-contract-card.warning{border-color:#ffc63f99}.controller-preview-stage{min-width:0;padding:1rem;overflow:auto;background:linear-gradient(rgba(121,157,236,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(121,157,236,.08) 1px,transparent 1px),#020711d1;background-size:24px 24px}.controller-preview-size{position:sticky;top:0;z-index:1;width:fit-content;margin-bottom:.75rem;padding:.35rem .55rem;border-radius:999px;background:#071227f2;color:#b8caea;font-size:.75rem}.controller-preview-device{box-sizing:content-box;flex:none;overflow:hidden;border:2px solid #6d8ed9;border-radius:20px;background:#050910;box-shadow:0 20px 55px #00000073}.controller-preview-device iframe{display:block;width:100%;height:100%;border:0;background:#fff}.controller-preview-empty{display:grid;min-height:320px;place-items:center;padding:2rem;border:1px dashed rgba(121,157,236,.35);border-radius:.9rem;color:#8ea5d1;text-align:center}.runtime-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:.9rem}.runtime-state-card{min-width:0;padding:.9rem;border:1px solid rgba(94,124,194,.3);border-radius:.8rem;background:#030814b8}.runtime-state-card.sensitive{border-color:#ff9d42a3;background:#431d0659}.runtime-state-card h3{margin:0 0 .8rem;font-size:1rem}.runtime-state-card label{display:block;margin-bottom:.4rem;color:#ffd2a4;font-size:.8rem}.runtime-state-card select{width:100%}.runtime-state-card pre{max-height:calc(100vh - 430px);margin:.8rem 0 0;padding:.8rem;overflow:auto;border:1px solid rgba(94,124,194,.35);border-radius:.65rem;background:#020711d1;color:#d8e6ff;white-space:pre-wrap;word-break:break-word}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(105,132,187,.35);padding:.75rem .85rem}.panel-head h2{margin:0;font-size:1rem;letter-spacing:.01em}.panel-head span{font-size:.82rem;color:#9eb2d9}.panel-head-actions{display:flex;align-items:center;gap:.55rem}.panel-head-actions .secondary-btn{height:1.9rem;font-size:.72rem;border-color:#799dec6b;background:linear-gradient(180deg,#1b3467e0,#0f224de0)}.panel-head-actions .secondary-btn:disabled{opacity:.4;cursor:not-allowed}.panel-head-actions .danger-btn{height:1.9rem;font-size:.72rem;border-color:#eb69698c;background:linear-gradient(180deg,#842727e0,#601b1be0)}.panel-head-actions .danger-btn:disabled{opacity:.4;cursor:not-allowed}.sessions-list{display:flex;flex-direction:column;gap:.55rem;padding:.75rem;max-height:calc(100vh - 320px);overflow:auto}.session-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;height:auto;text-align:left;padding:.65rem;background:#040a18bf}.session-card.active{border-color:#a7c4ffd9;box-shadow:inset 0 0 0 1px #a7c4ff40}.session-card strong{font-size:.8rem;word-break:break-all}.session-card span{color:#9eb2d9;font-size:.72rem}.filters-row{display:grid;grid-template-columns:repeat(5,minmax(125px,.7fr)) minmax(180px,1fr) auto;gap:.5rem;padding:.75rem;border-bottom:1px solid rgba(105,132,187,.35)}.logs-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:420px;height:calc(100vh - 380px)}.docs-shell{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:0;min-height:calc(100vh - 320px)}.docs-sidebar,.docs-content,.docs-context{min-width:0}.docs-sidebar{border-right:1px solid rgba(105,132,187,.35);padding:.85rem;overflow:auto;background:#060e1fb3}.docs-content{padding:1rem;overflow:auto}.docs-context{padding:.9rem;border-left:1px solid rgba(105,132,187,.35);background:#081227d1;overflow:auto}.docs-group+.docs-group{margin-top:1rem}.docs-group-title{margin:0 0 .5rem;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#89a0ca}.docs-group-links{display:flex;flex-direction:column;gap:.4rem}.docs-link{width:100%;height:auto;text-align:left;padding:.65rem .7rem;border-radius:.75rem;background:#050c1cbf}.docs-link.active{border-color:#a7c4ffd9;box-shadow:inset 0 0 0 1px #a7c4ff33}.doc-hero h3{margin:.2rem 0 .55rem;font-size:clamp(1.35rem,2vw,1.9rem)}.doc-summary{margin:0;color:#b8caea;line-height:1.55}.doc-block{margin-top:1.15rem;padding:.9rem;border-radius:.8rem;border:1px solid rgba(94,124,194,.28);background:#050c1c85}.doc-block h4{margin:0 0 .65rem;font-size:.95rem}.doc-list{margin:0;padding-left:1rem;color:#dbe7ff;line-height:1.55}.doc-list li+li{margin-top:.4rem}.checklist-list li::marker{color:#8fd2a1}.snippet-list{display:grid;gap:.8rem}.snippet-card{border-radius:.8rem;border:1px solid rgba(94,124,194,.28);background:#030814d1;overflow:hidden}.snippet-head{padding:.7rem .8rem;border-bottom:1px solid rgba(94,124,194,.25);color:#dce8ff}.snippet-card pre{margin:0;border:0;border-radius:0;background:#030814d1}.context-card{padding:.85rem;border-radius:.8rem;border:1px solid rgba(94,124,194,.25);background:#030814b3}.context-card+.context-card{margin-top:.9rem}.context-label{margin:0 0 .35rem;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#89a0ca}.context-card strong{display:block;margin-bottom:.3rem;color:#eff5ff;word-break:break-word}.context-card span,.context-card small,.protocol-caption{color:#afc1e2;line-height:1.5}.context-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.context-head .secondary-btn{height:1.85rem;font-size:.72rem}.context-log-list{display:flex;flex-direction:column;gap:.5rem}.context-log-row{width:100%;height:auto;text-align:left;padding:.65rem .7rem;border-radius:.7rem;background:#071127d1}.context-log-row span,.context-log-row small{display:block}.context-log-row strong{margin:.15rem 0}.protocol-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 320px)}.protocol-form,.protocol-preview{min-width:0;overflow:auto}.protocol-form{padding:1rem}.protocol-preview{padding:.95rem;border-left:1px solid rgba(105,132,187,.35);background:#081227d1}.protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.protocol-form label{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem;color:#b8caea}.protocol-inline-card{padding:.85rem;border-radius:.8rem;border:1px solid rgba(94,124,194,.25);background:#030814b3}.protocol-inline-card+.protocol-inline-card{margin-top:.85rem}.protocol-inline-card pre{margin:0}.protocol-error{margin:0;color:#ffb1b1}.logs-list{overflow:auto;border-right:1px solid rgba(105,132,187,.35)}.log-row{width:100%;height:auto;display:grid;grid-template-columns:78px 56px minmax(180px,1fr) 170px 120px;align-items:center;gap:.45rem;text-align:left;border-radius:0;border-width:0 0 1px;border-color:#51689340;background:#060d1d6b;padding:.58rem .7rem}.log-row:hover{background:#223f746b}.log-row.selected{background:#1f45888c}.time{color:#9cb0d8;font-size:.74rem}.level{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.15rem .4rem;font-size:.68rem;letter-spacing:.03em;text-transform:uppercase;border:1px solid rgba(120,151,219,.35)}.level-debug{color:#aebfe2}.level-info{color:#8cd6ff}.level-warn{color:#ffd688}.level-error{color:#ff9f9f}.event{font-size:.76rem;color:#f0f5ff}.meta{font-size:.72rem;color:#9eb2d9;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.log-details{padding:.8rem;overflow:auto}.log-details h3{margin:0 0 .65rem;font-size:.98rem}.log-details p{margin:.2rem 0;color:#b4c6e8;font-size:.8rem}.log-details pre{margin:.7rem 0 0;background:#020711cc;border:1px solid rgba(94,124,194,.35);border-radius:.6rem;font-size:.73rem;color:#d8e6ff;padding:.7rem;overflow:auto;white-space:pre-wrap;word-break:break-word}.empty-state{padding:.8rem;color:#94a9d1;font-size:.8rem}@media(max-width:1120px){.backend-active-row{flex-direction:column;align-items:stretch}.backend-input-row,.studio-layout{grid-template-columns:1fr}.sessions-list{max-height:220px}.filters-row{grid-template-columns:1fr}.logs-grid{grid-template-columns:1fr;height:auto}.docs-shell,.protocol-shell,.runtime-state-grid,.controller-preview-shell{grid-template-columns:1fr;min-height:auto}.sensitive-banner{grid-template-columns:1fr}.docs-sidebar,.docs-context,.protocol-preview,.controller-preview-controls{border:0;border-top:1px solid rgba(105,132,187,.35)}.logs-list{min-height:300px;max-height:380px;border-right:none;border-bottom:1px solid rgba(105,132,187,.35)}.log-row{grid-template-columns:70px 50px minmax(130px,1fr)}.log-row .meta{display:none}.protocol-grid{grid-template-columns:1fr}}.arcade-panel{display:flex;flex-direction:column;gap:1rem}.arcade-table-wrap{overflow-x:auto}.arcade-table{width:100%;border-collapse:collapse;font-size:.85rem}.arcade-table th,.arcade-table td{padding:.45rem .6rem;border-bottom:1px solid rgba(94,124,194,.25);text-align:left;white-space:nowrap}.arcade-render{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0}.arcade-render dd{margin:0}.arcade-timeline{display:flex;flex-direction:column;gap:.3rem;margin:0;padding:0;font-size:.85rem;list-style:none}:root{color-scheme:dark;font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;line-height:1.4;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{background:radial-gradient(circle at top,#0c1f3f,#071020 45%,#050910);color:#e8f0ff}