.EasingFunctionVisualizerClient-module__Q8IEJW__wrap{flex-direction:column;gap:1.75rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__header{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow-1);flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:1.75rem 1.5rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__header h2{margin-bottom:.5rem}.EasingFunctionVisualizerClient-module__Q8IEJW__header .EasingFunctionVisualizerClient-module__Q8IEJW__sub{max-width:48ch}.EasingFunctionVisualizerClient-module__Q8IEJW__current{border:1px dashed color-mix(in oklab,var(--brand)45%,transparent);background:color-mix(in oklab,var(--surface-2)70%,transparent);border-radius:var(--radius);flex-direction:column;gap:.35rem;min-width:220px;padding:.9rem 1.1rem;font-size:.92rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__current span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.EasingFunctionVisualizerClient-module__Q8IEJW__current code{font-family:var(--font-mono,"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace);font-size:.95rem}.EasingFunctionVisualizerClient-module__Q8IEJW__layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:1.75rem;display:grid}.EasingFunctionVisualizerClient-module__Q8IEJW__leftColumn{flex-direction:column;gap:1.5rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__panel{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-1);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__previewPanel{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-2);flex-direction:column;gap:1.5rem;padding:1.75rem 1.5rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__panelHeader{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__panelHeader h3{margin:0}.EasingFunctionVisualizerClient-module__Q8IEJW__panelHint{color:var(--muted);margin:0;font-size:.9rem}.EasingFunctionVisualizerClient-module__Q8IEJW__graph{--grid-line:color-mix(in oklab,var(--border)45%,transparent);background:color-mix(in oklab,var(--surface-2)75%,transparent);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);justify-content:center;align-items:center;padding:1rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__svg{width:100%;max-width:320px;height:auto;display:block}.EasingFunctionVisualizerClient-module__Q8IEJW__gridRect{fill:color-mix(in oklab,var(--surface)85%,transparent)}.EasingFunctionVisualizerClient-module__Q8IEJW__axisLine{stroke:color-mix(in oklab,var(--border)60%,transparent);stroke-width:1px;shape-rendering:crispEdges}.EasingFunctionVisualizerClient-module__Q8IEJW__controlLine{stroke:color-mix(in srgb,var(--brand)65%,transparent);stroke-width:1.5px;stroke-dasharray:4 3}.EasingFunctionVisualizerClient-module__Q8IEJW__curve{stroke:var(--brand);stroke-width:3px;fill:none}.EasingFunctionVisualizerClient-module__Q8IEJW__anchor{fill:color-mix(in srgb,var(--brand)30%,transparent)}.EasingFunctionVisualizerClient-module__Q8IEJW__handle{fill:var(--surface);stroke:var(--brand);stroke-width:2px;cursor:grab;transition:transform .15s,fill .2s}.EasingFunctionVisualizerClient-module__Q8IEJW__handle:active{cursor:grabbing;fill:var(--brand);transform:scale(1.05)}.EasingFunctionVisualizerClient-module__Q8IEJW__inputsGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.EasingFunctionVisualizerClient-module__Q8IEJW__field{flex-direction:column;gap:.4rem;font-size:.92rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__field span{color:var(--muted);font-size:.85rem}.EasingFunctionVisualizerClient-module__Q8IEJW__field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--surface)96%,transparent);color:inherit;padding:.55rem .65rem}.EasingFunctionVisualizerClient-module__Q8IEJW__field input:focus{outline:2px solid color-mix(in srgb,var(--brand)30%,transparent);outline-offset:2px}.EasingFunctionVisualizerClient-module__Q8IEJW__sliderRow{flex-direction:column;gap:.75rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__sliderRow div{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__sliderRow input[type=range]{width:100%;accent-color:var(--brand)}.EasingFunctionVisualizerClient-module__Q8IEJW__label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.EasingFunctionVisualizerClient-module__Q8IEJW__presetGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.EasingFunctionVisualizerClient-module__Q8IEJW__presetButton{border:1px solid color-mix(in oklab,var(--border)80%,transparent);border-radius:calc(var(--radius) + 2px);background:color-mix(in oklab,var(--surface)97%,transparent);text-align:left;cursor:pointer;flex-direction:column;gap:.35rem;padding:.85rem 1rem;transition:border-color .2s,background .2s,transform .2s;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__presetButton:hover{border-color:color-mix(in srgb,var(--brand)40%,var(--border)60%);background:color-mix(in oklab,var(--surface-2)82%,transparent);transform:translateY(-1px)}.EasingFunctionVisualizerClient-module__Q8IEJW__presetActive{border-color:color-mix(in srgb,var(--brand)60%,var(--border)40%);background:color-mix(in srgb,var(--brand)12%,var(--surface)88%);color:inherit;box-shadow:0 10px 26px rgba(220,56,45,.18)}.EasingFunctionVisualizerClient-module__Q8IEJW__presetName{font-weight:600}.EasingFunctionVisualizerClient-module__Q8IEJW__presetDescription{color:var(--muted);font-size:.85rem}.EasingFunctionVisualizerClient-module__Q8IEJW__presetButton code{font-family:var(--font-mono,"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace);color:color-mix(in oklab,var(--muted)80%,transparent);font-size:.8rem}.EasingFunctionVisualizerClient-module__Q8IEJW__previewHeader{justify-content:space-between;align-items:center;gap:1rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__previewHeader h3{margin:0}.EasingFunctionVisualizerClient-module__Q8IEJW__previewActions{flex-wrap:wrap;gap:.75rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__primaryButton,.EasingFunctionVisualizerClient-module__Q8IEJW__ghostButton{border-radius:var(--radius-sm);cursor:pointer;padding:.55rem 1rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.EasingFunctionVisualizerClient-module__Q8IEJW__primaryButton{background:var(--brand);color:#fff;border:1px solid color-mix(in srgb,var(--brand)80%,#000 0%);box-shadow:0 12px 26px rgba(220,56,45,.22)}.EasingFunctionVisualizerClient-module__Q8IEJW__primaryButton:hover{background:color-mix(in srgb,var(--brand)88%,black 8%)}.EasingFunctionVisualizerClient-module__Q8IEJW__ghostButton{color:inherit;border:1px solid color-mix(in oklab,var(--border)80%,transparent);background:0 0}.EasingFunctionVisualizerClient-module__Q8IEJW__ghostButton:hover{border-color:color-mix(in srgb,var(--brand)45%,var(--border)55%);background:color-mix(in oklab,var(--surface-2)82%,transparent)}.EasingFunctionVisualizerClient-module__Q8IEJW__stage{background:linear-gradient(135deg,color-mix(in srgb,var(--brand)12%,transparent)0%,transparent 100%);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);gap:1.5rem;padding:1.5rem;display:grid}.EasingFunctionVisualizerClient-module__Q8IEJW__loopDemo,.EasingFunctionVisualizerClient-module__Q8IEJW__transitionDemo{flex-direction:column;gap:.75rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__track{background:color-mix(in srgb,var(--muted)18%,transparent);border-radius:999px;height:14px;position:relative;overflow:hidden}.EasingFunctionVisualizerClient-module__Q8IEJW__loopDot{background:linear-gradient(135deg,var(--brand)0%,color-mix(in srgb,var(--brand)30%,var(--accent,#ff9f68)70%)100%);width:28px;height:28px;animation-name:EasingFunctionVisualizerClient-module__Q8IEJW__loopTravel;animation-duration:var(--duration,1.6s);animation-timing-function:var(--timing,ease);border-radius:999px;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:50%;left:0;transform:translate(-14px,-50%);box-shadow:0 14px 24px rgba(220,56,45,.25)}@keyframes EasingFunctionVisualizerClient-module__Q8IEJW__loopTravel{0%{transform:translate(-14px,-50%)}to{transform:translate(calc(100% - 14px),-50%)}}.EasingFunctionVisualizerClient-module__Q8IEJW__transitionBox{background:linear-gradient(135deg,var(--brand)0%,color-mix(in srgb,var(--brand)28%,var(--accent,#ff9f68)72%)100%);width:140px;height:140px;transition:transform var(--duration,1.6s)var(--timing,ease),box-shadow var(--duration,1.6s)var(--timing,ease);border-radius:32px;transform:translate(0);box-shadow:0 20px 36px rgba(220,56,45,.2)}.EasingFunctionVisualizerClient-module__Q8IEJW__transitionBoxActive{transform:translate(160px)scale(1.04);box-shadow:0 26px 48px rgba(220,56,45,.28)}.EasingFunctionVisualizerClient-module__Q8IEJW__smallPrint{color:var(--muted);margin:0;font-size:.85rem}.EasingFunctionVisualizerClient-module__Q8IEJW__sampleTable{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:color-mix(in oklab,var(--surface-2)82%,transparent);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__sampleHeader{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__sampleRow{grid-template-columns:60px minmax(0,1fr) 70px;align-items:center;gap:.75rem;font-size:.92rem;display:grid}.EasingFunctionVisualizerClient-module__Q8IEJW__sampleRow span:last-child{text-align:right}.EasingFunctionVisualizerClient-module__Q8IEJW__sampleBarWrap{background:color-mix(in srgb,var(--muted)14%,transparent);border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.EasingFunctionVisualizerClient-module__Q8IEJW__sampleBar{border-radius:inherit;background:var(--brand);transition:width .25s;position:absolute;top:0;bottom:0;left:0}.EasingFunctionVisualizerClient-module__Q8IEJW__codeBlock{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:color-mix(in oklab,var(--surface)95%,transparent);flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__codeHeader{justify-content:space-between;align-items:center;gap:1rem;display:flex}.EasingFunctionVisualizerClient-module__Q8IEJW__codeHeader h4{margin:0}.EasingFunctionVisualizerClient-module__Q8IEJW__codeBlock pre{background:color-mix(in oklab,var(--surface-2)88%,transparent);border-radius:var(--radius);margin:0;padding:1rem;font-size:.85rem;overflow-x:auto}.EasingFunctionVisualizerClient-module__Q8IEJW__codeBlock code{font-family:var(--font-mono,"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace);line-height:1.5}@media (max-width:1180px){.EasingFunctionVisualizerClient-module__Q8IEJW__layout{grid-template-columns:minmax(0,1fr)}.EasingFunctionVisualizerClient-module__Q8IEJW__previewHeader{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.EasingFunctionVisualizerClient-module__Q8IEJW__header{padding:1.4rem 1.25rem}.EasingFunctionVisualizerClient-module__Q8IEJW__panel,.EasingFunctionVisualizerClient-module__Q8IEJW__previewPanel{padding:1.25rem}.EasingFunctionVisualizerClient-module__Q8IEJW__stage{padding:1.1rem}}