.page-module___8aEwW__container{flex-direction:row;gap:1.5rem;height:100vh;padding:1rem;display:flex;overflow:hidden}.page-module___8aEwW__fieldWrapper{aspect-ratio:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:visible}.page-module___8aEwW__fieldContainer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.page-module___8aEwW__fieldImage{object-fit:fill;border-radius:var(--border-radius);pointer-events:none;-webkit-user-select:none;user-select:none;border:3px solid #ffffff4d;width:100%;height:100%;position:absolute;top:0;left:0}.page-module___8aEwW__svgOverlay{z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;top:-10px;left:-10px;overflow:visible}.page-module___8aEwW__sidebar{background-color:var(--surface);border-radius:var(--border-radius);border:1px solid var(--border);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.page-module___8aEwW__sidebarColumn{flex-direction:column;flex:1;gap:.75rem;min-width:320px;min-height:0;display:flex}.page-module___8aEwW__sidebarHeader{border-bottom:1px solid var(--border);padding:1.25rem 1.25rem .75rem}.page-module___8aEwW__sidebarTitle{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.page-module___8aEwW__sidebarTitleRow{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page-module___8aEwW__importExportActions{align-items:center;gap:.375rem;margin-left:auto;display:flex}.page-module___8aEwW__secondaryIconButton{background:var(--background);border:1px solid var(--border);width:2rem;height:2rem;color:var(--text-primary);transition:var(--transition);border-radius:4px;justify-content:center;align-items:center;display:flex}.page-module___8aEwW__secondaryIconButton:hover{border-color:var(--primary);color:var(--primary)}.page-module___8aEwW__activeIconButton{border-color:var(--primary);color:var(--primary);background:#3b82f61f}.page-module___8aEwW__secondaryIconButton:disabled,.page-module___8aEwW__secondaryIconButton[aria-disabled=true]{cursor:default;opacity:.4}.page-module___8aEwW__secondaryIconButton:disabled:hover,.page-module___8aEwW__secondaryIconButton[aria-disabled=true]:hover{border-color:var(--border);color:var(--text-primary)}.page-module___8aEwW__hiddenFileInput{display:none}.page-module___8aEwW__pointsList{flex-direction:column;flex:1;gap:1rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.page-module___8aEwW__pointCardDragWrapper{border-radius:var(--border-radius)}.page-module___8aEwW__pointCardDraggable{cursor:grab}.page-module___8aEwW__pointCardDraggable:active{cursor:grabbing}.page-module___8aEwW__pointCardDropTarget{outline:2px dashed var(--primary);outline-offset:2px}.page-module___8aEwW__pointCardDragging{opacity:.65}.page-module___8aEwW__pointCard{border:2px solid color-mix(in srgb, var(--point-color,var(--primary)) 55%, transparent);border-radius:var(--border-radius);transition:var(--transition);background-color:#262626;padding:1rem}.page-module___8aEwW__actionCard{border-color:#f973168c}.page-module___8aEwW__pointCard:hover,.page-module___8aEwW__pointCard.page-module___8aEwW__active{background-color:var(--surface-hover);box-shadow:0 2px 4px #0003}.page-module___8aEwW__poseCard{border-radius:var(--border-radius);background-color:#262626;border-left:4px solid #22c55e;padding:1rem}.page-module___8aEwW__constantsCard,.page-module___8aEwW__startPoseListCard{border-left:0;border:1px solid var(--border)}.page-module___8aEwW__poseName{color:var(--text-primary);overflow-wrap:anywhere;font-size:.875rem;font-weight:700}.page-module___8aEwW__poseCoordRow{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.page-module___8aEwW__constantsCoordRow .page-module___8aEwW__inputGroup{flex-basis:6.75rem}.page-module___8aEwW__poseCoord{background:var(--background);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;min-width:5.25rem;padding:.5rem;font-size:.875rem}.page-module___8aEwW__emptyState{color:var(--text-secondary);padding:1rem 0;font-size:.875rem}.page-module___8aEwW__pointCardHeader{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.page-module___8aEwW__pointTitle{min-width:0;color:var(--text-primary);flex:1;font-size:.875rem;font-weight:600}.page-module___8aEwW__pathNameInput{width:16ch;max-width:16ch;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:4px;flex:0 16ch;padding:0;font-size:.875rem;font-weight:600}.page-module___8aEwW__pathNameInput:focus{background:var(--background);border-color:var(--primary);margin-left:-.25rem;padding:.25rem;box-shadow:0 0 0 2px #3b82f633}.page-module___8aEwW__actionNameInput{width:24ch;max-width:24ch;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:4px;flex:0 24ch;padding:0;font-size:.875rem;font-weight:600}.page-module___8aEwW__actionNameInput:focus{background:var(--background);border-color:#f97316;margin-left:-.25rem;padding:.25rem;box-shadow:0 0 0 2px #f9731633}.page-module___8aEwW__cardActions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.page-module___8aEwW__iconButton{color:var(--text-secondary);transition:var(--transition);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.page-module___8aEwW__iconButton:hover{color:var(--text-secondary);background:0 0}.page-module___8aEwW__iconButton:disabled{cursor:default;opacity:.4}.page-module___8aEwW__iconButton:disabled:hover{color:var(--text-secondary);background:0 0}.page-module___8aEwW__visibilityButton:hover{color:var(--primary);background:#3b82f61f}.page-module___8aEwW__visibilityAction{display:flex;position:relative}.page-module___8aEwW__visibilityTooltip{z-index:20;border:1px solid var(--border);width:max-content;max-width:11rem;color:var(--text-primary);opacity:0;pointer-events:none;white-space:nowrap;background:#111827;border-radius:4px;padding:.375rem .5rem;font-size:.75rem;font-weight:500;line-height:1.2;position:absolute;top:calc(100% + .375rem);right:0}.page-module___8aEwW__visibilityAction:hover .page-module___8aEwW__visibilityTooltip{opacity:1}.page-module___8aEwW__hiddenButton{color:var(--primary);background:#3b82f61f}.page-module___8aEwW__hiddenButton:hover{color:var(--primary-hover);background:#3b82f62e}.page-module___8aEwW__deleteArmed:hover{color:var(--danger);background:#ef44441a}.page-module___8aEwW__deleteButton{cursor:default}.page-module___8aEwW__deleteArmed{cursor:pointer}.page-module___8aEwW__deleteAction{display:flex;position:relative}.page-module___8aEwW__deleteTooltip{z-index:20;border:1px solid var(--border);width:max-content;max-width:11rem;color:var(--text-primary);opacity:0;pointer-events:none;white-space:nowrap;background:#111827;border-radius:4px;padding:.375rem .5rem;font-size:.75rem;font-weight:500;line-height:1.2;position:absolute;top:calc(100% + .375rem);right:0}.page-module___8aEwW__deleteAction:hover .page-module___8aEwW__deleteTooltip{opacity:1}.page-module___8aEwW__lockButton:hover,.page-module___8aEwW__lockedButton{color:#facc15;background:#facc151f}.page-module___8aEwW__lockedButton:hover{color:#fde047;background:#facc152e}.page-module___8aEwW__coordRow{flex-wrap:wrap;gap:.75rem;display:flex}.page-module___8aEwW__interpolationRow{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.page-module___8aEwW__inputGroup{flex-direction:column;flex:0 0 5.25rem;display:flex}.page-module___8aEwW__selectGroup{flex-direction:column;flex:0 0 7.25rem;display:flex}.page-module___8aEwW__autonSettingsRow{justify-content:flex-start;margin-bottom:.875rem;padding:1rem 1.25rem 0;display:flex}.page-module___8aEwW__allianceToggleButton{color:#fff;cursor:pointer;text-align:left;min-height:2.25rem;transition:var(--transition);border:1px solid #0000;border-radius:4px;padding:.5rem .875rem;font-family:inherit;font-size:.875rem;font-weight:700}.page-module___8aEwW__blueAllianceButton{background:#2563ebe0;border-color:#93c5fd8c}.page-module___8aEwW__blueAllianceButton:hover{background:#2563eb;border-color:#bfdbfe}.page-module___8aEwW__redAllianceButton{background:#dc2626e0;border-color:#fca5a58c}.page-module___8aEwW__redAllianceButton:hover{background:#dc2626;border-color:#fecaca}.page-module___8aEwW__startPoseSelectGroup{flex-basis:14rem}.page-module___8aEwW__inputLabel{color:var(--text-secondary);-webkit-user-select:none;user-select:none;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.page-module___8aEwW__inputField,.page-module___8aEwW__selectField{background-color:var(--background);border:1px solid var(--border);color:var(--text-primary);transition:var(--transition);border-radius:4px;width:100%;padding:.5rem;font-size:.875rem}.page-module___8aEwW__inputField:focus,.page-module___8aEwW__selectField:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.page-module___8aEwW__controlPointsPanel,.page-module___8aEwW__pathActionsPanel{border-top:1px solid var(--border);margin-top:.875rem;padding-top:.75rem}.page-module___8aEwW__pathActionsHeader{align-items:center;gap:.375rem;width:100%;display:flex}.page-module___8aEwW__pathActionsToggle{color:var(--text-primary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}.page-module___8aEwW__pathActionsToggle:hover{color:#f97316}.page-module___8aEwW__pathActionsBody{flex-direction:column;gap:.625rem;margin-top:.75rem;display:flex}.page-module___8aEwW__pathActionCard{cursor:default;width:100%;transition:var(--transition);background:#262626;border:2px solid #f973168c;border-radius:4px;padding:.625rem}.page-module___8aEwW__pathActionCard input,.page-module___8aEwW__pathActionCard select{cursor:auto}.page-module___8aEwW__pathActionCard:hover{background:var(--surface-hover);box-shadow:0 2px 4px #0003}.page-module___8aEwW__pathActionTitleRow{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex;position:relative}.page-module___8aEwW__pathActionNameInput{color:var(--text-primary);background:0 0;border:0;flex:0 24ch;width:24ch;min-width:0;max-width:24ch;padding:0;font-family:inherit;font-size:.8125rem;font-weight:600}.page-module___8aEwW__pathActionNameInput:focus{color:var(--text-primary)}.page-module___8aEwW__pathActionInputs{flex-wrap:wrap;gap:.625rem;display:flex}.page-module___8aEwW__actionTriggerModeGroup{flex-direction:column;flex:0 0 5.5rem;display:flex}.page-module___8aEwW__actionTriggerTGroup{flex-direction:column;flex:0 0 5.25rem;display:flex}.page-module___8aEwW__clearTriggerButton{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:.125rem .25rem;font-family:inherit;font-size:.75rem;font-weight:600}.page-module___8aEwW__clearTriggerButton:hover{color:var(--danger)}.page-module___8aEwW__addPathActionButton{color:#f97316;transition:var(--transition);align-items:center;gap:.25rem;padding:.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.page-module___8aEwW__addPathActionButton:hover{color:#f97316;background:#f973161a}.page-module___8aEwW__controlPointsHeader{align-items:center;gap:.375rem;width:100%;display:flex}.page-module___8aEwW__controlPointsToggle{color:var(--text-primary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}.page-module___8aEwW__controlPointsToggle:hover{color:#22c55e}.page-module___8aEwW__chevronIcon{color:var(--text-secondary);transition:transform .16s ease-in-out}.page-module___8aEwW__chevronOpen{transform:rotate(180deg)}.page-module___8aEwW__controlPointsBody{flex-direction:column;gap:.625rem;margin-top:.75rem;display:flex}.page-module___8aEwW__addControlPointButton{color:#22c55e;transition:var(--transition);align-items:center;gap:.25rem;padding:.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.page-module___8aEwW__addControlPointButton:hover{color:#22c55e;background:#22c55e1a}.page-module___8aEwW__controlPointCard{width:100%;transition:var(--transition);background:#262626;border:2px solid #22c55e8c;border-radius:4px;padding:.625rem}.page-module___8aEwW__controlPointCard:hover{background:var(--surface-hover);box-shadow:0 2px 4px #0003}.page-module___8aEwW__controlPointTitleRow{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex;position:relative}.page-module___8aEwW__controlPointTitle{color:var(--text-primary);font-size:.8125rem;font-weight:600}.page-module___8aEwW__controlPointInputs{flex-wrap:wrap;gap:.625rem;display:flex}.page-module___8aEwW__sidebarFooter{border-top:1px solid var(--border);gap:.75rem;padding:1.25rem;display:flex}.page-module___8aEwW__addButton{background-color:var(--primary);color:#fff;border-radius:var(--border-radius);width:100%;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:600;display:flex}.page-module___8aEwW__addActionButton{background-color:#f97316}.page-module___8aEwW__addButton.page-module___8aEwW__addActionButton:hover{background-color:#ea580c}.page-module___8aEwW__toggleActionsButton{background-color:#374151}.page-module___8aEwW__addButton.page-module___8aEwW__toggleActionsButton:hover{background-color:#4b5563}.page-module___8aEwW__actionsHiddenButton{background-color:#6b7280}.page-module___8aEwW__addButton.page-module___8aEwW__actionsHiddenButton:hover{background-color:#7c8798}.page-module___8aEwW__addButton:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.page-module___8aEwW__addButton:disabled,.page-module___8aEwW__addButton:disabled:hover,.page-module___8aEwW__addButton[aria-disabled=true],.page-module___8aEwW__addButton[aria-disabled=true]:hover{cursor:default;opacity:.45;transform:none}.page-module___8aEwW__addButton:active{transform:translateY(0)}.page-module___8aEwW__modalBackdrop{z-index:100;-webkit-user-select:none;user-select:none;background:#000000ad;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.page-module___8aEwW__fadeModalBackdrop{opacity:0;transition:opacity .16s ease-out}.page-module___8aEwW__fadeModalOpen{opacity:1}.page-module___8aEwW__fadeModalPanel{transition:transform .16s ease-out;transform:translateY(.25rem)scale(.98)}.page-module___8aEwW__fadeModalOpen .page-module___8aEwW__fadeModalPanel{transform:translateY(0)scale(1)}.page-module___8aEwW__exportModal{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);flex-direction:column;width:min(52rem,100%);max-height:min(44rem,100vh - 2rem);display:flex;overflow:hidden;box-shadow:0 1.5rem 4rem #0000006b}.page-module___8aEwW__fieldImageModal{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);flex-direction:column;width:min(34rem,100%);display:flex;overflow:hidden;box-shadow:0 1.5rem 4rem #0000006b}.page-module___8aEwW__fieldImageModalBody{flex-direction:column;gap:1rem;padding:1rem;display:flex}.page-module___8aEwW__fieldPresetGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.page-module___8aEwW__fieldPresetButton{background:var(--background);border:1px solid var(--border);min-width:0;color:var(--text-primary);transition:var(--transition);border-radius:6px;flex-direction:column;align-items:center;gap:.5rem;padding:.625rem;font-size:.8125rem;font-weight:700;display:flex}.page-module___8aEwW__fieldPresetButton:hover,.page-module___8aEwW__fieldPresetActive{border-color:var(--primary);background:#3b82f61f}.page-module___8aEwW__fieldPresetPreview{aspect-ratio:1;background:#111827;border-radius:4px;width:100%;position:relative;overflow:hidden}.page-module___8aEwW__fieldPresetImage{object-fit:fill}.page-module___8aEwW__uploadFieldButton{background:var(--primary);color:#fff;width:100%;transition:var(--transition);border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;display:flex}.page-module___8aEwW__uploadFieldButton:hover{background:var(--primary-hover)}.page-module___8aEwW__exportModalHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1rem .875rem;display:flex}.page-module___8aEwW__exportModalTitle{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.page-module___8aEwW__exportModalSubtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem;line-height:1.3}.page-module___8aEwW__exportCode{resize:vertical;border:0;border-bottom:1px solid var(--border);color:#e5e7eb;white-space:pre;background:#111827;outline:none;flex:1;width:100%;min-height:22rem;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;line-height:1.5}.page-module___8aEwW__exportModalActions{justify-content:flex-end;align-items:center;gap:.75rem;padding:.875rem 1rem 1rem;display:flex}.page-module___8aEwW__copyStatus{color:var(--text-secondary);margin-right:auto;font-size:.8125rem}.page-module___8aEwW__copyButton{background:var(--primary);color:#fff;min-width:5.5rem;transition:var(--transition);border-radius:4px;padding:.625rem 1rem;font-size:.875rem;font-weight:700}.page-module___8aEwW__copyButton:hover{background:var(--primary-hover)}.page-module___8aEwW__playbackSidebar{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);flex:none;padding:.875rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.page-module___8aEwW__playbackRow{grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.page-module___8aEwW__playButton{background:var(--primary);color:#fff;width:2.25rem;height:2.25rem;transition:var(--transition);border-radius:999px;justify-content:center;align-items:center;display:flex}.page-module___8aEwW__playButton:hover{background:var(--primary-hover)}.page-module___8aEwW__playbackRange{appearance:none;background:var(--playback-track,#94a3b859);width:100%;min-width:0;height:.5rem;accent-color:var(--playback-color,var(--primary));cursor:pointer;border-radius:999px}.page-module___8aEwW__playbackRange::-webkit-slider-runnable-track{background:var(--playback-track,#94a3b859);border-radius:999px;height:.5rem}.page-module___8aEwW__playbackRange::-webkit-slider-thumb{appearance:none;background:var(--playback-color,var(--primary));border:2px solid #fff;border-radius:999px;width:1rem;height:1rem;margin-top:-.25rem;box-shadow:0 .125rem .375rem #00000059}.page-module___8aEwW__playbackRange::-moz-range-track{background:var(--playback-track,#94a3b859);border-radius:999px;height:.5rem}.page-module___8aEwW__playbackRange::-moz-range-progress{background:0 0;height:.5rem}.page-module___8aEwW__playbackRange::-moz-range-thumb{background:var(--playback-color,var(--primary));border:2px solid #fff;border-radius:999px;width:.75rem;height:.75rem;box-shadow:0 .125rem .375rem #00000059}.page-module___8aEwW__playbackTime{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}@media (max-width:768px){.page-module___8aEwW__container{flex-direction:column}.page-module___8aEwW__sidebarColumn{flex-shrink:0;width:100%;height:300px}.page-module___8aEwW__sidebar{min-height:0}.page-module___8aEwW__exportModal{max-height:calc(100vh - 1rem)}.page-module___8aEwW__exportCode{min-height:18rem}}