.x52vFq_player{gap:1rem;display:grid}.x52vFq_header{margin-top:.5rem}.x52vFq_heading{margin:0 0 .5rem;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:2.25rem;font-weight:400}.x52vFq_intro{max-width:44rem;color:var(--muted);margin:0}.x52vFq_intro code{color:var(--text)}.x52vFq_drop{border:2px dashed var(--border);background:var(--surface);text-align:center;cursor:pointer;border-radius:.75rem;place-items:center;min-height:7rem;padding:1rem;display:grid;position:relative}.x52vFq_drop:hover,.x52vFq_drop:focus-within,.x52vFq_dropActive{border-color:var(--accent);background:var(--accent-soft)}.x52vFq_fileInput{opacity:0;cursor:pointer;position:absolute;inset:0}.x52vFq_dropText{color:var(--accent);overflow-wrap:anywhere}.x52vFq_error{color:#9b1c1c;background:#fdecec;border-radius:.5rem;margin:0;padding:.75rem 1rem}.x52vFq_controls{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.x52vFq_controls button,.x52vFq_frames button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:.5rem;min-width:2.75rem;min-height:2.75rem;padding:0 .9rem}.x52vFq_controls button:hover,.x52vFq_frames button:hover{border-color:var(--accent)}.x52vFq_controls .x52vFq_primary{border-color:var(--accent);background:var(--accent);color:#fff;min-width:5.5rem}.x52vFq_field{color:var(--muted);gap:.2rem;font-size:.85rem;display:grid}.x52vFq_field input,.x52vFq_field select{border:1px solid var(--border);background:var(--bg);border-radius:.5rem;min-height:2.75rem;padding:0 .6rem}.x52vFq_field input{width:5rem}.x52vFq_check{align-items:center;gap:.4rem;min-height:2.75rem;display:flex}.x52vFq_stage{border:1px solid var(--border);background:var(--stage);border-radius:.75rem;max-height:75vh;overflow:auto}.x52vFq_stageFit{max-height:none}.x52vFq_canvas{image-rendering:pixelated;display:block}.x52vFq_stageFit .x52vFq_canvas{width:100%;height:auto}.x52vFq_frames{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.x52vFq_frames .x52vFq_frameOn{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.x52vFq_meta{color:var(--muted);margin:0;font-size:.9rem}.x52vFq_sheetBox{position:relative}.x52vFq_stageFit .x52vFq_sheetBox{width:100%}.x52vFq_sheetBox .x52vFq_canvas{width:100%;height:100%}.x52vFq_stageFit .x52vFq_sheetBox .x52vFq_canvas{height:auto}.x52vFq_overlay{pointer-events:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.x52vFq_overlayEditing{pointer-events:auto}.x52vFq_box{fill:#0000;stroke:var(--accent);stroke-width:1.5px}.x52vFq_overlayEditing .x52vFq_box{cursor:move;fill:color-mix(in srgb, var(--accent) 6%, transparent)}.x52vFq_boxOn{stroke-width:3px;fill:color-mix(in srgb, var(--accent) 12%, transparent)}.x52vFq_handle{stroke:var(--accent);stroke-width:14px;stroke-linecap:square;cursor:nwse-resize}.x52vFq_handle[data-corner=ne],.x52vFq_handle[data-corner=sw]{cursor:nesw-resize}.x52vFq_cells{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.x52vFq_cell{border:1px solid var(--border);background:var(--stage);cursor:pointer;border-radius:.75rem;place-items:center;width:100%;min-height:6rem;padding:.5rem;display:grid;position:relative;overflow:auto}.x52vFq_cell:hover{border-color:var(--accent)}.x52vFq_cellOn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.x52vFq_cellFit{object-fit:contain;width:100%;height:10rem}.x52vFq_cellLabel{color:var(--muted);font-size:.8rem;position:absolute;top:.35rem;left:.5rem}