@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background:#faf6f1;color:#333;font-family:Lato,sans-serif;font-size:20px;margin:0;padding:0}.App{position:relative}.canvas-container{height:100vh;left:300px;position:fixed;top:0;width:calc(100vw - 300px);z-index:0}.controls-panel{background:#f5eee3;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:0 10px 10px;position:fixed;top:0;width:300px;z-index:10}.bottom-controls{background:inherit;border-top:1px solid #0000001a;bottom:0;display:flex;justify-content:space-between;padding:5px}.app-title,.bottom-controls{position:-webkit-sticky;position:sticky}.app-title{background:#f5eee3;border-bottom:1px solid #0000001a;color:#7a6f5a;font-size:20px;margin:0 0 5px;padding:10px 0 8px;text-align:center;top:0;z-index:20}.dark-mode .app-title{background:#222;color:#e0e0e0}.section{margin-bottom:10px}.section-header{align-items:center;background:#ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:4px 8px}.section-content{background:#fff;border:1px solid #ccc;border-radius:4px;margin-top:4px;padding:4px 8px}.control-row{align-items:center;font-size:14px;gap:5px;margin-bottom:10px;span{text-align:right;width:25%}}.control-row-input{font-size:14px;margin-bottom:6px;span{text-align:center}}.control-row-colors{font-size:14px;margin-bottom:0}.control-row-checkbox{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px;margin-top:6px;input{text-align:center;width:-webkit-fit-content!important;width:fit-content!important}}.control-row-edit{font-size:14px;label{padding-right:12px}input{font-size:14px;padding:4px;width:75%}button{margin-left:10px!important}}.label-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:5px;label{width:-webkit-fill-available}select{margin-bottom:0!important;padding:2px!important}}.label-row-input{align-items:center;display:flex;justify-content:space-between;input{margin-bottom:0!important;padding:2px!important;text-align:center;width:-webkit-fit-content!important;width:fit-content!important}span{font-size:12px}}.controls-panel button,.controls-panel input,.controls-panel select{background:#d3c7b7;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;margin:2px 0;padding:5px;transition:background .2s;width:100%}.controls-panel button:hover{background:#bfb3a5}.small-label{flex:0 0 auto;font-size:14px}.buttons-row{display:flex;gap:4px}.buttons-row button{flex:1 1;font-size:12px}.color-options{align-items:center;display:flex;gap:5px}.color-options-radio{display:flex;flex-direction:column;input{accent-color:#888;margin-right:10px;width:-webkit-fit-content;width:fit-content}label{display:inline-flex;font-size:14px}}.color-swatch{border:1px solid #ccc;border-radius:4px;cursor:pointer;height:16px;width:16px}.color-input{border:1px solid #fff!important;border-radius:4px!important;height:26px!important;margin-left:10px!important;padding:1px!important;width:26px!important}.palette-selector{margin:10px 0 15px;text-align:center}.palette-option{border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;margin:0 2px 3px;padding:2px;transition:border .2s}.palette-option.selected{border:2px solid #7a6f5a}.palette-name{align-content:center;font-size:12px;padding:0 20px 0 6px;text-align:left;width:46px}.palette-swatch-container{border-radius:3px;display:"inline-block";height:16px;justify-content:center;margin:0;width:16px}input[type=range]{-webkit-appearance:none;background:#e0e0e0;border:none;border-radius:10px;height:4px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#888;border-radius:50%;cursor:pointer;height:12px;width:12px}input[type=range]::-moz-range-thumb{background:#888;border-radius:50%;cursor:pointer;height:12px;width:12px}.react-range__track{background:#e0e0e0!important;border-radius:4px;height:8px!important}.react-range__thumb{background:#888!important;border-radius:50%!important;box-shadow:0 0 2px #00000080!important;height:10px!important;width:10px!important}.edit-controls-locked{background:#f5eee3;border-top:1px solid #ccc;bottom:0;padding-top:4px}.edit-controls-locked,.help-button{position:-webkit-sticky;position:sticky}.help-button{background:#7a6f5a;border:none;border-radius:4px;bottom:10px;color:#fff;cursor:pointer;font-size:14px;left:10px;margin-left:2px!important;padding:6px;width:300px}.help-button:hover{background:#5e5447}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000004d;max-height:80vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:80%}.modal .close-button{background:#0000;border:none;color:#7a6f5a;cursor:pointer;font-size:24px;line-height:1;padding:0;position:absolute;right:10px;top:10px}.modal .close-button:hover{color:#5e5447}.modal h2{color:#7a6f5a;font-size:20px;margin-top:0}.modal p{font-size:14px;line-height:1.5}.modal button{background:#7a6f5a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:5px 8px}.modal button:hover{background:#5e5447}.control-column{display:flex;flex-direction:column;gap:4px;label{font-size:14px;margin-bottom:4px}}.dark-mode{color:#f0f0f0}.dark-mode,.dark-mode .canvas-container{background:#000}.dark-mode .controls-panel{background:#222;color:#f0f0f0}.dark-mode .section-content{background:#333;color:#f0f0f0}.dark-mode .controls-panel button,.dark-mode .controls-panel input,.dark-mode .controls-panel select{background:#444;border:1px solid #555;color:#f0f0f0}.dark-mode .section-header{background:#555;border:1px solid #444;color:#f0f0f0}.fixed-controls{bottom:10px;display:flex;gap:10px;left:10px;position:fixed;z-index:20}.dark-mode-toggle{background:#7a6f5a;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:2px!important;padding:5px 10px}.dark-mode-toggle:hover{background:#5e5447}.edit-button{background:#7a6f5a;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:12px!important;line-height:1;margin-left:auto!important;margin-top:4px!important;padding:2px 4px!important;width:-webkit-fit-content!important;width:fit-content!important}.edit-button:hover{background:#5e5447}.help-content{color:#333;font-size:16px;line-height:1.5;padding:20px}.help-content h2{color:#7a6f5a;font-size:24px;margin-bottom:10px;margin-top:0}.help-content p{margin:4px 0 10px}.help-content ol{margin-bottom:10px;padding-left:20px}.help-content ol li{margin-bottom:4px}.help-content ul{list-style-type:disc;margin-bottom:5px;margin-top:5px;padding-left:20px;li{font-size:14px}}.help-content strong{color:#7a6f5a}.help-content em{font-style:italic}.allowed-shapes-dropdown-header{align-items:center;background:#d3c7b7;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px;padding:4px 8px}.allowed-shapes-dropdown-header .small-label{margin:0}.dropdown-arrow{color:#616161;font-size:12px}.allowed-shapes-options{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:4px 8px}.allowed-shapes-options label{align-items:center;display:inline-flex;gap:4px;margin:0;width:auto}.allowed-shapes-options input[type=checkbox]{accent-color:#888;margin:0 6px 0 0;width:auto}
/*# sourceMappingURL=main.e08cea36.css.map*/