.MotionPathGeneratorClient-module__kKYEoG__layout{gap:2rem;display:grid}@media (min-width:1120px){.MotionPathGeneratorClient-module__kKYEoG__layout{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start}}.MotionPathGeneratorClient-module__kKYEoG__sidebar{flex-direction:column;gap:1.5rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__panel{background:var(--surface);border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);box-shadow:var(--shadow-1);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__sectionHeader h2,.MotionPathGeneratorClient-module__kKYEoG__previewHeader h2,.MotionPathGeneratorClient-module__kKYEoG__outputHeader h2{margin-bottom:.35rem;font-size:1.1rem}.MotionPathGeneratorClient-module__kKYEoG__sectionHeader p,.MotionPathGeneratorClient-module__kKYEoG__previewHeader p,.MotionPathGeneratorClient-module__kKYEoG__outputHeader p{color:var(--muted);font-size:.92rem;line-height:1.5}.MotionPathGeneratorClient-module__kKYEoG__fieldGroup{flex-direction:column;gap:.75rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__groupTitle{font-size:.95rem;font-weight:600}.MotionPathGeneratorClient-module__kKYEoG__fieldRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (max-width:640px){.MotionPathGeneratorClient-module__kKYEoG__fieldRow{grid-template-columns:1fr}}.MotionPathGeneratorClient-module__kKYEoG__field{flex-direction:column;gap:.35rem;font-size:.92rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__field span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem}.MotionPathGeneratorClient-module__kKYEoG__field input,.MotionPathGeneratorClient-module__kKYEoG__field select{border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--surface)92%,transparent);color:inherit;padding:.55rem .7rem}.MotionPathGeneratorClient-module__kKYEoG__field input:focus,.MotionPathGeneratorClient-module__kKYEoG__field select:focus{outline:2px solid color-mix(in srgb,var(--brand)28%,transparent);outline-offset:2px}.MotionPathGeneratorClient-module__kKYEoG__segmentList{flex-direction:column;gap:1rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__segmentCard{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);flex-direction:column;gap:1rem;padding:1rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__segmentHeader{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__segmentHeader h3{margin:0;font-size:1rem}.MotionPathGeneratorClient-module__kKYEoG__segmentHeader h4{margin:0}.MotionPathGeneratorClient-module__kKYEoG__removeButton{border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--muted);background:0 0;padding:.4rem .7rem;font-weight:600;transition:color .2s,border-color .2s,background .2s}.MotionPathGeneratorClient-module__kKYEoG__removeButton:hover:not(:disabled){color:var(--brand);border-color:var(--brand);background:color-mix(in srgb,var(--brand)12%,transparent)}.MotionPathGeneratorClient-module__kKYEoG__removeButton:disabled{opacity:.45;cursor:not-allowed}.MotionPathGeneratorClient-module__kKYEoG__buttonRow{flex-wrap:wrap;gap:.75rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__secondaryButton{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--brand)30%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--brand)22%,transparent)0%,color-mix(in srgb,var(--brand)12%,transparent)100%);color:inherit;align-items:center;gap:.35rem;padding:.55rem .95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.MotionPathGeneratorClient-module__kKYEoG__secondaryButton:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(220,56,45,.12)}.MotionPathGeneratorClient-module__kKYEoG__ghostButton{border-radius:var(--radius-sm);border:1px dashed var(--border-strong);color:var(--muted);background:0 0;padding:.55rem .95rem;font-weight:600;transition:color .2s,border-color .2s}.MotionPathGeneratorClient-module__kKYEoG__ghostButton:hover{color:var(--brand);border-color:var(--brand)}.MotionPathGeneratorClient-module__kKYEoG__fieldColumn{gap:.85rem;display:grid}.MotionPathGeneratorClient-module__kKYEoG__offsetRotateRow{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.MotionPathGeneratorClient-module__kKYEoG__offsetRotateRow select,.MotionPathGeneratorClient-module__kKYEoG__offsetRotateRow input{width:100%}.MotionPathGeneratorClient-module__kKYEoG__offsetRotateRow input:disabled{opacity:.55;cursor:not-allowed}@media (max-width:640px){.MotionPathGeneratorClient-module__kKYEoG__offsetRotateRow{grid-template-columns:1fr}}.MotionPathGeneratorClient-module__kKYEoG__previewColumn{flex-direction:column;gap:1.5rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__previewPanel,.MotionPathGeneratorClient-module__kKYEoG__outputPanel{background:var(--surface);border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);box-shadow:var(--shadow-2);flex-direction:column;gap:1.5rem;padding:1.75rem 1.5rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__previewHeader,.MotionPathGeneratorClient-module__kKYEoG__outputHeader{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.MotionPathGeneratorClient-module__kKYEoG__previewStageWrapper{justify-content:center;display:flex}.MotionPathGeneratorClient-module__kKYEoG__motionStage{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(220,56,45,.08),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--brand)10%,transparent)0%,transparent 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.MotionPathGeneratorClient-module__kKYEoG__pathSvg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.MotionPathGeneratorClient-module__kKYEoG__pathBackdrop{fill:color-mix(in srgb,var(--surface)92%,transparent)}.MotionPathGeneratorClient-module__kKYEoG__motionPath{fill:none;stroke:var(--brand);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.MotionPathGeneratorClient-module__kKYEoG__handleGroup{stroke:color-mix(in srgb,var(--muted)45%,transparent);stroke-width:.9px}.MotionPathGeneratorClient-module__kKYEoG__handleLine{stroke-dasharray:3 2}.MotionPathGeneratorClient-module__kKYEoG__pointStart{fill:var(--brand)}.MotionPathGeneratorClient-module__kKYEoG__pointEnd{fill:color-mix(in srgb,var(--brand)32%,transparent)}.MotionPathGeneratorClient-module__kKYEoG__handlePointGroup{fill:color-mix(in srgb,var(--muted)65%,transparent)}.MotionPathGeneratorClient-module__kKYEoG__handlePoint{fill:currentColor}.MotionPathGeneratorClient-module__kKYEoG__follower{background:linear-gradient(135deg,var(--brand)0%,color-mix(in srgb,var(--brand)45%,var(--accent)55%)100%);color:#fff;letter-spacing:.05em;offset-distance:0%;border-radius:18px;place-items:center;width:42px;height:42px;font-weight:700;animation-name:MotionPathGeneratorClient-module__kKYEoG__motionPathFollow;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:grid;position:absolute;top:0;left:0;box-shadow:0 20px 40px rgba(220,56,45,.25)}.MotionPathGeneratorClient-module__kKYEoG__follower span{pointer-events:none;font-size:1.35rem}@keyframes MotionPathGeneratorClient-module__kKYEoG__motionPathFollow{0%{offset-distance:0%}to{offset-distance:100%}}.MotionPathGeneratorClient-module__kKYEoG__sliderRow{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.MotionPathGeneratorClient-module__kKYEoG__sliderRow label{font-size:.9rem;font-weight:600}.MotionPathGeneratorClient-module__kKYEoG__sliderRow input[type=range]{width:100%;accent-color:var(--brand)}.MotionPathGeneratorClient-module__kKYEoG__sliderValue{color:var(--muted);font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem}.MotionPathGeneratorClient-module__kKYEoG__codeBlock{background:var(--surface-2);border-radius:var(--radius);border:1px dashed var(--border);padding:1rem;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}@media (max-width:1024px){.MotionPathGeneratorClient-module__kKYEoG__layout{grid-template-columns:1fr}.MotionPathGeneratorClient-module__kKYEoG__previewColumn{order:-1}}@media (max-width:480px){.MotionPathGeneratorClient-module__kKYEoG__secondaryButton,.MotionPathGeneratorClient-module__kKYEoG__ghostButton{justify-content:center;width:100%}.MotionPathGeneratorClient-module__kKYEoG__previewHeader,.MotionPathGeneratorClient-module__kKYEoG__outputHeader{flex-direction:column;align-items:stretch}.MotionPathGeneratorClient-module__kKYEoG__sliderRow{grid-template-columns:1fr;gap:.5rem}.MotionPathGeneratorClient-module__kKYEoG__sliderValue{text-align:right}}