:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.app{width:100%;margin:0;padding:0}.main-content{position:relative;width:100%;height:100vh;overflow-y:auto}.main-content-text{position:relative;margin:0 auto;padding:2rem 2rem 2rem 3.6rem;line-height:1.8}.main-content-text img{width:100%;height:auto;display:block;margin:0 auto 2rem;max-width:500px}.edit-text{position:fixed;right:.3rem;top:2rem;width:2.2rem;z-index:10;pointer-events:none}.rack-fixed{position:fixed;left:2px;top:0;width:var(--rack-width, 30px);height:200vh;z-index:50;pointer-events:none;overflow:hidden}.rack-pattern{position:absolute;left:0;top:0;width:var(--rack-width, 30px);height:200vh;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--pitch, 62.8px) - var(--thread-height, 5px)),var(--rack-color, #eab308) calc(var(--pitch, 62.8px) - var(--thread-height, 5px)),var(--rack-color, #eab308) var(--pitch, 62.8px));opacity:.8}.gear-wrapper{position:fixed;user-select:none;-webkit-user-select:none;touch-action:none;z-index:100}.gear{position:relative;display:flex;align-items:center;justify-content:center}.edit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;background-color:transparent}.edit-done-button{position:fixed;top:20px;right:20px;z-index:200;cursor:pointer;padding:.6rem 1.2rem;border:2px solid #3b82f6;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center}.edit-controls{position:fixed;top:5rem;right:30px;display:flex;flex-direction:column;gap:2rem;z-index:200;width:calc(100% - 90px);max-width:450px}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-option{display:flex;align-items:center;gap:1rem;cursor:pointer}.radio-button{width:35px;height:35px;border-radius:50%;border:1.5px solid #3b82f6;display:flex;align-items:center;justify-content:center;position:relative}.radio-button.white{background-color:#fff}.radio-button.transparent{background-color:transparent}.radio-button-inner{width:12px;height:12px;border-radius:50%;background-color:#3b82f6}.label-image{height:23px;width:auto;display:block}.slider-container{display:flex;align-items:center;gap:0}.slider-label{width:100px;display:flex;justify-content:flex-start}.slider-track-wrapper{position:relative;flex:1;height:20px;cursor:pointer;touch-action:none;display:flex;align-items:center}.slider-track{position:absolute;left:0;right:0;height:1px;background-color:#3b82f6;transform:translateY(-50%)}.slider-handle{position:absolute;transform:translate(-50%,-1px);width:19px;height:19px;border-radius:50%;border:1.5px solid #3b82f6;background-color:transparent;pointer-events:none}