.CssAnimationBuilderTool_previewArea__8ABb7{border:1px solid var(--line);background:var(--bg-hover);padding:var(--space-6);display:flex;align-items:center;justify-content:center;min-height:160px;margin-bottom:var(--space-3)}.CssAnimationBuilderTool_previewBox__nF_bo{background:var(--accent);color:var(--bg);padding:var(--space-3) var(--space-5);font-size:14px;letter-spacing:.04em}.CssAnimationBuilderTool_previewControls__EuhSr{display:flex;gap:var(--space-3)}.CssAnimationBuilderTool_settingsGrid__OhOqI{display:flex;flex-direction:column;gap:var(--space-3)}.CssAnimationBuilderTool_fieldRow__zvOlZ{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.CssAnimationBuilderTool_label__KdU0K{font-size:11px;color:var(--text-dim);min-width:9ch}.CssAnimationBuilderTool_val__5_LK3{font-size:11px;color:var(--text-bright);min-width:4ch;text-align:right}.CssAnimationBuilderTool_textInput__D5HYe{background:var(--panel);border:1px solid var(--line);color:var(--text-bright);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:12px;outline:none;min-width:16ch}.CssAnimationBuilderTool_textInput__D5HYe:focus{border-color:var(--accent)}.CssAnimationBuilderTool_keyframeCard__IeIWc{background:var(--panel);border:1px solid var(--line);padding:var(--space-4);margin-bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.CssAnimationBuilderTool_keyframeHeader__OcMKZ{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.CssAnimationBuilderTool_stopInput__KQvbW{background:var(--bg);border:1px solid var(--line-strong);color:var(--accent);padding:var(--space-1) var(--space-2);font-family:inherit;font-size:12px;font-weight:700;width:6ch;text-align:center;outline:none}.CssAnimationBuilderTool_stopInput__KQvbW:focus{border-color:var(--accent)}.CssAnimationBuilderTool_propRow__dfVcL{display:flex;align-items:center;gap:var(--space-2)}.CssAnimationBuilderTool_propInput__LaKzk{flex:1 1;background:var(--bg);border:1px solid var(--line);color:var(--text-bright);padding:var(--space-1) var(--space-2);font-family:inherit;font-size:12px;outline:none;min-width:0}.CssAnimationBuilderTool_propInput__LaKzk:focus{border-color:var(--accent)}.CssAnimationBuilderTool_colon__Vymf6{color:var(--text-dim);font-size:12px}.CssAnimationBuilderTool_codeBlock__V9GRb{background:var(--panel);border:1px solid var(--line);padding:var(--space-3) var(--space-4);font-size:11px;color:var(--text-bright);white-space:pre-wrap;word-break:break-all;overflow-x:auto;margin-bottom:var(--space-3)}