.crosshair-demo_demoStage__sj3Ti{position:relative;min-height:470px}.crosshair-demo_mainControl__xqMfe{position:absolute;top:-16px;right:-16px;width:272px;z-index:10}.crosshair-demo_mainControl__xqMfe .crosshair-demo_panel__5RQTh{display:flex;flex-direction:column;max-height:470px}.crosshair-demo_mainControl__xqMfe .crosshair-demo_footer__xpTvY,.crosshair-demo_mainControl__xqMfe .crosshair-demo_header__Hw964{flex-shrink:0}.crosshair-demo_mainControl__xqMfe .crosshair-demo_body__aVzQg{min-height:0;overflow-y:auto}.crosshair-demo_floatingWindow__DhxUP,.crosshair-demo_panel__5RQTh{color:#f4f4f5;background:#161618;border:1px solid #2e2e34;text-align:left;color-scheme:dark}.crosshair-demo_panel__5RQTh{width:100%;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0005}.crosshair-demo_header__Hw964{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1f1f23;border-bottom:1px solid #2e2e34}.crosshair-demo_lights__K_aqV{display:flex;gap:7px}.crosshair-demo_lights__K_aqV i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.crosshair-demo_lights__K_aqV i:nth-child(2){background:#febc2e}.crosshair-demo_lights__K_aqV i:nth-child(3){background:#28c840}.crosshair-demo_body__aVzQg{padding:16px;display:grid;gap:16px}.crosshair-demo_styles__b_a9t{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:210px;overflow-y:auto;padding:3px}.crosshair-demo_tile___3vAi{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid #36363e;border-radius:10px;background:#212125;color:#ceced3}.crosshair-demo_tile___3vAi[aria-pressed=true]{border-color:#0f6;box-shadow:inset 0 0 0 1px #0f6;color:#0f6;background:#193024}.crosshair-demo_tile___3vAi:hover{background:#2b2b31}.crosshair-demo_actionRow__a1_Bo{display:flex;justify-content:flex-end;margin-top:8px}.crosshair-demo_button__jCtxD{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3c3c46;background:#25252b;border-radius:8px;padding:7px 10px;color:#e4e4e7;font-size:13px;line-height:1.4}.crosshair-demo_button__jCtxD:hover{background:#323239}.crosshair-demo_button__jCtxD:disabled{opacity:.4;cursor:not-allowed}.crosshair-demo_primary__fvDZa{background:#00ef68;color:#08140c;border-color:#00ef68;font-weight:600}.crosshair-demo_primary__fvDZa:hover{background:#40ff91}.crosshair-demo_label__9sMnA{font-size:14px;font-weight:600;color:#f4f4f5}.crosshair-demo_muted__XvS6p{color:#a1a1aa;font-size:12px;line-height:1.6}.crosshair-demo_range__rEnoQ{width:100%;height:24px;accent-color:#0f6;cursor:pointer}.crosshair-demo_colors__i_Nz3{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:4px;margin-top:10px;max-height:136px;overflow-y:auto}.crosshair-demo_swatch__9odQv{width:100%;aspect-ratio:1;border:1px solid #666;border-radius:6px}.crosshair-demo_swatch__9odQv[aria-pressed=true]{outline:2px solid #0f6;outline-offset:3px}.crosshair-demo_footer__xpTvY{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #2e2e34;background:#1f1f23;padding:12px 16px;font-size:12px}.crosshair-demo_footer__xpTvY input{accent-color:#0f6;width:17px;height:17px}.crosshair-demo_floatingWindow__DhxUP{position:fixed;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);display:flex;flex-direction:column;border-radius:12px;box-shadow:0 24px 80px #0008,0 4px 16px #0006;overflow:hidden}.crosshair-demo_windowHeader__zTC_9{display:flex;align-items:center;flex-shrink:0;background:#1f1f23;border-bottom:1px solid #34343b}.crosshair-demo_windowHandle__Aaptj{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:12px 10px;font-size:12px;font-weight:600;text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crosshair-demo_windowHandle__Aaptj:active{cursor:grabbing}.crosshair-demo_windowHandle__Aaptj svg{color:#71717a;flex-shrink:0}.crosshair-demo_windowClose__sLaEh{display:grid;place-items:center;width:32px;height:32px;margin-right:8px;border:1px solid #3c3c46;border-radius:6px;background:#25252b}.crosshair-demo_windowClose__sLaEh:hover{background:#493036}.crosshair-demo_windowContent__arrfK{overflow:hidden}.crosshair-demo_editorFrame__HslJZ,.crosshair-demo_windowContent__arrfK{display:flex;flex-direction:column;min-height:0}.crosshair-demo_editorBody__0Pqyx{padding:12px;display:grid;gap:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.crosshair-demo_pixelEditorColumns__p9Jp4{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.crosshair-demo_pixelPreview__vro61{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:1px solid #36363e;border-radius:8px;background:#101012}.crosshair-demo_dialogFooter__BvY7V{display:flex;justify-content:flex-end;flex-shrink:0;padding:12px;border-top:1px solid #34343b;background:#161618;gap:8px}.crosshair-demo_shade__00Mqs{height:112px;border:1px solid #777;position:relative;touch-action:none;cursor:crosshair}.crosshair-demo_shadeCursor__lAP_Y{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #333;transform:translate(-50%,-50%);pointer-events:none}.crosshair-demo_input__Y4i47{background:#25252b;color:#fff;border:1px solid #3c3c46;border-radius:6px;padding:9px 12px;width:100%;font-size:13px}.crosshair-demo_grid__1Y3dd{width:100%;aspect-ratio:1;display:grid;grid-template-rows:repeat(16,minmax(0,1fr));border-top:1px solid #45454f;border-left:1px solid #45454f;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crosshair-demo_pixelRow__2ULTN{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));min-height:0}.crosshair-demo_pixel__9e755{min-width:0;min-height:0;border-right:1px solid #45454f;border-bottom:1px solid #45454f;background:#202026;padding:0}.crosshair-demo_pixel__9e755:nth-child(8){border-right-color:#00ac55}.crosshair-demo_pixelRow__2ULTN:nth-child(8) .crosshair-demo_pixel__9e755{border-bottom-color:#00ac55}.crosshair-demo_pixel__9e755:focus-visible{position:relative;z-index:1;outline:2px solid #fff;outline-offset:-2px}.crosshair-demo_toolbar__DWs5x{display:flex;flex-wrap:wrap;gap:7px}.crosshair-demo_toolbar__DWs5x [aria-pressed=true]{border-color:#0f6;background:#193024}.crosshair-demo_floatingWindow__DhxUP button:focus-visible,.crosshair-demo_floatingWindow__DhxUP input:focus-visible,.crosshair-demo_panel__5RQTh button:focus-visible,.crosshair-demo_panel__5RQTh input:focus-visible{outline:2px solid #0f6;outline-offset:3px}.crosshair-demo_windowHandle__Aaptj:focus-visible{outline-offset:-4px!important}@media (max-width:639px){.crosshair-demo_demoStage__sj3Ti{display:flex;flex-direction:column;min-height:0}.crosshair-demo_mainControl__xqMfe{position:relative;top:0;right:0;margin-left:auto;margin-bottom:-12px;order:-1}}.crosshair-demo_editorBody__0Pqyx .crosshair-demo_muted__XvS6p{font-size:11px;line-height:1.45}.crosshair-demo_editorFrame__HslJZ .crosshair-demo_button__jCtxD{font-size:11px;padding:6px 8px;gap:5px}.crosshair-demo_editorBody__0Pqyx .crosshair-demo_toolbar__DWs5x{gap:4px}.crosshair-demo_editorBody__0Pqyx .crosshair-demo_grid__1Y3dd{max-width:176px;margin-inline:auto}.crosshair-demo_editorBody__0Pqyx .crosshair-demo_range__rEnoQ{height:18px}.crosshair-demo_editorBody__0Pqyx .crosshair-demo_input__Y4i47{padding:6px 8px;font-size:12px}.crosshair-demo_editorBody__0Pqyx .crosshair-demo_swatch__9odQv{height:24px;aspect-ratio:auto}.crosshair-demo_pixelPreviewRow___QiAG{display:flex;align-items:center;gap:12px}.crosshair-demo_pixelPreviewRow___QiAG .crosshair-demo_pixelPreview__vro61{width:68px;flex-shrink:0}.crosshair-demo_editorFrame__HslJZ .crosshair-demo_dialogFooter__BvY7V>button{flex:1}