._layout_uenhz_1{gap:var(--spacing-base);grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start;display:grid}._codePanel_uenhz_8{grid-column:1/-1}._panel_uenhz_12{gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);flex-direction:column;display:flex}._panelTitle_uenhz_22{letter-spacing:0;color:var(--color-ink);margin:0;font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:16px;font-weight:500;line-height:1.4}._editorSvg_uenhz_32{touch-action:none;width:100%;height:auto;display:block}._editorOvershoot_uenhz_39{fill:var(--color-canvas-soft)}._editorSquare_uenhz_43{fill:var(--color-surface-card);stroke:var(--color-hairline-strong);stroke-width:1.5px}._editorGridLine_uenhz_49{stroke:var(--color-hairline-soft);stroke-width:1px}._editorLinearLine_uenhz_54{fill:none;stroke:var(--color-hairline-strong);stroke-width:1px;stroke-dasharray:4 4}._editorGuide_uenhz_61{stroke:var(--color-muted-soft);stroke-width:1px;stroke-dasharray:3 3}._editorCurve_uenhz_67{fill:none;stroke:var(--color-ink);stroke-width:3px;stroke-linecap:round}._editorAnchor_uenhz_74{fill:var(--color-ink);stroke:var(--color-surface-card);stroke-width:2px}._editorHandle_uenhz_80{cursor:move;fill:var(--color-ink);stroke:var(--color-surface-card);stroke-width:2px}._editorHandleLabel_uenhz_87{letter-spacing:0;fill:var(--color-body);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:13px;font-weight:600;line-height:1.4}._valueGrid_uenhz_97{gap:var(--spacing-xs);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}._valueField_uenhz_103,._durationField_uenhz_104{gap:var(--spacing-xxs);flex-direction:column;display:flex}._valueLabel_uenhz_110{letter-spacing:0;color:var(--color-muted);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}._valueInput_uenhz_119{letter-spacing:0;color:var(--color-ink);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);padding:4px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:400;line-height:1.5}._presetGroups_uenhz_132{gap:var(--spacing-sm);flex-direction:column;display:flex}._presetGroupTitle_uenhz_138{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin:0;font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:11px;font-weight:700;line-height:1.4}._presetList_uenhz_149{gap:var(--spacing-xxs);flex-wrap:wrap;display:flex}._presetButton_uenhz_155{letter-spacing:0;color:var(--color-ink);cursor:pointer;background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);padding:5px 10px;font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:14px;font-weight:500;line-height:1}._presetButtonActive_uenhz_169{color:var(--color-on-primary);background-color:var(--color-ink);border-color:var(--color-ink)}._stageHead_uenhz_175{gap:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}._stageSelect_uenhz_182{letter-spacing:0;color:var(--color-ink);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);padding:4px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:400;line-height:1.5}._replayButton_uenhz_195{letter-spacing:0;color:var(--color-ink);cursor:pointer;background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);padding:5px 10px;font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:14px;font-weight:500;line-height:1}._stageScene_uenhz_209{height:240px;margin-top:var(--spacing-sm);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);position:relative;overflow:hidden}._moveTrack_uenhz_219{align-items:center;width:100%;height:100%;display:flex;container-type:inline-size}._moveBox_uenhz_227{background-color:var(--color-ink);border-radius:var(--rounded-sm);width:40px;height:40px;animation:_preview-move_uenhz_1 var(--preview-duration) var(--preview-easing) forwards}@keyframes _preview-move_uenhz_1{to{transform:translate(calc(100cqw - 100%))}}._modalOverlay_uenhz_240{background-color:var(--color-ink);opacity:.32;position:absolute;inset:0}._modalCard_uenhz_247{background-color:var(--color-surface-card);border:1px solid var(--color-hairline-strong);border-radius:var(--rounded-md);width:180px;height:108px;animation:_preview-modal_uenhz_1 var(--preview-duration) var(--preview-easing) forwards;margin-top:-54px;margin-left:-90px;position:absolute;top:50%;left:50%}@keyframes _preview-modal_uenhz_1{0%{opacity:0;transform:scale(.92)}}._toastBar_uenhz_267{right:var(--spacing-base);bottom:var(--spacing-base);background-color:var(--color-surface-card);border:1px solid var(--color-hairline-strong);border-radius:var(--rounded-md);width:220px;height:48px;animation:_preview-toast_uenhz_1 var(--preview-duration) var(--preview-easing) forwards;position:absolute}@keyframes _preview-toast_uenhz_1{0%{opacity:0;transform:translateY(16px)}}._drawerPanel_uenhz_285{background-color:var(--color-surface-card);border-left:1px solid var(--color-hairline-strong);width:45%;animation:_preview-drawer_uenhz_1 var(--preview-duration) var(--preview-easing) forwards;position:absolute;top:0;bottom:0;right:0}@keyframes _preview-drawer_uenhz_1{0%{transform:translate(100%)}}._scaleCard_uenhz_301{background-color:var(--color-surface-card);border:1px solid var(--color-hairline-strong);border-radius:var(--rounded-md);width:140px;height:90px;animation:_preview-scale_uenhz_1 var(--preview-duration) var(--preview-easing) forwards;margin-top:-45px;margin-left:-70px;position:absolute;top:50%;left:50%}@keyframes _preview-scale_uenhz_1{to{transform:scale(1.08)}}._codeHead_uenhz_320{gap:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}._codeBlock_uenhz_327{letter-spacing:0;padding:var(--spacing-sm);color:var(--color-ink);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:400;line-height:1.5}._copyButton_uenhz_341{letter-spacing:0;height:36px;padding:0 var(--spacing-base);color:var(--color-canvas);cursor:pointer;background-color:var(--color-ink);border-radius:var(--rounded-md);border:none;flex:none;font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:14px;font-weight:500;line-height:1}._copySuccess_uenhz_357{background-color:var(--color-semantic-success)}._copyError_uenhz_361{background-color:var(--color-semantic-error)}@media (width<=1100px){._layout_uenhz_1{grid-template-columns:1fr}}