.gb-ap .gb-container{gap:var(--gb-space-12)}.gb-ap .gb-container,.gb-ap__copy{display:flex;flex-direction:column}.gb-ap__copy{gap:var(--gb-space-6);max-width:62rem}.gb-ap__copy p{margin:0}.gb-ap__breadcrumb{align-items:center;display:flex;gap:10px}.gb-ap__panel{background:var(--gb-black);border:1px solid var(--gb-dark-hairline);border-radius:var(--gb-radius-md);color:var(--gb-white);overflow:hidden}.gb-ap__chrome{align-items:center;border-bottom:1px solid var(--gb-dark-hairline);display:flex;flex-wrap:wrap;gap:22px;padding-inline:var(--gb-space-5)}.gb-ap__chrome-context,.gb-ap__chrome-menu,.gb-ap__chrome-title{padding-block:var(--gb-space-3)}.gb-ap__chrome-title{color:var(--gb-white)}.gb-ap__chrome-context,.gb-ap__chrome-menu{color:var(--gb-black-40)}.gb-ap__chrome-context{margin-left:auto}.gb-ap__pane{gap:var(--gb-space-3);padding:18px;position:relative}.gb-ap__pane-count{color:var(--gb-black-60);margin-left:auto}.gb-ide__pane-heading{align-items:center;display:flex;gap:10px}.gb-ap__file{color:var(--gb-white);margin:0}.gb-ap__file--inactive{color:var(--gb-black-40)}.gb-ap__pane-tabs{color:var(--gb-black-60);display:flex;gap:var(--gb-space-4);margin:0}.gb-ap__pane-tab--active{border-bottom:2px solid var(--gb-green);color:var(--gb-white);padding-bottom:4px}.gb-ap__status{border-top:1px solid var(--gb-dark-hairline);color:var(--gb-black-60);display:flex;flex-wrap:wrap;gap:var(--gb-space-6);padding:10px var(--gb-space-5)}.gb-ap__status--right{margin-left:auto}.gb-ap__legend{display:grid;gap:var(--gb-space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gb-ap__legend-item{display:flex;font-size:.9375rem;gap:var(--gb-space-3);line-height:1.5;margin:0}.gb-ap__legend-term{font-weight:var(--gb-weight-medium)}.gb-on-dark .gb-ap__legend-term{color:var(--gb-white)}@media (max-width:1100px){.gb-ap .gb-ide__panes{grid-template-columns:minmax(0,1fr)}.gb-ap .gb-ide__pane--explorer,.gb-ap .gb-ide__pane--inspector{border-left:0;border-right:0;border-top:1px solid var(--gb-dark-hairline)}.gb-ap .gb-ide__pane--canvas{border-top:1px solid var(--gb-dark-hairline)}.gb-ap .gb-disc--canvas,.gb-ap .gb-disc--pin-left,.gb-ap .gb-disc--pin-right{display:none}}@media (max-width:767px){.gb-ap .gb-ide__pane--canvas{min-height:340px}}