#root,body,html{box-sizing:border-box;height:100%;margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;text-align:center;width:100%}.App h1{flex-shrink:0;margin-bottom:15px}.App>div:last-child{display:flex;flex-grow:1;min-height:0;width:100%}body,html{height:100%;margin:0;padding:0}.App,body,html{overflow:hidden}.App{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:20px}.controls{margin-bottom:20px}.controls button{margin:0 5px}.drawing-area{margin-bottom:20px}.edit-panel{border:1px solid blue;margin-top:20px;max-width:500px;padding:15px;width:80%}.edit-panel h3{margin-top:0}.edit-panel h4{border-bottom:1px solid #eee;margin-top:15px;padding-bottom:5px}.edit-panel div,.edit-panel h4{margin-bottom:10px}.edit-panel label{display:inline-block;margin-right:10px;width:150px}.edit-panel input[type=number],.edit-panel select{padding:5px;width:100px}.edit-panel input[type=checkbox]{margin-left:5px}.segment{transition:fill .2s ease-in-out}.segment:hover{fill:#f08080!important}.add-button circle{transition:fill .15s ease-in-out,stroke .15s ease-in-out}.add-before-button:hover circle{fill:#b3d1ff;stroke:#357abd}.add-after-button:hover circle{fill:#cff0e8;stroke:#408d8b}.main-layout{display:flex;flex-grow:1;gap:20px;overflow:hidden;width:100%}.left-column{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;flex:0 0 350px;flex-direction:column;gap:15px;padding:15px}.left-column,.right-column{display:flex;max-height:100%}.right-column{background-color:#fff;border:1px solid #ccc;border-radius:8px;flex:1 1 auto;flex-direction:column;min-width:0;overflow:hidden;position:relative}.viewer-padding-wrapper{flex-grow:1;min-height:0;position:relative}.preset-selector,.viewer-padding-wrapper{box-sizing:border-box;display:flex;height:100%;padding:20px}.preset-selector{align-items:center;flex-direction:column;justify-content:flex-start;min-height:500px;text-align:center}.preset-selector h2{background:#fff;color:#343a40;margin-bottom:30px;margin-top:0;padding-bottom:10px;padding-top:20px;position:sticky;top:0;width:100%;z-index:5}.preset-card-container{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:0;max-width:700px;padding-bottom:20px;padding-top:20px;width:100%}.preset-card{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-align:center;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;width:180px}.preset-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.preset-name{color:#495057;font-weight:600;margin-top:15px}.reset-button{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:50%;color:#721c24;cursor:pointer;display:flex;font-size:1.4em;height:40px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:background-color .2s ease,transform .2s ease;width:40px;z-index:10}.reset-button:hover{background-color:#f1c6cb;transform:scale(1.1)}.edit-panel-overlay{background-color:#fffffffa;border:1px solid #adb5bd;border-radius:8px;box-shadow:0 5px 15px #00000026;box-sizing:border-box;max-height:85vh;max-width:400px;padding:12px;scrollbar-width:thin;width:90%;z-index:20}.edit-panel-overlay>div{overflow-y:visible}.edit-panel-overlay::-webkit-scrollbar{background-color:initial;width:6px}.edit-panel-overlay::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.edit-panel-overlay h3{font-size:1rem;margin-bottom:10px;margin-top:0;text-align:center}.edit-panel-overlay h4{font-size:.9rem;margin-bottom:8px;margin-top:10px;text-align:center}.edit-panel-overlay div{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;justify-content:center;margin-bottom:8px}.edit-panel-overlay label{flex-shrink:0;font-size:.85rem;margin-right:5px;text-align:right;width:110px}.edit-panel-overlay input[type=range]{flex-shrink:1;margin:0 5px;width:100px}.edit-panel-overlay span{flex-shrink:0;font-size:.85rem;min-width:30px}.edit-panel-overlay div>input[type=range]+span{align-items:center;display:flex;justify-content:flex-start}.edit-panel-overlay input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:5px;height:10px;outline:none}.edit-panel-overlay input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:16px;width:16px}.edit-panel-overlay input[type=checkbox]{margin-left:5px;transform:scale(.9)}.edit-panel-overlay select{font-size:.85rem;padding:3px;width:110px}.edit-panel-overlay button{font-size:.9rem;margin-top:10px;padding:6px 12px}body{color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{color:#2a2a2a;font-weight:600;margin-bottom:25px}button,input[type=button],input[type=submit]{background-color:#007bff;border:1px solid #007bff;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 15px;transition:background-color .2s ease,border-color .2s ease}button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#0056b3;border-color:#004085}button.secondary{background-color:#6c757d;border-color:#6c757d}button.secondary:hover{background-color:#5a6268;border-color:#545b62}button.danger{background-color:#dc3545;border-color:#dc3545}button.danger:hover{background-color:#c82333;border-color:#bd2130}.edit-panel h3{border-bottom:1px solid #e9ecef;color:#343a40;margin-bottom:15px;padding-bottom:8px}.edit-panel label{color:#495057;font-weight:500;width:160px}.edit-panel input[type=number],.edit-panel select{border:1px solid #ced4da;border-radius:4px;padding:6px 10px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:120px}.edit-panel input[type=number]:focus,.edit-panel select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}@media (max-width:1024px){.left-column{flex:0 0 300px}}@media (max-width:768px){.App{display:flex;height:100%;min-height:100vh;padding:10px}.App,.main-layout{flex-direction:column;overflow:auto}.main-layout{flex:1 1;gap:10px;height:auto;min-height:0}.left-column{flex:1 1 auto;max-height:calc(50vh - 80px);order:2;overflow-y:auto;padding:10px}.left-column,.right-column{border-radius:8px;width:100%}.right-column{flex:0 0 45vh;max-height:45vh;min-height:250px;order:1;overflow:hidden}.viewer-padding-wrapper{padding:10px}h1{font-size:1.5rem;margin-bottom:15px}.edit-panel-overlay{left:50%;max-height:70vh;max-width:350px;overflow-y:auto!important;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.preset-card-container{gap:15px}.preset-card{padding:15px;width:calc(50% - 10px)}.edit-panel-overlay label{font-size:.8rem;width:100px}.edit-panel-overlay input[type=range]{width:90px}.edit-panel-overlay select{width:100px}}@media (max-height:700px){.edit-panel-overlay{max-height:75vh}}@media (max-height:600px){.edit-panel-overlay{max-height:70vh}}@media (max-width:480px){.App{padding:5px}.right-column{flex:0 0 40vh;max-height:40vh;min-height:200px}.left-column{max-height:calc(60vh - 70px)}.edit-panel-overlay{-webkit-overflow-scrolling:touch;max-height:60vh;max-width:300px;overflow-y:auto!important;padding:8px;width:95%}.edit-panel-overlay:after{background:linear-gradient(0deg,#ffffffe6,#0000);bottom:0;content:"";display:block;height:20px;margin-top:-20px;pointer-events:none;position:sticky;width:100%}.edit-panel-overlay div{align-items:flex-start;flex-direction:column;margin-bottom:12px}.edit-panel-overlay label{margin-bottom:4px;margin-right:0;text-align:left;width:100%}.edit-panel-overlay div>input[type=range],.edit-panel-overlay div>select{margin:0;width:100%}.edit-panel-overlay h4{margin-bottom:6px;margin-top:8px}.edit-panel-overlay input[type=range]{display:block;margin:0 auto;max-width:250px;width:100%}.edit-panel-overlay span{margin-top:4px;text-align:center;width:100%}.edit-panel-overlay div label{align-items:center;display:flex}.edit-panel-overlay div label input[type=checkbox]{margin-left:8px;margin-right:0}.edit-panel-overlay button{background-color:#dc3545;border-color:#dc3545;bottom:0;color:#fff;font-weight:700;margin-bottom:0;margin-top:10px;padding:8px 12px;position:sticky;width:100%;z-index:2}.edit-panel-overlay{padding-bottom:15px}.edit-panel-overlay:after{bottom:38px}.preset-card{width:calc(100% - 10px)}.edit-panel label{width:120px}.edit-panel input[type=number],.edit-panel select{width:100px}}@media (max-width:480px) and (max-height:700px){.edit-panel-overlay{max-height:55vh}}@media (max-width:480px) and (max-height:600px){.edit-panel-overlay{max-height:50vh}}.scroll-cutter{overflow:auto;position:relative;scrollbar-width:none}.scroll-cutter::-webkit-scrollbar{display:none}.scroll-cutter-container{position:relative}.scroll-cutter-container:before{background:linear-gradient(180deg,#0000001a,#0000);top:0}.scroll-cutter-container:after,.scroll-cutter-container:before{content:"";height:8px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:25}.scroll-cutter-container:after{background:linear-gradient(0deg,#0000001a,#0000);bottom:0}.scroll-cutter-container.can-scroll-down:after,.scroll-cutter-container.can-scroll-up:before{opacity:1}.left-column{overflow-y:auto;scrollbar-width:none}.left-column::-webkit-scrollbar{display:none}.preset-selector{overflow:auto;scrollbar-width:none}.preset-selector::-webkit-scrollbar{display:none}.edit-panel-overlay{overflow-y:auto;scrollbar-width:none}.edit-panel-overlay::-webkit-scrollbar{display:none}.main-layout{max-height:calc(100vh - 80px)}.viewer-padding-wrapper{overflow:hidden}.edit-panel-overlay>*{height:auto;min-height:0;width:100%}@media (min-height:800px){.edit-panel-overlay{max-height:700px}}@media (min-height:600px) and (max-height:800px){.edit-panel-overlay{max-height:500px}}@media (max-height:600px){.edit-panel-overlay{max-height:400px}}@media (max-height:500px){.edit-panel-overlay{max-height:350px}}.small-device-notification{align-items:center;background-color:#fffffff2;box-sizing:border-box;display:none;flex-direction:column;height:100%;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.small-device-notification h2{color:#333;font-size:1.5rem;margin-bottom:20px}.small-device-notification p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:20px}.small-device-notification .contact-link{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-weight:700;margin-top:15px;padding:12px 25px;text-decoration:none;transition:background-color .2s}.small-device-notification .contact-link:hover{background-color:#0056b3}.small-device-notification .logo{height:80px;margin-bottom:20px;width:80px}.small-device-notification .simple-logo{margin:0 auto 20px;text-align:center;width:120px}.small-device-notification .logo-lm{color:#000;font-family:Times New Roman,serif;font-size:42px;font-weight:200;letter-spacing:2px}.small-device-notification .logo-divider{background-color:#bf9b30;height:1px;margin:5px 0}.small-device-notification .logo-stairs{color:#000;font-family:Arial,sans-serif;font-size:16px;font-weight:300;letter-spacing:4px;text-transform:uppercase}@media (max-width:640px){.small-device-notification{display:flex}.main-layout,h1{display:none}}.small-device-notification .notification-buttons{display:flex;flex-direction:column;gap:15px;margin-top:20px;max-width:250px;width:100%}.small-device-notification .main-site-link{background-color:#bf9b30;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:12px 25px;text-decoration:none;transition:background-color .2s}.small-device-notification .main-site-link:hover{background-color:#a88928}
/*# sourceMappingURL=main.f1383c9e.css.map*/