body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}textarea{resize:none}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.flex{display:-webkit-flex;display:-moz-box;display:flex}.flex-center{-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.result,.text-editor{-webkit-flex-basis:50%;flex-basis:50%;padding:10px}.text-editor__area{padding:1em;width:100%;height:100%;border:1px solid #000;min-height:30em;outline:none;font-family:Monaco;font-size:14px;background:#333;color:#fff}.extracted-css{-webkit-flex-basis:50%;flex-basis:50%;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.css-area{padding:1em;width:100%;height:100%;border:1px solid #000;min-height:30em;outline:none;font-family:Monaco;font-size:14px;background:#333;color:#eaeaea}.margin-constraint{margin-left:20px;margin-right:20px}.actions{grid-gap:10px;gap:10px}