.gw-hero{padding-bottom:var(--space-6)}.gw-sec{padding-top:0}.gw-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr);grid-template-areas:"settings""preview""code""howto";align-items:start;display:grid}.gw-settings{gap:var(--space-6);grid-area:settings}.gw-preview{grid-area:preview}.gw-code{gap:var(--space-3);grid-area:code;min-width:0;display:grid}.gw-howto{gap:var(--space-4);grid-area:howto;min-width:0;display:grid}.gw-settings .input select{min-height:var(--size-field);overflow-wrap:anywhere;white-space:normal}.gw-settings .chip{white-space:normal;text-align:start}.gw-h{font:var(--type-title-sm-weight) var(--type-title-sm-size)/var(--type-title-sm-line) var(--font-text)}.gw-h2{font:var(--type-headline-weight) var(--type-headline-size)/var(--type-headline-line) var(--font-text)}.gw-ph{gap:var(--space-1);display:grid}.gw-frame{min-width:0;overflow:hidden}.gw-frame iframe{border-radius:var(--radius-lg);border:0;max-width:100%;display:block}.gw-dims{font:var(--type-caption-weight) var(--type-caption-size)/var(--type-caption-line) var(--font-text);color:var(--color-text-muted)}.gw-pempty p{color:var(--color-text-muted)}.gw-pempty .pi{width:var(--size-lead);height:var(--size-lead);background:var(--color-surface-sunken);color:var(--color-text-muted);border-radius:50%;place-items:center;display:grid}.gw-box{width:100%;min-height:calc(var(--type-code-line) * 4 + var(--space-4) * 2);resize:vertical;field-sizing:content;border:var(--border-hairline) solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-sunken);color:var(--color-text);overflow-wrap:anywhere;white-space:pre-wrap;font:var(--type-code-weight) var(--type-code-size)/var(--type-code-line) var(--font-mono);letter-spacing:normal;overflow-x:hidden}.gw-box[data-empty=true]{color:var(--color-text-muted);font-family:var(--font-text)}.gw-copy{width:100%}.gw-copy:disabled{opacity:.4;cursor:not-allowed}.gw-lbls{display:inline-grid}.gw-lbls>span{justify-content:center;align-items:center;gap:var(--space-2);grid-area:1/1;display:inline-flex}.gw-lbls>.off{visibility:hidden}.gw-fail{gap:var(--space-2);color:var(--color-text);align-items:flex-start;display:flex}.gw-fail .ic{flex:none}.gw-steps{padding-left:var(--space-6);gap:var(--space-2);font:var(--type-body-lg-weight) var(--type-body-lg-size)/var(--type-body-lg-line) var(--font-text);margin:0;display:grid}.gw-facts{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.gw-facts li{gap:var(--space-3);align-items:flex-start;display:flex}.gw-facts .ic{color:var(--color-primary)}.gw-card{margin-top:var(--space-8);max-width:var(--layout-reading-max)}.gw-card .btn{justify-self:start}@container site (min-width:1024px){.gw-grid{column-gap:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"settings preview""code preview""howto preview"}.gw-preview{top:var(--space-6);grid-row:1/span 3;position:sticky}.gw-copy{justify-self:start;width:auto}}