.curvekit{width:min(100%,1020px);margin:0 auto max(40px,4rem);color:var(--theme-secondary);display:grid;gap:max(24px,2.4rem)}.curvekit__header{display:grid;gap:max(10px,1rem);max-width:max(50rem,350px)}.curvekit__eyebrow,.curvekit__description,.curvekit__feedback,.curvekit__field,.curvekit__duration-field,.curvekit__motion-note,.curvekit__output p,.curvekit__status,.curvekit__graph-wrap figcaption,.curvekit__preview-title{font-family:var(--font-mono)}.curvekit__title,.curvekit__heading{font-family:var(--font-sans)}.curvekit__feedback a{color:var(--theme-accent);text-decoration:underline;text-underline-offset:2px}.curvekit__layout{display:grid;gap:max(15px,1.5rem);grid-template-columns:repeat(2,minmax(0,1fr))}.curvekit__panel{background:color-mix(in srgb,var(--theme-secondary) 6%,var(--theme-primary));border:1px solid color-mix(in srgb,var(--theme-secondary) 14%,transparent);border-radius:max(10px,1rem);padding:max(15px,1.5rem);display:grid;gap:max(12px,1.2rem);align-content:start}.curvekit__graph-wrap{margin:0;display:grid;gap:max(6px,.6rem)}.curvekit__graph-stage{position:relative;width:100%}[data-curvekit-graph]{width:100%;border-radius:max(7px,.7rem);border:1px solid color-mix(in srgb,var(--theme-secondary) 12%,transparent);background:#111313;touch-action:none}.curvekit__graph-bg{fill:#111313}.curvekit__graph-grid{fill:none;stroke:color-mix(in srgb,var(--theme-secondary) 20%,transparent);stroke-width:.4}.curvekit__graph-arm{stroke:color-mix(in srgb,#6ea2ff 55%,transparent);stroke-width:.6;stroke-dasharray:1.6 1.2;opacity:.55}.curvekit__graph-frame{fill:none;stroke:color-mix(in srgb,var(--theme-secondary) 28%,transparent);stroke-width:.4}.curvekit__graph-path{fill:none;stroke:#7ea6ff;stroke-width:.6}.curvekit__graph-anchor{fill:#f5f8ff;stroke:#5d89ff;stroke-width:.4}.curvekit__graph-handle{fill:#f5f8ff;stroke:#5d89ff;stroke-width:.4;cursor:grab}.curvekit__graph-handle:active{cursor:grabbing}.curvekit__ai{display:grid;gap:max(8px,.8rem)}.curvekit__ai-field textarea{min-height:64px;resize:vertical}.curvekit__ai-actions{display:flex;flex-wrap:wrap;align-items:center;gap:max(10px,1rem)}.curvekit__ai-status{margin:0;font-size:max(12px,1.2rem);line-height:1.35;color:color-mix(in srgb,var(--theme-secondary) 72%,transparent)}.curvekit__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:max(8px,.8rem)}.curvekit__field{display:grid;gap:max(3px,.3rem)}.curvekit__field span{color:color-mix(in srgb,var(--theme-secondary) 85%,transparent)}.curvekit__field--compact{min-width:max(72px,7.2rem)}.curvekit :is(input,select,button){border-radius:max(5px,.5rem);border:1px solid color-mix(in srgb,var(--theme-secondary) 18%,transparent);background:color-mix(in srgb,var(--theme-primary) 70%,transparent);color:var(--theme-secondary);padding:max(6px,.55rem) max(7px,.7rem);font-size:max(13px,1.4rem);line-height:1.2}.curvekit button{width:fit-content;font-weight:650}.curvekit__preview{display:grid;gap:max(9px,.85rem)}.curvekit__track{display:grid;grid-auto-flow:row;justify-items:start;align-items:center;gap:max(4px,.4rem);border-radius:2px;border:1px solid color-mix(in srgb,var(--theme-secondary) 18%,transparent);padding:max(5px,.5rem);--curvekit-travel: 0px;background:color-mix(in srgb,var(--theme-primary) 75%,transparent)}.curvekit__dot{width:max(12px,1.2rem);height:max(12px,1.2rem);border-radius:2px;background:var(--theme-accent);box-shadow:0 0 max(8px,.8rem) color-mix(in srgb,var(--theme-accent) 60%,transparent);transform:translate(0);flex:0 0 auto}.curvekit__dot--stagger{opacity:.88}.curvekit__preview-controls{display:flex;align-items:end;gap:max(10px,1rem);flex-wrap:wrap}.curvekit__preview-controls--primary,.curvekit__preview-controls--secondary{width:100%}.curvekit__duration-field{display:grid;gap:max(3px,.3rem);min-width:max(85px,8.5rem)}.curvekit__duration-field>span{color:color-mix(in srgb,var(--theme-secondary) 85%,transparent)}.curvekit__duration-input{display:flex;align-items:center;gap:max(5px,.5rem);border-radius:max(5px,.5rem);border:1px solid color-mix(in srgb,var(--theme-secondary) 18%,transparent);background:color-mix(in srgb,var(--theme-primary) 70%,transparent);padding:max(4px,.35rem) max(6px,.55rem)}.curvekit__duration-input input{width:max(45px,4.5rem);border:0;background:transparent;color:var(--theme-secondary);font:inherit;padding:0}.curvekit__duration-input input:focus{outline:none}.curvekit__duration-input span{color:color-mix(in srgb,var(--theme-secondary) 70%,transparent);font-size:max(12px,1.2rem)}.curvekit__output{display:grid;gap:max(5px,.5rem)}.curvekit__output-head{display:flex;justify-content:space-between;align-items:center;gap:max(10px,1rem)}.curvekit__output code,.curvekit__output pre{margin:0;padding:max(8px,.8rem);border-radius:max(6px,.6rem);background:color-mix(in srgb,var(--theme-primary) 78%,transparent);border:1px solid color-mix(in srgb,var(--theme-secondary) 12%,transparent);font-size:max(11px,1.2rem);line-height:1.4;overflow-x:auto;white-space:pre;font-family:var(--font-mono)}.curvekit__status{min-height:1.4em;color:var(--theme-accent)}@media (max-width: 900px){.curvekit__layout{grid-template-columns:minmax(0,1fr)}}