.studio-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding-top:5.5rem;padding-bottom:3rem}.studio-hero h1{font-family:'EA Display',sans-serif;font-size:clamp(3.3rem,6.6vw,7rem);line-height:.93;letter-spacing:-.015em;margin:1rem 0 1.5rem}.studio-hero h1 em{color:var(--gold,#edc184);font-style:normal}.studio-hero>div>p:last-child{max-width:600px;font-size:1.08rem;color:#b5afbf}.studio-status{border:1px solid #3c3046;padding:1.25rem 1.5rem;min-width:245px;margin-bottom:.5rem;background:linear-gradient(130deg,#21192b,#0d0a12);font-size:.83rem}.studio-status small{display:block;color:#918699;margin-top:.5rem}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aa8ba8;margin-right:.45rem}.status-dot.connected{background:#abdda9;box-shadow:0 0 12px #abdda968}.studio-layout{display:grid;grid-template-columns:1.22fr 1fr;gap:2rem;align-items:start}.directory-toolbar{margin-bottom:1.25rem}.agent-search-label{font-size:.66rem;letter-spacing:.17em;color:#baaaca;font-weight:700;display:block}.agent-search-label input{display:block;width:100%;padding:1rem;margin-top:.7rem;background:#100d17;border:1px solid #352b40;border-radius:0;color:#f8f4fc;font:inherit;font-size:.9rem;letter-spacing:0}.agent-filters{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.agent-filters button{border:1px solid #362b40;color:#bdb3c8;background:transparent;padding:.55rem .75rem;font:inherit;font-size:.72rem;cursor:pointer}.agent-filters button.active{border-color:#edc184;color:#edc184;background:#edc1840d}.agent-cards{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.agent-card{background:linear-gradient(130deg,#17121e,#0e0b13);border:1px solid #302537;color:inherit;padding:1.25rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;min-height:235px;transition:border-color .2s,transform .2s}.agent-card:hover{transform:translateY(-3px);border-color:#9578ad}.agent-card[aria-pressed=true]{border-color:#edc184;background:linear-gradient(130deg,#2c2031,#151019);box-shadow:inset 3px 0 #edc184}.agent-card[hidden]{display:none}.agent-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}.agent-icon{font-size:1.35rem}.agent-id{font:500 .64rem monospace;color:#9a8aa4}.agent-card-name{font-size:1.05rem;font-weight:700;margin-bottom:.6rem;line-height:1.3}.agent-card-summary{font-size:.79rem;line-height:1.55;color:#a89cb3}.agent-card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.57rem;letter-spacing:.1em;text-transform:uppercase;color:#c2a580;margin-top:auto;padding-top:1rem}.agent-card-bottom b{font-size:1.2rem}.agent-console{position:sticky;top:105px;border:1px solid #68523a;background:radial-gradient(ellipse at top right,#3a254144,transparent 60%),#141018;padding:1.8rem;box-shadow:0 22px 90px #0005}.console-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33283c;padding-bottom:1rem}.console-top .eyebrow{margin:0;font-size:.67rem}.console-number{font:500 .64rem monospace;color:#b5956e}.console-role{display:flex;align-items:center;gap:.9rem;margin-top:1.4rem}.console-role>span{font-size:1.8rem}.console-role h2{font-family:inherit;font-size:1.65rem;line-height:1.1;letter-spacing:-.035em;margin:0}.agent-console>p{font-size:.87rem;color:#b9acbf;line-height:1.7;margin:1rem 0 1.5rem}#agent-form>label{font-size:.64rem;letter-spacing:.15em;color:#cfbdad;font-weight:700}#agent-task{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:165px;max-height:500px;margin-top:.7rem;background:#09070d;border:1px solid #443447;padding:1rem;color:#fff;font:inherit;font-size:.86rem;line-height:1.65;border-radius:0}#agent-task:focus{outline:2px solid #b083ff;outline-offset:2px}.task-tools{display:flex;justify-content:space-between;align-items:center;margin:.7rem 0 1.4rem}.task-tools button{font-size:.74rem}.task-tools>span{font-size:.65rem;color:#887894}.console-note{font-size:.68rem!important;line-height:1.65!important;color:#96899f!important;margin:1rem 0 0!important}#agent-output{border-top:1px solid #463347;margin-top:1.5rem;padding-top:1.2rem}.output-heading{display:flex;justify-content:space-between;align-items:center}.output-heading .eyebrow{font-size:.62rem;margin:0}.output-heading button{font-size:.72rem}#run-status{font-size:.8rem;color:#ccafd9}#response-text{font-size:.87rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:550px;overflow:auto;color:#eee6f4;padding-right:.2rem}#response-text pre{white-space:pre-wrap;background:#08070a;border:1px solid #31263c;padding:1rem;font-size:.78rem}#response-details{font-size:.6rem;color:#8e7c9a;padding-top:1rem;overflow-wrap:anywhere}.studio-bottom{padding-top:6rem;padding-bottom:6rem}.studio-bottom p:not(.eyebrow){max-width:590px;color:#aea0b9;line-height:1.7;margin-bottom:1.8rem}button:disabled{opacity:.55;cursor:wait}.agent-card:focus-visible,.agent-filters button:focus-visible{outline:2px solid #b083ff;outline-offset:3px}@media(max-width:1000px){.studio-layout{grid-template-columns:1fr 1fr;gap:1rem}.agent-cards{grid-template-columns:1fr}.agent-card{min-height:200px}.studio-status{min-width:210px}.agent-console{padding:1.3rem}}@media(max-width:700px){.studio-hero{display:block;padding-top:3rem}.studio-hero h1{font-size:clamp(3rem,10vw,4.7rem)}.studio-status{margin-top:1.5rem}.studio-layout{display:flex;flex-direction:column}.agent-directory,.agent-console{width:100%}.agent-console{position:static;order:-1;box-sizing:border-box;margin-bottom:1.5rem;scroll-margin-top:90px}.agent-cards{grid-template-columns:1fr 1fr;gap:.65rem}.agent-card{padding:1rem}.agent-card-name{font-size:.92rem}.agent-card-summary{font-size:.72rem}.agent-card-bottom{font-size:.5rem}.studio-bottom{padding-top:4rem;padding-bottom:4rem}}