.kit-motion-accordion{border:1px solid var(--border);border-radius:var(--radius-card,12px);background:var(--card);width:min(100%,520px);color:var(--card-foreground);box-shadow:var(--shadow-control,0 1px 2px #0000001f);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif)}@supports (color:lab(0% 0 0)){.kit-motion-accordion{box-shadow:var(--shadow-control,0 1px 2px lab(0% 0 0/.12))}}.kit-motion-accordion>button{border-radius:inherit;width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-weight:750;display:flex}.kit-motion-accordion>button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.kit-motion-accordion__panel{border-top:1px solid var(--border)}.kit-motion-accordion__content{opacity:1;transition:opacity var(--kit-motion-duration,.18s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), transform var(--kit-motion-duration,.18s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1));padding:14px 16px 16px;transform:translateY(0)}@starting-style{.kit-motion-accordion__content{opacity:0;transform:translateY(calc(var(--kit-motion-distance-small,4px) * -1))}}.kit-motion-accordion__content p{max-width:52ch;color:var(--muted-foreground);margin:0;line-height:1.55}.kit-motion-reduced .kit-motion-accordion__content{transition:opacity .12s linear;transform:none}@media (prefers-reduced-motion:reduce){.kit-motion-accordion__content{transition:opacity .12s linear;transform:none}}
.kit-motion-dialog{color:var(--foreground);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif)}.kit-motion-dialog button{border:1px solid var(--border);border-radius:var(--radius-control,10px);background:var(--card);min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;box-shadow:var(--shadow-control,0 1px 2px #0000001f);padding-inline:16px;font-weight:700}@supports (color:lab(0% 0 0)){.kit-motion-dialog button{box-shadow:var(--shadow-control,0 1px 2px lab(0% 0 0/.12))}}.kit-motion-dialog button:active{transform:translateY(1px)}.kit-motion-dialog button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.kit-motion-dialog__surface{border:1px solid var(--border);border-radius:var(--radius-sheet,16px);background:var(--popover);width:min(480px,100% - 24px);color:var(--popover-foreground);box-shadow:var(--shadow-panel,0 18px 50px #0000003d);opacity:0;transform:scale(var(--kit-motion-scale,.97));transition:opacity var(--kit-motion-exit,.14s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), transform var(--kit-motion-exit,.14s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), display var(--kit-motion-exit,.14s) allow-discrete, overlay var(--kit-motion-exit,.14s) allow-discrete;margin:auto;padding:0}@supports (color:lab(0% 0 0)){.kit-motion-dialog__surface{box-shadow:var(--shadow-panel,0 18px 50px lab(0% 0 0/.24))}}.kit-motion-dialog__surface[open]{opacity:1;transition-duration:var(--kit-motion-duration,.22s), var(--kit-motion-duration,.22s), var(--kit-motion-duration,.22s), var(--kit-motion-duration,.22s);transform:scale(1)}.kit-motion-dialog__surface[data-closing=true]{opacity:0;transform:scale(.985)}@starting-style{.kit-motion-dialog__surface[open]{opacity:0;transform:scale(var(--kit-motion-scale,.97))}}.kit-motion-dialog__surface::backdrop{background:var(--overlay,#000000a8);opacity:0;transition:opacity var(--kit-motion-duration,.22s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), display var(--kit-motion-duration,.22s) allow-discrete, overlay var(--kit-motion-duration,.22s) allow-discrete}@supports (color:lab(0% 0 0)){.kit-motion-dialog__surface::backdrop{background:var(--overlay,lab(0% 0 0/.66))}}.kit-motion-dialog__surface[open]::backdrop{opacity:1}@starting-style{.kit-motion-dialog__surface[open]::backdrop{opacity:0}}.kit-motion-dialog__content{gap:12px;padding:clamp(20px,5vw,32px);display:grid}.kit-motion-dialog__eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.kit-motion-dialog__content h2,.kit-motion-dialog__content p{margin:0}.kit-motion-dialog__content h2{letter-spacing:-.045em;font-size:clamp(24px,6vw,34px);line-height:1.05}.kit-motion-dialog__content p{max-width:42ch;color:var(--muted-foreground);line-height:1.55}.kit-motion-dialog__actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.kit-motion-dialog__actions button[data-primary=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.kit-motion-reduced .kit-motion-dialog__surface,.kit-motion-reduced .kit-motion-dialog__surface[open],.kit-motion-reduced .kit-motion-dialog__surface[data-closing=true]{transition-duration:.12s,0s,.12s,.12s;transform:none}@media (prefers-reduced-motion:reduce){.kit-motion-dialog button:active,.kit-motion-dialog__surface,.kit-motion-dialog__surface[open],.kit-motion-dialog__surface[data-closing=true]{transform:none}.kit-motion-dialog__surface,.kit-motion-dialog__surface::backdrop{transition-duration:.12s,.12s,.12s,.12s}}@media (max-width:520px){.kit-motion-dialog__actions{flex-direction:column-reverse}.kit-motion-dialog__actions button{width:100%}}
.kit-motion-menu{color:var(--foreground);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);display:inline-block;position:relative}.kit-motion-menu__trigger,.kit-motion-menu__surface button{min-height:44px;color:inherit;font:inherit;cursor:pointer;border:0}.kit-motion-menu__trigger{border:1px solid var(--border);border-radius:var(--radius-control,10px);background:var(--card);box-shadow:var(--shadow-control,0 1px 2px #0000001f);transition:background-color var(--kit-motion-fast,.12s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), transform var(--kit-motion-fast,.12s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1));justify-content:center;align-items:center;gap:10px;padding-inline:16px;font-weight:700;display:inline-flex}@supports (color:lab(0% 0 0)){.kit-motion-menu__trigger{box-shadow:var(--shadow-control,0 1px 2px lab(0% 0 0/.12))}}.kit-motion-menu__trigger:active{transform:translateY(1px)}.kit-motion-menu__trigger:focus-visible,.kit-motion-menu__surface button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.kit-motion-menu__surface{z-index:30;border:1px solid var(--border);border-radius:var(--radius-card,12px);background:var(--popover);min-width:210px;color:var(--popover-foreground);box-shadow:var(--shadow-panel,0 12px 30px #0000002e);opacity:0;pointer-events:none;transform:translateY(calc(var(--kit-motion-distance,8px) * -1)) scale(var(--kit-motion-scale,.97));transform-origin:0 0;visibility:hidden;transition:opacity var(--kit-motion-exit,.14s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), transform var(--kit-motion-exit,.14s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), visibility 0s linear var(--kit-motion-exit,.14s);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0}@supports (color:lab(0% 0 0)){.kit-motion-menu__surface{box-shadow:var(--shadow-panel,0 12px 30px lab(0% 0 0/.18))}}.kit-motion-menu[data-align=right] .kit-motion-menu__surface{transform-origin:100% 0;left:auto;right:0}.kit-motion-menu[data-open=true] .kit-motion-menu__surface{opacity:1;pointer-events:auto;visibility:visible;transition-duration:var(--kit-motion-duration,.18s), var(--kit-motion-duration,.18s), 0s;transition-delay:0s;transform:translateY(0)scale(1)}.kit-motion-menu__surface button{border-radius:var(--radius-control,10px);text-align:left;background:0 0;width:100%;padding-inline:12px}.kit-motion-menu__surface button:hover,.kit-motion-menu__surface button:focus-visible{background:var(--muted)}.kit-motion-reduced .kit-motion-menu__surface,.kit-motion-reduced .kit-motion-menu[data-open=true] .kit-motion-menu__surface{transition-duration:.12s,0s,.12s;transform:none}@media (prefers-reduced-motion:reduce){.kit-motion-menu__trigger{transition:background-color .12s linear}.kit-motion-menu__trigger:active,.kit-motion-menu__surface,.kit-motion-menu[data-open=true] .kit-motion-menu__surface{transform:none}.kit-motion-menu__surface{transition:opacity .12s linear,visibility 0s linear .12s}.kit-motion-menu[data-open=true] .kit-motion-menu__surface{transition:opacity .12s linear,visibility}}
.kit-motion-notice{width:min(100%,520px);color:var(--foreground);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);justify-items:start;gap:16px;display:grid}.kit-motion-notice button{border:1px solid var(--border);border-radius:var(--radius-control,10px);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer}.kit-motion-notice button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.kit-motion-notice__trigger{background:var(--primary);box-shadow:var(--shadow-control,0 1px 2px #0000001f);padding-inline:16px;color:var(--primary-foreground)!important;font-weight:700!important}@supports (color:lab(0% 0 0)){.kit-motion-notice__trigger{box-shadow:var(--shadow-control,0 1px 2px lab(0% 0 0/.12))}}.kit-motion-notice__surface{border:1px solid var(--border);border-radius:var(--radius-card,12px);background:var(--popover);width:100%;color:var(--popover-foreground);box-shadow:var(--shadow-panel,0 12px 30px #0000002e);opacity:0;pointer-events:none;transform:translateY(var(--kit-motion-distance,8px)) scale(var(--kit-motion-scale,.97));visibility:hidden;transition:opacity var(--kit-motion-exit,.14s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), transform var(--kit-motion-exit,.14s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), visibility 0s linear var(--kit-motion-exit,.14s);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;display:grid}@supports (color:lab(0% 0 0)){.kit-motion-notice__surface{box-shadow:var(--shadow-panel,0 12px 30px lab(0% 0 0/.18))}}.kit-motion-notice__surface[data-open=true]{opacity:1;pointer-events:auto;visibility:visible;transition-duration:var(--kit-motion-duration,.2s), var(--kit-motion-duration,.2s), 0s;transition-delay:0s;transform:translateY(0)scale(1)}.kit-motion-notice__surface>span{background:var(--positive,var(--primary));width:28px;height:28px;color:var(--positive-foreground,var(--primary-foreground));border-radius:999px;place-items:center;font-weight:900;display:grid}.kit-motion-notice__surface strong,.kit-motion-notice__surface p{margin:0}.kit-motion-notice__surface p{color:var(--muted-foreground);margin-top:4px;font-size:14px;line-height:1.45}.kit-motion-notice__surface>button{background:0 0;border-color:#0000;font-size:22px}.kit-motion-reduced .kit-motion-notice__surface,.kit-motion-reduced .kit-motion-notice__surface[data-open]{transition-duration:.12s,0s,.12s;transform:none}@media (prefers-reduced-motion:reduce){.kit-motion-notice .kit-motion-notice__surface[data-open]{transition:opacity .12s linear,visibility 0s linear .12s;transform:none}.kit-motion-notice__surface[data-open=true]{transition:opacity .12s linear,visibility}}
.kit-motion-swap{color:var(--foreground);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);justify-items:start;gap:14px;display:grid}.kit-motion-swap__status{letter-spacing:-.025em;align-items:center;min-height:28px;font-size:18px;font-weight:800;display:inline-grid}.kit-motion-swap__status span{opacity:0;transform:translateY(var(--kit-motion-distance-small,4px));transition:opacity var(--kit-motion-duration,.18s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1)), transform var(--kit-motion-duration,.18s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1));grid-area:1/1}.kit-motion-swap[data-state=ready] [data-label=ready],.kit-motion-swap[data-state=complete] [data-label=complete]{opacity:1;transform:translateY(0)}.kit-motion-swap[data-state=complete] [data-label=ready],.kit-motion-swap[data-state=ready] [data-label=complete]{transform:translateY(calc(var(--kit-motion-distance-small,4px) * -1))}.kit-motion-swap[data-state=complete] [data-label=complete]{color:var(--positive,var(--primary))}.kit-motion-swap__announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kit-motion-swap button{border:1px solid var(--primary);border-radius:var(--radius-control,10px);background:var(--primary);min-height:44px;color:var(--primary-foreground);font:inherit;cursor:pointer;box-shadow:var(--shadow-control,0 1px 2px #0000001f);transition:transform var(--kit-motion-fast,.12s) var(--kit-motion-ease,cubic-bezier(.23, 1, .32, 1));padding-inline:16px;font-weight:700}@supports (color:lab(0% 0 0)){.kit-motion-swap button{box-shadow:var(--shadow-control,0 1px 2px lab(0% 0 0/.12))}}.kit-motion-swap button:active{transform:translateY(1px)}.kit-motion-swap button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.kit-motion-reduced .kit-motion-swap[data-state] .kit-motion-swap__status span{transition:opacity .12s linear;transform:none}@media (prefers-reduced-motion:reduce){.kit-motion-swap[data-state] .kit-motion-swap__status span{transition:opacity .12s linear;transform:none}.kit-motion-swap button{transition:none}.kit-motion-swap button:active{transform:none}}
.motion-studio-shell{background:var(--background);min-height:100dvh;color:var(--foreground)}.motion-studio-main{width:min(100% - 2rem,82rem);margin-inline:auto}.motion-opening{border-bottom:var(--rule-hair) solid var(--border);gap:clamp(2rem,6vw,5rem);padding-block:clamp(3rem,8vw,7rem);display:grid}.motion-opening>div{justify-items:start;gap:var(--space-md);display:grid}.motion-opening a,.motion-source a{align-items:center;gap:var(--space-xs);min-height:2.75rem;font-size:var(--text-sm);font-weight:750;text-decoration:none;display:inline-flex}.motion-opening>div>a{border-bottom:var(--rule-hair) solid var(--foreground)}.motion-opening>div>span,.motion-gallery>header>span,.motion-refine>header>span,.motion-source>div:first-child>span,.motion-kit-bar>div:first-child>span{color:var(--primary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.motion-opening h1,.motion-opening p,.motion-opening aside p,.motion-kit-bar h2,.motion-kit-bar p,.motion-gallery h2,.motion-gallery>header p,.motion-refine h2,.motion-refine>header p,.motion-source h2,.motion-source>div:first-child p{margin:0}.motion-opening h1{letter-spacing:-.07em;max-width:12ch;font-size:clamp(3.25rem,8vw,7.5rem);line-height:.91}.motion-opening>div>p{max-width:62ch;color:var(--muted-foreground);font-size:clamp(var(--text-base), 2vw, var(--text-lg));line-height:1.6}.motion-opening aside{align-content:start;gap:var(--space-md);padding:clamp(var(--space-lg), 4vw, var(--space-2xl));border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-panel);display:grid}.motion-opening aside strong{font-size:var(--text-lg);letter-spacing:-.03em}.motion-opening aside p{color:var(--muted-foreground);line-height:1.55}.motion-opening aside a{width:fit-content;color:var(--primary)}.motion-opening aside svg,.motion-source a svg{width:1rem;height:1rem}.motion-kit-bar{gap:var(--space-lg);padding-block:clamp(var(--space-2xl), 5vw, var(--space-4xl));border-bottom:var(--rule-hair) solid var(--border);display:grid}.motion-kit-bar>div:first-child{gap:var(--space-xs);display:grid}.motion-kit-bar h2,.motion-gallery h2,.motion-refine h2,.motion-source h2{max-width:18ch;font-size:clamp(var(--text-xl), 4.5vw, var(--text-3xl));letter-spacing:-.055em;line-height:1}.motion-kit-controls{gap:var(--space-md);min-width:0;display:grid}.motion-kit-choices,.motion-mode-choices,.motion-pattern-rail,.motion-ease-choices,.motion-refine-actions{gap:var(--space-xs);display:flex}.motion-kit-choices,.motion-pattern-rail{min-width:0;scrollbar-width:thin;padding-block-end:var(--space-xs);overflow-x:auto}.motion-pattern-rail{grid-template-columns:repeat(2,minmax(0,1fr));padding-block-end:0;display:grid;overflow:visible}.motion-kit-choices button,.motion-mode-choices button,.motion-pattern-rail button,.motion-ease-choices button,.motion-refine-actions button,.motion-pattern-card footer button,.motion-refine-preview>header button,.motion-refine-preview>footer button{justify-content:center;align-items:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-control);background:var(--card);min-height:2.75rem;color:var(--foreground);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;font-weight:750;display:inline-flex}.motion-kit-choices button,.motion-pattern-rail button{padding-inline:var(--space-md);flex:none}.motion-pattern-rail button{width:100%;padding-inline:var(--space-sm);white-space:normal}.motion-kit-choices button[aria-checked=true],.motion-mode-choices button[aria-pressed=true],.motion-pattern-rail button[aria-pressed=true],.motion-ease-choices button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.motion-mode-choices{width:fit-content;padding:var(--rule-hair);border-radius:var(--radius-control);background:var(--border)}.motion-mode-choices button{border:0;min-width:7rem}.motion-mode-choices svg,.motion-refine-actions svg,.motion-pattern-card footer svg,.motion-refine-preview button svg{width:1rem;height:1rem}.motion-dark-note{max-width:58ch;color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.5}.motion-gallery,.motion-refine,.motion-source{gap:clamp(var(--space-xl), 5vw, var(--space-3xl));padding-block:clamp(var(--space-3xl), 8vw, calc(var(--space-4xl) * 1.5));border-bottom:var(--rule-hair) solid var(--border);display:grid}.motion-gallery>header,.motion-refine>header,.motion-source>div:first-child{gap:var(--space-md);display:grid}.motion-gallery>header p,.motion-refine>header p,.motion-source>div:first-child p{max-width:64ch;color:var(--muted-foreground);line-height:1.6}.motion-gallery-grid{gap:var(--space-lg);display:grid}.motion-pattern-card{border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--card);min-width:0;box-shadow:var(--shadow-panel);grid-template-rows:auto minmax(18rem,1fr) auto;display:grid;overflow:visible}.motion-pattern-card>header{gap:var(--space-xs);padding:var(--space-lg);border-bottom:var(--rule-hair) solid var(--border);display:grid}.motion-pattern-card>header span{color:var(--primary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;font-weight:800}.motion-pattern-card h3,.motion-pattern-card p{margin:0}.motion-pattern-card h3{font-size:var(--text-xl);letter-spacing:-.04em}.motion-pattern-card>header p,.motion-pattern-card>footer p{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.5}.motion-pattern-stage{min-width:0;min-height:18rem;padding:clamp(var(--space-lg), 6vw, var(--space-3xl));background:var(--background);color:var(--foreground);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);align-content:center;place-items:center;display:grid}.motion-pattern-card>footer{gap:var(--space-md);padding:var(--space-lg);border-top:var(--rule-hair) solid var(--border);display:grid}.motion-pattern-card>footer>div{gap:var(--space-xs);flex-wrap:wrap;display:flex}.motion-pattern-card footer button{padding-inline:var(--space-md)}.motion-pattern-card footer button:last-child,.motion-refine-preview>footer button{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.motion-refine-layout{gap:var(--space-lg);align-items:start;min-width:0;display:grid}.motion-refine-controls,.motion-refine-preview{border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--card);min-width:0;box-shadow:var(--shadow-panel);overflow:hidden}.motion-refine-controls{display:grid}.motion-refine-controls>label,.motion-refine-controls>fieldset,.motion-refine-actions{min-width:0;padding:var(--space-lg);border:0;border-bottom:var(--rule-hair) solid var(--border);margin:0}.motion-refine-controls>label{gap:var(--space-sm);font-size:var(--text-sm);font-weight:750;display:grid}.motion-refine-controls>label>span{justify-content:space-between;gap:var(--space-md);display:flex}.motion-refine-controls output{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-xs)}.motion-refine-controls input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--primary);cursor:pointer}.motion-refine-controls legend{margin-bottom:var(--space-md);font-size:var(--text-sm);padding:0;font-weight:750}.motion-ease-choices{flex-wrap:wrap}.motion-ease-choices button,.motion-refine-actions button{padding-inline:var(--space-md)}.motion-refine-actions{border-bottom:0}.motion-refine-preview{background:var(--background);color:var(--foreground);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif)}.motion-refine-preview>header{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:5rem;padding:var(--space-lg);border-bottom:var(--rule-hair) solid var(--border);background:var(--card);display:flex}.motion-refine-preview>header div{gap:var(--space-2xs);display:grid}.motion-refine-preview>header span{color:var(--primary);font-size:var(--text-xs);text-transform:uppercase;font-weight:800}.motion-refine-preview>header h3{font-size:var(--text-xl);letter-spacing:-.04em;margin:0}.motion-refine-preview>header button{padding-inline:var(--space-md)}.motion-preview-pair{gap:var(--rule-hair);background:var(--border);display:grid}.motion-preview-pair>section{background:var(--background);grid-template-rows:auto 1fr;min-width:0;min-height:20rem;display:grid}.motion-preview-pair>section>span{padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hair) solid var(--border);color:var(--muted-foreground);font-size:var(--text-xs);text-transform:uppercase;font-weight:800}.motion-preview-stage{min-width:0;padding:clamp(var(--space-lg), 5vw, var(--space-2xl));align-content:center;place-items:center;display:grid}.motion-refine-preview>footer{gap:var(--rule-hair);border-top:var(--rule-hair) solid var(--border);background:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.motion-refine-preview>footer>div{align-content:center;gap:var(--space-2xs);min-height:4.5rem;padding-inline:var(--space-md);background:var(--card);display:grid}.motion-refine-preview>footer strong{font-family:var(--font-mono);font-size:var(--text-sm)}.motion-refine-preview>footer span{color:var(--muted-foreground);font-size:var(--text-xs)}.motion-refine-preview>footer button{border:0;border-radius:0;grid-column:1/-1;min-height:4.5rem}.motion-source{border-bottom:0}.motion-source-cards{gap:var(--rule-hair);border:var(--rule-hair) solid var(--border);border-radius:var(--radius-card);background:var(--border);display:grid;overflow:hidden}.motion-source-cards article{align-content:start;gap:var(--space-md);padding:clamp(var(--space-lg), 4vw, var(--space-2xl));background:var(--card);display:grid}.motion-source-cards strong{font-size:var(--text-lg);letter-spacing:-.03em}.motion-source-cards p{color:var(--muted-foreground);margin:0;line-height:1.55}.motion-source-cards a{width:fit-content;color:var(--primary)}@media (hover:hover) and (pointer:fine){.motion-kit-choices button:hover,.motion-mode-choices button:hover,.motion-pattern-rail button:hover,.motion-ease-choices button:hover,.motion-refine-actions button:hover,.motion-pattern-card footer button:hover,.motion-refine-preview>header button:hover{background:var(--plane-1)}.motion-kit-choices button[aria-checked=true]:hover,.motion-mode-choices button[aria-pressed=true]:hover,.motion-pattern-rail button[aria-pressed=true]:hover,.motion-ease-choices button[aria-pressed=true]:hover,.motion-pattern-card footer button:last-child:hover{background:var(--primary)}}@media (min-width:48rem){.motion-opening{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.55fr);align-items:end}.motion-kit-bar{grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);align-items:end}.motion-dark-note{grid-column:2}.motion-gallery-grid,.motion-source-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-pattern-card:last-child{grid-column:1/-1}.motion-preview-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-refine-preview>footer{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(12rem,1.2fr)}.motion-refine-preview>footer button{grid-column:auto;min-height:4.5rem}}@media (min-width:68rem){.motion-kit-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end}.motion-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.motion-pattern-card{grid-column:span 3}.motion-pattern-card:nth-child(n+3),.motion-pattern-card:last-child{grid-column:span 2}.motion-refine-layout{grid-template-columns:minmax(18rem,.52fr) minmax(0,1.48fr)}}@media (max-width:34rem){.motion-studio-main{width:min(100% - 1rem,82rem)}.motion-opening h1{font-size:clamp(3rem,15vw,4.6rem)}.motion-mode-choices{width:100%}.motion-mode-choices button{flex:1;min-width:0}.motion-pattern-card>footer>div,.motion-refine-actions{grid-template-columns:1fr;display:grid}.motion-pattern-card footer button,.motion-refine-actions button{width:100%}.motion-refine-preview>header{flex-direction:column;align-items:stretch}.motion-refine-preview>footer{grid-template-columns:1fr}.motion-refine-preview>footer button{grid-column:auto}}@media (prefers-reduced-motion:reduce){.motion-opening a,.motion-source a{scroll-behavior:auto}}