.Playground_shell__UBlyD{--pg-bg:var(--code-bg,#1a1410);--pg-ink:var(--code-fg,#e8dec9);--pg-line:var(--code-rule,hsla(41,40%,85%,.18));--pg-muted:#9a8a70;--pg-panel:#211911;--pg-accent:var(--dye,#a76b1c);--pg-err:#e0886a;width:100%}.dark .Playground_shell__UBlyD{--pg-muted:#5a4a30;--pg-panel:#ece3d0;--pg-err:#9a2a18}.Playground_grid__WXTmK{display:grid;grid-template-columns:1fr 1fr;gap:16px}.Playground_imagePanel__z1CbU{margin-top:16px;border:1px solid var(--pg-line);border-radius:8px;background:var(--pg-bg);color:var(--pg-ink);overflow:hidden}.Playground_imageHead__8vBR_{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px;background:var(--pg-panel);border-bottom:1px solid var(--pg-line)}.Playground_imageHead__8vBR_ p{max-width:72ch;margin:6px 0 0;color:var(--pg-muted);font-size:13px;line-height:1.55}.Playground_imageActions__GmXhi{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.Playground_imageButton__Ae8F1,.Playground_imagePrimary__qeDou{border:1px solid var(--pg-line);border-radius:6px;padding:7px 11px;color:var(--pg-ink);background:var(--pg-bg);font-size:12px;font-weight:600;cursor:pointer}.Playground_imagePrimary__qeDou{border-color:#d6a85e;color:#1a1410;background:#d6a85e}.Playground_imageButton__Ae8F1:hover:not(:disabled){border-color:var(--pg-ink)}.Playground_imagePrimary__qeDou:hover:not(:disabled){background:#e7bf7b}.Playground_imageButton__Ae8F1:disabled,.Playground_imagePrimary__qeDou:disabled{opacity:.45;cursor:not-allowed}.Playground_fileInput__jkoZG{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.Playground_imageWorkspace__OklSW{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;padding:14px}.Playground_imagePreview__P3coR{min-width:0}.Playground_imagePreview__P3coR img{display:block;width:100%;max-height:560px;-o-object-fit:contain;object-fit:contain;border:1px solid var(--pg-line);background:#fff}.Playground_pageControls__UFbm2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.Playground_pageControls__UFbm2 span{color:var(--pg-muted);font-family:var(--font-mono,ui-monospace,monospace);font-size:12px}.Playground_imageDetails__Vpd0X{display:flex;flex-direction:column;gap:14px}.Playground_imageDetails__Vpd0X dl{display:grid;gap:10px;margin:0}.Playground_imageDetails__Vpd0X dl div{min-width:0;padding-bottom:10px;border-bottom:1px solid var(--pg-line)}.Playground_imageDetails__Vpd0X dt{color:var(--pg-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.Playground_imageDetails__Vpd0X dd{margin:4px 0 0;overflow-wrap:anywhere;font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;line-height:1.45}.Playground_imageMessage__Sof8f{min-height:20px;margin:0;padding:0 14px 12px;color:var(--pg-muted);font-family:var(--font-mono,ui-monospace,monospace);font-size:12px}.Playground_imageMessageError__P27qp{color:var(--pg-err)}@media (max-width:820px){.Playground_grid__WXTmK{grid-template-columns:1fr}.Playground_imageHead__8vBR_{flex-direction:column}.Playground_imageWorkspace__OklSW{grid-template-columns:1fr}.Playground_imageActions__GmXhi{width:100%}.Playground_imageActions__GmXhi button{flex:1 1 auto}.Playground_pageControls__UFbm2{flex-wrap:wrap}}.Playground_pane__G652P{border:1px solid var(--pg-line);border-radius:8px;background:var(--pg-bg);display:flex;flex-direction:column;min-height:0}.Playground_paneHead__7T73U{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--pg-line);background:var(--pg-panel);border-radius:8px 8px 0 0}.Playground_diagHead__Hi8Lp{border-top:1px solid var(--pg-line);border-radius:0}.Playground_label__X396A{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pg-muted)}.Playground_run__AO_ez{font-size:12.5px;font-weight:600;color:#1a1410;background:#d6a85e;border:0;border-radius:6px;padding:6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .15s ease,transform 80ms ease}.Playground_run__AO_ez:hover:not(:disabled){background:#e7bf7b}.Playground_run__AO_ez:active:not(:disabled){transform:translateY(1px)}.Playground_run__AO_ez:disabled{opacity:.5;cursor:progress}.Playground_run__AO_ez kbd{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;font-weight:500;color:inherit;opacity:.55}.Playground_editor__hNoBA{position:relative}.Playground_highlight__GrRSy,.Playground_src__jHh4N{font-family:var(--font-mono,ui-monospace,monospace);font-size:13px;line-height:1.6;-moz-tab-size:2;-o-tab-size:2;tab-size:2;letter-spacing:0;padding:14px;margin:0;border:0;width:100%;min-height:320px;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.Playground_highlight__GrRSy{position:absolute;inset:0;overflow:auto;pointer-events:none;color:var(--pg-ink);background:var(--pg-bg)}.Playground_src__jHh4N{position:relative;display:block;resize:vertical;outline:none;overflow:auto;color:transparent;background:transparent;caret-color:var(--pg-ink)}.Playground_tCmt__Oikl_{color:#7a6a55;font-style:italic}.Playground_tKw__IUzvV{color:#d6a85e}.Playground_tFn__CkMXa{color:#e6d39a;font-style:italic}.Playground_tChr__VQYJO,.Playground_tStr__oOn8E{color:#b8c79a}.Playground_tBool__3lLTl,.Playground_tNum___wZ7R{color:#c89554}.Playground_tPunc__jzbdn{color:#9a8a70}.dark .Playground_tCmt__Oikl_{color:#8a7d6a}.dark .Playground_tKw__IUzvV{color:#8a5a1a}.dark .Playground_tFn__CkMXa{color:#3a2a14}.dark .Playground_tChr__VQYJO,.dark .Playground_tStr__oOn8E{color:#4a5a2a}.dark .Playground_tBool__3lLTl,.dark .Playground_tNum___wZ7R{color:#8a5a1a}.dark .Playground_tPunc__jzbdn{color:#5a4a30}.Playground_examples__a19dm{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 12px;border-top:1px solid var(--pg-line);background:var(--pg-panel);border-radius:0 0 8px 8px}.Playground_ex__x1rfI{font-size:12px;color:var(--pg-ink);background:var(--pg-bg);border:1px solid var(--pg-line);border-radius:999px;padding:4px 11px;cursor:pointer}.Playground_ex__x1rfI:hover{border-color:var(--pg-ink)}.Playground_clear___Aa1X{margin-left:auto;font-size:12px;color:var(--pg-muted);background:transparent;border:1px solid var(--pg-line);border-radius:999px;padding:4px 11px;cursor:pointer}.Playground_clear___Aa1X:hover{color:var(--pg-ink);border-color:var(--pg-ink)}.Playground_outPane__JTzUU{min-height:0}.Playground_diagnostics__JBMgA,.Playground_output__XbCH1{font-family:var(--font-mono,ui-monospace,monospace);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;min-height:200px;overflow:auto;color:var(--pg-ink)}.Playground_diagnostics__JBMgA{min-height:90px;color:var(--pg-err);border-radius:0 0 8px 8px}.Playground_diagnostics__JBMgA:empty:before,.Playground_output__XbCH1:empty:before{content:attr(data-empty);color:var(--pg-muted)}.Playground_status__eBlQm{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;color:var(--pg-muted)}.Playground_status__eBlQm.Playground_ok__tK5t5{color:#8fb56a}.dark .Playground_status__eBlQm.Playground_ok__tK5t5{color:#1f6b1f}.Playground_status__eBlQm.Playground_err__8S9N8{color:var(--pg-err)}.Playground_backNav__KQdq0{margin:0 0 16px}.Playground_back__Y4cCH{display:inline-block;font-size:13px;color:var(--ink-2,#6b6b6b);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.Playground_back__Y4cCH:hover{color:var(--ink-1,#1a1410);text-decoration:underline}