._playground_1qo7i_11{margin-top:22px}._field_1qo7i_15{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}._fieldLabel_1qo7i_23{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);flex:none}._input_1qo7i_32{flex:1;min-width:0;font-family:var(--font-mono);font-size:19px;color:var(--text);background:none;border:0;padding:2px 0}._input_1qo7i_32::placeholder{color:var(--text-dimmer)}._input_1qo7i_32:focus{outline:none}._field_1qo7i_15:focus-within{border-bottom-color:var(--accent)}._grid_1qo7i_57{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start;margin-top:20px}._output_1qo7i_65{margin:0;display:flex;flex-direction:column;gap:10px;align-items:center}._output_1qo7i_65 img{display:block;width:190px;height:190px;border-radius:var(--radius-lg);border:1px solid var(--border)}._output_1qo7i_65 figcaption{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);overflow-wrap:anywhere;text-align:center}._code_1qo7i_89{min-width:0}._code_1qo7i_89>:first-child{margin-top:0}._note_1qo7i_99{margin:14px 0 0;font-size:14px;line-height:1.65;color:var(--text-dim)}._note_1qo7i_99 code{font-family:var(--font-mono);font-size:.92em;color:var(--text)}@media(max-width:700px){._grid_1qo7i_57{grid-template-columns:minmax(0,1fr);gap:20px}._output_1qo7i_65{align-items:flex-start}._output_1qo7i_65 img{width:150px;height:150px}._output_1qo7i_65 figcaption{text-align:left}}