.instance-hub{display:grid;gap:1rem;padding:.4rem 0 1rem}
.hub-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.5rem .1rem}
.hub-heading h1{margin:.1rem 0 .45rem;font-size:clamp(2.2rem,11vw,4rem);line-height:1;letter-spacing:-.05em}
.hub-heading p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.45}
.hub-heading .quiet{min-height:auto;padding:.55rem;color:var(--teal-dark);white-space:nowrap}
.new-instance-card,.saved-instances{padding:1.1rem;border:1px solid var(--line);border-radius:1.25rem;background:#fffffff5;box-shadow:0 10px 30px #15324a0c}
.new-instance-card{display:grid;gap:.55rem;background:linear-gradient(145deg,#102746,#183e55);color:#fff}
.new-instance-card label{font-size:1.18rem;font-weight:850}
.new-instance-card p{margin:0;color:#cbdce3;font-size:.82rem;line-height:1.45}
.instance-create-row{display:grid;gap:.65rem;margin-top:.45rem}
.instance-create-row input{width:100%;min-height:3.25rem;border:1px solid #91bbb9;border-radius:.95rem;padding:.8rem 1rem;background:#fff;color:var(--navy);outline:none}
.instance-create-row input:focus{border-color:#55c9bf;box-shadow:0 0 0 3px #55c9bf30}
.instance-create-row .primary{background:#6de1d7;color:#103745}
.saved-instances h2{margin:.1rem 0;font-size:1.45rem}
.instance-list{display:grid;gap:.7rem;margin-top:1rem}
.instance-card{width:100%;display:grid;gap:.28rem;padding:1rem;text-align:left;border:1px solid var(--line);border-radius:1rem;background:#fff;color:var(--navy);cursor:pointer;box-shadow:0 5px 18px #15324a0a}
.instance-card:active{transform:translateY(1px)}
.instance-card strong{font-size:1.05rem}
.instance-card span{color:var(--muted);font-size:.76rem}
.instance-card small{color:var(--teal-dark);font-size:.75rem;font-weight:750}
.saved-instances>.empty{margin:1rem 0 0;padding:1rem;border-radius:.9rem;background:#f3f7f7}
@media(min-width:620px){.instance-create-row{grid-template-columns:minmax(0,1fr) auto}.instance-create-row .primary{white-space:nowrap}.hub-heading{align-items:center}}