.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{font-family:var(--font-mono);font-size:max(12px,1.2rem);opacity:.8;text-transform:uppercase}.curvekit__title{font-size:max(26px,4.8rem);line-height:1.05;letter-spacing:-.02em}.curvekit__description,.curvekit__feedback{font-size:max(14px,1.6rem);line-height:1.35;color:color-mix(in srgb,var(--theme-secondary) 80%,transparent)}.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__heading{font-size:max(16px,2rem);letter-spacing:-.01em}.curvekit__graph-wrap{margin:0;display:grid;gap:max(6px,.6rem)}.curvekit__graph-stage{position:relative;width:100%}.curvekit__graph-wrap figcaption{font-size:max(12px,1.3rem);line-height:1.25;color:color-mix(in srgb,var(--theme-secondary) 75%,transparent)}[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:1.25;filter:drop-shadow(0 0 max(4px,.35rem) color-mix(in srgb,#71ff7f 56%,transparent))}.curvekit__graph-anchor{fill:#f5f8ff;stroke:#5d89ff;stroke-width:.7}.curvekit__graph-handle{fill:#f5f8ff;stroke:#5d89ff;stroke-width:.75;filter:drop-shadow(0 0 max(3px,.3rem) color-mix(in srgb,#78ff81 44%,transparent));cursor:grab}.curvekit__graph-handle:active{cursor:grabbing}.curvekit__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:max(8px,.8rem)}.curvekit__field{display:grid;gap:max(3px,.3rem);font-size:max(12px,1.3rem)}.curvekit__field span{color:color-mix(in srgb,var(--theme-secondary) 85%,transparent)}.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__preview-title{font-size:max(13px,1.4rem);color:color-mix(in srgb,var(--theme-secondary) 82%,transparent)}.curvekit__track{border-radius:999px;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:50%;background:var(--theme-accent);box-shadow:0 0 max(8px,.8rem) color-mix(in srgb,var(--theme-accent) 60%,transparent);transform:translate(0)}.curvekit__preview-controls{display:flex;align-items:end;gap:max(10px,1rem);flex-wrap:wrap}.curvekit__duration-field{display:grid;gap:max(3px,.3rem);min-width:max(85px,8.5rem);font-size:max(12px,1.3rem)}.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__motion-note{font-size:max(12px,1.2rem);color:color-mix(in srgb,var(--theme-secondary) 70%,transparent)}.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 p{font-size:max(12px,1.3rem);color:color-mix(in srgb,var(--theme-secondary) 82%,transparent)}.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);font-size:max(12px,1.3rem)}@media (max-width: 900px){.curvekit__layout{grid-template-columns:minmax(0,1fr)}}