.minimal .player-stage[data-v-b19cbe11]{background:0 0;border:0;border-radius:0;padding:8px}.minimal .playback-tools[data-v-b19cbe11]{justify-content:center;margin:0}.minimal .playback-tools button[data-v-b19cbe11]{background:0 0;border-color:#0000;place-items:center;width:44px;padding:0;display:grid}.minimal .playback-tools button[data-v-b19cbe11]:hover:not(:disabled){background:oklch(96% .01 260);border-color:oklch(78% .025 260)}.motion-player[data-v-b19cbe11]{min-width:0}.player-stage[data-v-b19cbe11]{background:oklch(98% .003 260);border:1px solid oklch(90% .008 260);border-radius:8px;padding:20px}.player-stage[data-v-b19cbe11] .effect{height:190px}.playback-tools[data-v-b19cbe11]{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.playback-tools button[data-v-b19cbe11]{color:oklch(36% .02 260);min-height:44px;font:inherit;cursor:pointer;background:oklch(99% .002 260);border:1px solid oklch(87% .008 260);border-radius:7px;padding:8px 12px;font-size:12px}.playback-tools button[data-v-b19cbe11]:disabled{opacity:.5;cursor:default}.playback-tools button[data-v-b19cbe11]:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}.preference[data-v-b19cbe11]{color:oklch(45% .02 260);font-size:12px}.seek[data-v-b19cbe11]{max-width:420px;margin-top:12px}@media (width<=480px){.player-stage[data-v-b19cbe11]{padding:8px}}.spring-demo[data-v-7d1469ef]{margin-top:24px}p[data-v-7d1469ef]{font-size:13px;line-height:1.8}.spring-controls[data-v-7d1469ef]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.spring-actions[data-v-7d1469ef]{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}button[data-v-7d1469ef]{color:oklch(35% .025 260);min-height:44px;font:inherit;cursor:pointer;background:oklch(98% .003 260);border:1px solid oklch(78% .01 260);border-radius:6px;padding:8px 14px;font-size:13px}button[data-v-7d1469ef]:focus-visible{outline-offset:2px;outline:2px solid oklch(50% .16 255)}.spring-lane[data-v-7d1469ef]{border:1px solid oklch(85% .01 260);border-radius:8px;height:52px;margin-block:20px;position:relative;overflow:hidden}.spring-dot[data-v-7d1469ef]{background:var(--article-accent);border-radius:50%;width:24px;height:24px;position:absolute;top:13px}svg[data-v-7d1469ef]{width:100%;height:150px;display:block}.spring-axis[data-v-7d1469ef]{stroke:oklch(80% .012 260);fill:none}.spring-path[data-v-7d1469ef]{stroke:var(--article-accent);fill:none;stroke-width:2px}.spring-values[data-v-7d1469ef]{font-variant-numeric:tabular-nums}@media (width<=440px){.spring-controls[data-v-7d1469ef]{grid-template-columns:1fr}}.gradient-specimen[data-v-72d07195]{aspect-ratio:18/11;background:oklch(67% .22 36);border-radius:8px;width:100%;position:relative;overflow:hidden}.gradient-layer[data-v-72d07195]{position:absolute;inset:0}.gradient-specimen svg[data-v-72d07195]{width:100%;height:100%;display:block}.foundation-variant-figure.foundation-preview-panel[data-v-edcb44e7]>.article-figure-body{background:var(--foundation-subject-surface);padding:0}.foundation-variant-figure[data-v-edcb44e7] .article-variant-browser{margin:4px}.foundation-variant-stage[data-v-edcb44e7]{background-color:var(--foundation-preview-paper);background-image:var(--foundation-preview-texture);background-repeat:repeat,no-repeat,no-repeat;background-size:20px 20px,100% 100%,100% 100%;min-width:0;padding:40px 24px;position:relative}@media (width<=640px){.foundation-variant-stage[data-v-edcb44e7]{padding:32px 16px}}.gradient-subject[data-v-edcb44e7]{border:1px solid var(--foundation-subject-line);border-radius:8px;width:min(100%,560px);margin-inline:auto;overflow:hidden}.gradient-animation-specimen[data-v-998ba2a6]{isolation:isolate;aspect-ratio:18/11;background:oklch(88% .04 185);border-radius:8px;width:100%;position:relative;overflow:hidden}.gradient-motion-layer[data-v-998ba2a6]{animation-duration:var(--gradient-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;inset:-35%}.effect-drift .layer-one[data-v-998ba2a6]{background:linear-gradient(110deg,oklch(67% .22 36),oklch(83% .13 74),oklch(62% .12 185));animation-name:gradient-drift-998ba2a6}.effect-rotate .layer-one[data-v-998ba2a6]{background:conic-gradient(oklch(67% .22 36),oklch(83% .13 74),oklch(62% .12 185),oklch(67% .22 36));animation-name:gradient-rotate-998ba2a6;animation-timing-function:linear;animation-direction:normal;inset:-60%}.effect-orbit .layer-one[data-v-998ba2a6]{background:radial-gradient(at 35% 35%,oklch(69% .2 36),#0000 55%);animation-name:gradient-orbit-998ba2a6}.effect-orbit .layer-two[data-v-998ba2a6]{background:radial-gradient(at 65% 65%,oklch(70% .13 185),#0000 55%);animation-name:gradient-orbit-998ba2a6;animation-direction:alternate-reverse}.effect-blend .layer-one[data-v-998ba2a6]{background:linear-gradient(135deg,oklch(67% .22 36),oklch(83% .13 74))}.effect-blend .layer-two[data-v-998ba2a6]{background:linear-gradient(45deg,oklch(62% .12 185),oklch(86% .08 85));animation-name:gradient-blend-998ba2a6}.paused .gradient-motion-layer[data-v-998ba2a6]{animation-play-state:paused}@keyframes gradient-drift-998ba2a6{0%{transform:translate(-18%)}to{transform:translate(18%)}}@keyframes gradient-rotate-998ba2a6{to{transform:rotate(1turn)}}@keyframes gradient-orbit-998ba2a6{0%{transform:translate(-12%,-10%)scale(.85)}to{transform:translate(12%,10%)scale(1.15)}}@keyframes gradient-blend-998ba2a6{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gradient-animation-specimen .gradient-motion-layer[data-v-998ba2a6]{animation:none}.effect-blend .layer-two[data-v-998ba2a6]{opacity:.5}}.foundation-variant-figure.foundation-preview-panel[data-v-50cbe644]>.article-figure-body{background:var(--foundation-subject-surface);padding:0}.foundation-variant-figure[data-v-50cbe644] .article-variant-browser{margin:4px}.foundation-variant-stage[data-v-50cbe644]{background-color:var(--foundation-preview-paper);background-image:var(--foundation-preview-texture);background-repeat:repeat,no-repeat,no-repeat;background-size:20px 20px,100% 100%,100% 100%;min-width:0;padding:40px 24px;position:relative}@media (width<=640px){.foundation-variant-stage[data-v-50cbe644]{padding:32px 16px}}.gradient-animation-subject[data-v-50cbe644]{border:1px solid var(--foundation-subject-line);border-radius:8px;width:min(100%,560px);margin-inline:auto;overflow:hidden}.gradient-animation-tools[data-v-50cbe644]{width:min(100%,560px);color:var(--foundation-subject-ink);flex-wrap:wrap;align-items:center;gap:12px;margin:16px auto 0;font-size:12px;display:flex}.gradient-animation-tools button[data-v-50cbe644]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:6px;padding:8px 12px}.gradient-animation-tools button[data-v-50cbe644]:disabled{opacity:.5;cursor:default}.gradient-animation-tools button[data-v-50cbe644]:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}.trigger-demo.compact[data-v-d4baa9e8]{background:0 0;border:0;border-radius:0;align-content:center;min-height:224px;margin:0 auto;padding:8px;display:grid}.compact>p[data-v-d4baa9e8]{text-align:center;margin:8px 0;font-size:12px}.compact .pointer-stage[data-v-d4baa9e8]{padding:32px 16px}.compact .shared-stage[data-v-d4baa9e8]{border:0}.compact .trigger-scroll[data-v-d4baa9e8]{margin-top:8px}.trigger-demo[data-v-d4baa9e8]{color:oklch(35% .025 260);border:1px solid oklch(85% .01 260);border-radius:10px;margin-top:24px;padding:20px}h4[data-v-d4baa9e8]{margin:0 0 12px;font-size:16px}p[data-v-d4baa9e8]{font-size:13px;line-height:1.8}button[data-v-d4baa9e8]{min-height:44px;font:inherit;color:oklch(42% .12 36);cursor:pointer;background:oklch(97% .018 36);border:1px solid oklch(67% .1 36);border-radius:8px;padding:10px 16px;font-size:13px}.trigger-scroll[data-v-d4baa9e8]:focus-visible,button[data-v-d4baa9e8]:focus-visible{outline-offset:3px;outline:2px solid oklch(50% .16 255)}progress[data-v-d4baa9e8]{width:100%;accent-color:var(--article-accent)}output[data-v-d4baa9e8]{font-size:12px;display:block}.trigger-scroll[data-v-d4baa9e8]{overscroll-behavior:contain;border:1px solid oklch(85% .01 260);height:240px;margin-top:12px;padding:16px;overflow-y:auto}.trigger-sticky[data-v-d4baa9e8]{background:oklch(98% .003 260);padding:12px;font-size:12px;position:sticky;top:0}.trigger-sticky span[data-v-d4baa9e8]{display:inline-block}.trigger-scroll p[data-v-d4baa9e8]{min-height:92px;margin:16px 0}.trigger-reveal[data-v-d4baa9e8]{opacity:.3;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(16px)}.trigger-reveal.revealed[data-v-d4baa9e8]{opacity:1;transform:none}.shared-stage[data-v-d4baa9e8]{border:1px solid oklch(85% .01 260);align-items:flex-start;gap:20px;min-height:190px;margin-top:16px;padding:20px;display:flex}.shared-object[data-v-d4baa9e8]{transform-origin:0 0;background:oklch(92% .05 36);border-radius:12px;flex:none;place-items:center;width:80px;height:80px;font-size:12px;display:grid}.shared-stage.expanded[data-v-d4baa9e8]{flex-direction:row-reverse}.expanded .shared-object[data-v-d4baa9e8]{width:120px;height:140px}.pointer-stage[data-v-d4baa9e8]{text-align:center;padding:28px 16px}.trigger-button[data-v-d4baa9e8]{overflow:hidden}.trigger-button[data-v-d4baa9e8],.trigger-button span[data-v-d4baa9e8]:last-child{position:relative}.trigger-ripple[data-v-d4baa9e8]{opacity:0;pointer-events:none;background:currentColor;border-radius:50%;width:32px;height:32px;position:absolute}@media (prefers-reduced-motion:reduce){.trigger-reveal[data-v-d4baa9e8]{opacity:1;transition:none;transform:none}}@media (width<=440px){.shared-stage[data-v-d4baa9e8]{gap:12px;padding:12px}.expanded .shared-object[data-v-d4baa9e8]{width:90px}.trigger-demo[data-v-d4baa9e8]{padding:12px}}.trigger-button[data-v-d4baa9e8]{min-width:150px;transition:transform .2s ease-out}.busy[data-v-d4baa9e8]{transform:scaleX(.8)!important}.success-check[data-v-d4baa9e8]{vertical-align:middle;width:20px;height:20px;margin-right:8px}.trigger-sticky[data-v-d4baa9e8]{align-items:flex-start;gap:24px;min-height:80px;display:flex;overflow:hidden}.parallax-back[data-v-d4baa9e8]{opacity:.6}.horizontal-track[data-v-d4baa9e8]{white-space:nowrap;gap:16px;display:flex}.horizontal-track span[data-v-d4baa9e8]{background:oklch(92% .04 36);padding:12px}.spatial-trigger-stage[data-v-d4baa9e8]{perspective:600px;place-items:center;min-height:200px;display:grid}.spatial-trigger[data-v-d4baa9e8]{width:220px;max-width:100%;height:110px;transform-style:preserve-3d;padding:0;transition:transform .35s ease-out;position:relative}.trigger-face[data-v-d4baa9e8]{backface-visibility:hidden;border-radius:inherit;background:oklch(95% .03 36);place-items:center;display:grid;position:absolute;inset:0}.trigger-face.back[data-v-d4baa9e8]{background:oklch(94% .03 255);transform:rotateY(180deg)}.trigger-face.direct-face[data-v-d4baa9e8]{transform:none}.trigger-face.hidden[data-v-d4baa9e8]{display:none}.motion-stopped .busy[data-v-d4baa9e8]{transform:none!important}.motion-stopped .trigger-reveal[data-v-d4baa9e8]{opacity:1;transform:none}.motion-stopped .spatial-trigger[data-v-d4baa9e8],.motion-stopped .trigger-button[data-v-d4baa9e8]{transition:none}@media (prefers-reduced-motion:reduce){.busy[data-v-d4baa9e8]{transform:none!important}.spatial-trigger[data-v-d4baa9e8]{transition:none}}.burst-particles[data-v-d4baa9e8]{pointer-events:none;position:absolute;top:50%;left:50%}.burst-particle[data-v-d4baa9e8]{opacity:0;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute}.hover-demo[data-v-b8bd4b72]{align-content:center;justify-items:center;gap:8px;min-height:200px;display:grid}.hover-demo .hover-example[data-v-b8bd4b72]{width:220px;max-width:100%;height:112px;font:inherit;color:oklch(35% .025 260);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;padding:20px}.hover-example[data-v-b8bd4b72]:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}.hover-demo p[data-v-b8bd4b72]{color:oklch(49% .025 260);margin:0;font-size:12px;line-height:1.6}.motion-implementation[data-v-a1ace268],.motion-theme-demo[data-v-a1ace268]{min-width:0}button[data-v-a1ace268]{color:oklch(36% .025 260);min-height:44px;font:inherit;cursor:pointer;background:oklch(99% .002 260);border:1px solid oklch(85% .014 260);border-radius:7px;padding:8px 14px;font-size:13px}button[data-v-a1ace268]:focus-visible,summary[data-v-a1ace268]:focus-visible{outline:2px solid var(--article-accent);outline-offset:3px}.observation-preview[data-v-a1ace268]{position:relative}summary[data-v-a1ace268]{cursor:pointer;min-height:44px;padding-block:10px;font-size:14px}.parameter-grid[data-v-a1ace268]{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.motion-implementation h4[data-v-a1ace268]{margin:24px 0 12px;font-size:15px}.motion-implementation ul[data-v-a1ace268]{color:oklch(42% .025 260);padding-inline-start:22px;font-size:14px;line-height:1.9}.brief-heading[data-v-a1ace268]{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.brief-heading h4[data-v-a1ace268]{margin:0}.motion-brief pre[data-v-a1ace268]{white-space:pre-wrap;overflow-wrap:anywhere;background:oklch(98% .003 260);border:1px solid oklch(90% .008 260);border-radius:8px;padding:16px;font:13px/1.9 ui-monospace,monospace}.foundation-links[data-v-a1ace268]{flex-wrap:wrap;gap:8px 16px;margin-top:20px;font-size:13px;line-height:1.8;display:flex}@media (width<=560px){.parameter-grid[data-v-a1ace268]{grid-template-columns:1fr}}.motion-figures[data-v-9b50aa0a]{min-width:0}.curve[data-v-9b50aa0a]{width:200px;max-width:100%;height:140px;margin:0 auto 16px;display:block}.curve-axis[data-v-9b50aa0a]{fill:none;stroke:oklch(75% .01 260);stroke-width:1.5px}.curve-path[data-v-9b50aa0a]{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.editor-entry[data-v-9b50aa0a]{border:1px solid #e2e5e9;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:20px;font-size:14px;display:flex}.editor-entry p[data-v-9b50aa0a]{color:#626a75;margin:6px 0 0;font-size:12px;line-height:1.7}.editor-entry a[data-v-9b50aa0a]{color:#b12d0c;background:#fff0e9;border-radius:6px;flex:none;align-items:center;min-height:44px;padding:10px 14px;font-size:13px;text-decoration:none;display:inline-flex}.editor-entry a[data-v-9b50aa0a]:focus-visible{outline-offset:3px;outline:2px solid #db3b10}@media (width<=560px){.editor-entry[data-v-9b50aa0a]{flex-direction:column;align-items:flex-start}}.curve-chart[data-v-7ed575cc]{aspect-ratio:1;min-width:0;color:var(--easing-ink);background:oklch(97% .014 265);border-radius:0;overflow:hidden}svg[data-v-7ed575cc]{touch-action:pan-y;width:100%;height:100%;display:block}.curve-path[data-v-7ed575cc]{stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.curve-path[data-v-7ed575cc],.handle-line[data-v-7ed575cc]{fill:none;stroke:currentColor}.handle-line[data-v-7ed575cc]{stroke-width:1px;opacity:.3}.graph-handle[data-v-7ed575cc]{cursor:grab;touch-action:none}.graph-handle[data-v-7ed575cc]:active{cursor:grabbing}.handle-mark[data-v-7ed575cc]{fill:var(--article-accent)}.graph-handle[data-v-7ed575cc]:focus-visible{outline:none}.graph-handle:focus-visible .handle-mark[data-v-7ed575cc]{stroke:oklch(100% 0 0);stroke-width:2px}.motion-easing-playground[data-v-d27302a5]{--easing-ink:oklch(48% .045 260);--easing-line:oklch(79% .035 265);--easing-soft:oklch(95.5% .014 265);margin-top:24px}.playground-browser[data-v-d27302a5]{padding:12px 8px 0}.playground-browser[data-v-d27302a5] .article-variant-browser{margin:0 0 4px}.playground-browser[data-v-d27302a5] .article-variant-panel{border-radius:0;margin-inline:-8px}.easing-thumbnail[data-v-d27302a5]{width:280px;height:160px;color:var(--easing-ink);place-items:center;display:grid;position:relative}.easing-thumbnail>svg[data-v-d27302a5]{fill:none;width:100%;height:100%;stroke:var(--easing-line);stroke-width:2px;opacity:.6;position:absolute;inset:0}.thumbnail-object[data-v-d27302a5]{box-sizing:border-box;border:2px solid var(--easing-ink);background:oklch(76% .06 260/.24);border-radius:4px;width:42px;height:42px}.easing-workspace[data-v-d27302a5]{border-top:1px solid var(--panel-line);background:radial-gradient(circle,oklch(82% .043 265/.55) .7px,#0000 .8px) 0 0/18px 18px,oklch(98% .009 265);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;padding:20px;display:grid}.lab-panel[data-v-d27302a5]{border:1px solid var(--easing-line);min-width:0;color:var(--easing-ink);background:oklch(100% 0 0);border-radius:9px;overflow:hidden}.lab-panel-header[data-v-d27302a5]{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;gap:8px;height:48px;padding:0 4px 0 14px;display:flex}.lab-panel-header strong[data-v-d27302a5]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.lab-panel-header strong span[data-v-d27302a5]{font-weight:400}.panel-icon[data-v-d27302a5]{width:40px;height:40px;color:var(--easing-ink);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:10px;display:grid}.panel-icon svg[data-v-d27302a5]{width:18px;height:18px}.panel-icon[data-v-d27302a5]:hover:not(:disabled){background:var(--easing-soft)}.panel-icon[data-v-d27302a5]:disabled{opacity:.45;cursor:default}.panel-canvas[data-v-d27302a5]{padding:12px}.curve-panel .panel-canvas[data-v-d27302a5]{padding:0}.motion-stage[data-v-d27302a5]{box-sizing:border-box;aspect-ratio:1;border:1px solid var(--easing-line);background:var(--easing-soft);border-radius:6px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.motion-cell[data-v-d27302a5],.motion-stage[data-v-d27302a5]{min-width:0;display:grid;overflow:hidden}.motion-cell[data-v-d27302a5]{place-items:center;min-height:0;position:relative;container-type:size}.motion-translateY[data-v-d27302a5]{border-right:1px solid var(--easing-line);grid-row:1/3}.motion-translateX[data-v-d27302a5]{border-bottom:1px solid var(--easing-line);grid-column:2/4}.motion-rotate[data-v-d27302a5]{border-right:1px solid var(--easing-line)}.motion-object[data-v-d27302a5]{box-sizing:border-box;border:1.5px solid var(--easing-ink);background:oklch(76% .06 260/.24);border-radius:5px;width:50px;height:50px}.panel-controls[data-v-d27302a5]{--accent:var(--easing-ink);--parameter-control-height:28px;box-sizing:border-box;border-top:1px solid var(--panel-line);scrollbar-gutter:stable;align-content:start;gap:3px;height:180px;padding:10px 14px;display:grid;overflow-y:auto}.preview-controls[data-v-d27302a5]{height:220px}.panel-controls[data-v-d27302a5] .article-select{grid-template-columns:34% minmax(0,1fr);align-items:center;gap:8px;min-height:28px;display:grid}.panel-controls[data-v-d27302a5] .article-select-label{color:var(--easing-ink);font-size:11px;line-height:1.5}.panel-controls[data-v-d27302a5] .article-select-trigger{border-radius:5px;height:28px;min-height:28px;padding:4px 8px;font-size:11px}.panel-controls[data-v-d27302a5] .article-select-trigger svg{width:14px;height:14px}.panel-controls[data-v-d27302a5] .easing-control{grid-template-columns:34% minmax(0,1fr);gap:8px;min-height:28px;font-size:12px}.panel-controls[data-v-d27302a5] .control-inputs{gap:6px}.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=number],.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=range]{background:var(--easing-soft);color:oklch(30% .025 260);border-radius:4px;height:28px}.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=number]{box-sizing:border-box;border:1px solid var(--easing-line);font-variant-numeric:tabular-nums;background:oklch(99% .002 260);flex:0 0 62px;width:62px;min-width:0;padding:4px 6px;font-size:12px}.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=range]{cursor:ew-resize;flex:1;width:0;min-width:0}.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=range]::-webkit-slider-thumb{width:4px;height:var(--parameter-control-height);background:var(--article-accent);border:0;border-radius:1px}.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=range]::-moz-range-thumb{width:4px;height:var(--parameter-control-height);background:var(--article-accent);border:0;border-radius:1px}.panel-controls[data-v-d27302a5] .easing-control.disabled{opacity:1}.panel-controls[data-v-d27302a5] .easing-control.disabled input[type=number]{color:oklch(47% .025 260);background:var(--easing-soft)}.panel-controls[data-v-d27302a5] .easing-control.disabled input[type=range]{opacity:.5}.motion-easing-playground[data-v-d27302a5] button:focus-visible,.panel-controls[data-v-d27302a5] input:focus-visible,.panel-controls[data-v-d27302a5]:focus-visible{outline:2px solid var(--article-accent);outline-offset:-2px}.parameter-note[data-v-d27302a5]{color:var(--easing-ink);margin:6px 0 0;font-size:11px;line-height:1.7}.curve-distribution[data-v-d27302a5]{border-top:1px solid var(--panel-line);height:40px;margin-inline:14px;position:relative}.curve-distribution i[data-v-d27302a5]{background:var(--easing-ink);opacity:.4;width:1px;height:16px;position:absolute;top:12px}.playground-footer[data-v-d27302a5]{border-top:1px solid var(--panel-line);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-size:11px;display:flex}.playground-footer code[data-v-d27302a5]{overflow-wrap:anywhere;min-width:0;font-size:10px}.playground-reference[data-v-d27302a5]{color:var(--easing-ink);white-space:nowrap;flex:none;margin-left:auto;text-decoration:none}.playground-reference[data-v-d27302a5]:hover{color:var(--article-accent);text-underline-offset:3px;text-decoration:underline}.playground-reference[data-v-d27302a5]:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}@container (width<=650px){.easing-workspace[data-v-d27302a5]{grid-template-columns:minmax(0,1fr);padding:16px}.panel-controls[data-v-d27302a5]{height:180px}.preview-controls[data-v-d27302a5]{height:220px}}@container (width<=360px){.easing-workspace[data-v-d27302a5]{gap:12px;padding:10px}.panel-canvas[data-v-d27302a5]{padding:8px}.panel-controls[data-v-d27302a5]{padding-inline:10px}.panel-controls[data-v-d27302a5] .article-select,.panel-controls[data-v-d27302a5] .easing-control{grid-template-columns:36% minmax(0,1fr);gap:6px}.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=number]{flex-basis:54px;width:54px}.motion-object[data-v-d27302a5]{border-radius:4px;width:40px;height:40px}}@media (width<=640px){.panel-controls[data-v-d27302a5]{--parameter-control-height:44px}.panel-icon[data-v-d27302a5]{width:44px;height:44px}.panel-controls[data-v-d27302a5] .article-select,.panel-controls[data-v-d27302a5] .easing-control{min-height:44px}.panel-controls[data-v-d27302a5] .article-select-trigger,.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=number],.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=range]{height:44px;min-height:44px}.panel-controls[data-v-d27302a5] .easing-control .control-inputs input[type=number]{font-size:16px}}