.DmHLtG_modal[open]{justify-content:center;align-items:center;padding:16px;display:flex}.DmHLtG_shell{color:#172b27;background:#f6f4ee;border:1px solid #c8d3cc;width:min(1100px,100%);max-height:calc(100dvh - 32px);font-family:inherit;overflow:auto;box-shadow:0 18px 60px #0000003d}.DmHLtG_header{justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.DmHLtG_header h2{letter-spacing:-.025em;margin:0 0 7px;font-size:24px;font-weight:600;line-height:1.2}.DmHLtG_header p{color:#53645d;max-width:58ch;margin:0;font-size:13px;line-height:1.5}.DmHLtG_header button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #c8d3cc;flex-shrink:0;font-size:24px}.DmHLtG_content{grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:0 24px 22px;display:grid}.DmHLtG_screen{isolation:isolate;background:#122521;border:1px solid #78958b;height:430px;position:relative;overflow:clip}.DmHLtG_canvas{pointer-events:none;position:absolute;inset:0}.DmHLtG_canvas canvas{display:block}.DmHLtG_screenLabel{pointer-events:none;color:#a8c9bc;font-size:11px;position:absolute;top:10px;left:12px}.DmHLtG_dock{width:150px;height:168px;position:absolute;bottom:12px;right:12px}.DmHLtG_target{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:150px;height:168px;padding:0;display:block;position:relative}.DmHLtG_target:active{cursor:grabbing}.DmHLtG_screen .DmHLtG_art{pointer-events:none;width:100%;height:100%;display:block}.DmHLtG_target:focus-visible{outline-offset:-2px;outline:2px dashed #91f1d6}.DmHLtG_loading{text-align:center;color:#d8f3e7;margin:0;font-size:14px;position:absolute;top:45%;left:20px;right:20px}.DmHLtG_hint{color:#5b6c64;margin:10px 0 0;font-size:11px;line-height:1.5}.DmHLtG_controls fieldset{border:0;margin:0 0 24px;padding:0}.DmHLtG_controls legend{margin-bottom:10px;font-size:13px;font-weight:600}.DmHLtG_edges{grid-template-columns:1fr 1fr;gap:7px;display:grid}.DmHLtG_edges button,.DmHLtG_secondary button{color:#172b27;cursor:pointer;background:0 0;border:1px solid #b6c5bc;min-height:44px;padding:8px 12px;font-size:13px}.DmHLtG_edges button[aria-pressed=true]{color:#effff6;background:#123e34;border-color:#123e34}.DmHLtG_rangeLabel{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.DmHLtG_angleLabel{justify-content:space-between;gap:12px;margin:18px 0 6px;font-size:13px;font-weight:600;display:flex}.DmHLtG_angleHelp{color:#53645d;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.DmHLtG_angleHelp button{color:#172b27;cursor:pointer;background:0 0;border:1px solid #b6c5bc;min-height:32px;padding:5px 10px}.DmHLtG_controls input[type=range]{accent-color:#007e70;cursor:pointer;width:100%;height:44px}.DmHLtG_rangeEnds{color:#5b6c64;justify-content:space-between;font-size:11px;display:flex}.DmHLtG_note{color:#53645d;margin:18px 0;font-size:12px;line-height:1.6}.DmHLtG_saved{color:#53645d;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;font-size:11px;display:grid}.DmHLtG_saved span{justify-content:space-between;gap:7px;display:flex}.DmHLtG_saved b{color:#172b27;font-weight:600}.DmHLtG_apply{color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#007e70;border:0;padding:10px 15px;font-size:13px;font-weight:600}.DmHLtG_apply:disabled{opacity:.45;cursor:default}.DmHLtG_secondary{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.DmHLtG_error{color:#9b2d19;font-size:12px;line-height:1.5}.DmHLtG_shell button:focus-visible,.DmHLtG_shell input:focus-visible{outline-offset:3px;outline:3px solid #008f7b}@media (max-width:720px){.DmHLtG_content{grid-template-columns:1fr;gap:14px;padding:0 16px 18px}.DmHLtG_header{padding:16px}.DmHLtG_header h2{font-size:20px}.DmHLtG_screen{height:300px}.DmHLtG_dock,.DmHLtG_target{width:120px;height:132px}.DmHLtG_controls fieldset{margin-bottom:14px}.DmHLtG_edges{grid-template-columns:repeat(4,1fr)}.DmHLtG_edges button{padding:8px 5px;font-size:12px}.DmHLtG_saved{grid-template-columns:repeat(4,1fr)}.DmHLtG_saved span,.DmHLtG_saved b{display:block}.DmHLtG_note{margin:12px 0}.DmHLtG_header p{font-size:12px}}@media (max-height:500px) and (min-width:721px){.DmHLtG_screen{height:300px}.DmHLtG_header{padding-top:12px;padding-bottom:12px}}