.length-control{margin-bottom:1.5rem}.length-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.length-header label{color:var(--grey-700);font-size:.875rem;font-weight:600}.length-value{color:var(--grey-900);font-size:1.5rem;font-weight:700}.slider-long{background:linear-gradient(to right,var(--grey-800)0%,var(--grey-800)var(--fill-percent,100%),var(--grey-200)var(--fill-percent,100%),var(--grey-200)100%);appearance:none;cursor:pointer;border-radius:.5rem;outline:none;width:100%;height:.75rem}.slider-long::-webkit-slider-thumb{appearance:none;background:var(--grey-800);cursor:pointer;border:3px solid var(--white);border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:0 2px 4px #0003}.slider-long::-moz-range-thumb{background:var(--grey-800);cursor:pointer;border:3px solid var(--white);border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:0 2px 4px #0003}.options-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.option-item{border:2px solid var(--grey-200);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:border-color .2s;display:flex}.option-item:hover{border-color:var(--grey-300)}.option-item input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--grey-800)}.option-item span{color:var(--grey-700);font-weight:500}@media (max-width:768px){.options-grid{grid-template-columns:1fr}}body.dark .length-header label{color:var(--grey-100)}body.dark .length-value{color:var(--grey-white)}body.dark .slider-long{background:linear-gradient(to right,var(--yellow-500)0%,var(--yellow-500)var(--fill-percent,100%),var(--grey-600)var(--fill-percent,100%),var(--grey-600)100%)}body.dark .slider-long::-webkit-slider-thumb{background:var(--yellow-500);border:3px solid var(--grey-800)}body.dark .slider-long::-moz-range-thumb{background:var(--yellow-500);border:3px solid var(--grey-800)}body.dark .option-item{border-color:var(--grey-600)}body.dark .option-item:hover{border-color:var(--grey-500)}body.dark .option-item input[type=checkbox]{accent-color:var(--yellow-500)}body.dark .option-item span{color:var(--grey-100)}