@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-container{background-color:#f7f8fc;display:flex;flex-direction:row;font-family:Inter,sans-serif;min-height:100vh}.editor-panel{background-color:#fff;border-right:1px solid #e8eaf0;height:100vh;overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:0;width:380px}.preview-panel{flex-grow:1;height:100vh;overflow-y:auto;padding:48px}.control-group{border-bottom:1px solid #f4f5f7;margin-bottom:28px;padding-bottom:24px}.control-group:last-child{border-bottom:none}.control-group h3{color:#1a202c;font-size:16px;font-weight:600;letter-spacing:-.2px;margin-bottom:18px;margin-top:0}label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:10px}input[type=range]{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:99px;height:6px;opacity:.9;outline:none;transition:opacity .2s;width:100%}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1e1e1e;border:2px solid #fff;border-radius:50%;cursor:pointer;height:18px;width:18px}input[type=range]::-moz-range-thumb{background:#1e1e1e;border:2px solid #fff;border-radius:50%;cursor:pointer;height:18px;width:18px}input[type=number],select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}input[type=number]:focus,select:focus{border-color:#1e1e1e;box-shadow:0 0 0 2px #1e1e1e1a;outline:none}input[type=color]{-webkit-appearance:none;appearance:none;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:42px;overflow:hidden;padding:0;width:100%}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}
/*# sourceMappingURL=main.3a1f2156.css.map*/