html{font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.66667}body{color:#222;scroll-behavior:smooth;background-color:#fff;flex-flow:column;justify-content:center;align-items:center;height:100%;min-height:100vh;margin:0;display:flex;position:relative}main{gap:1rem;padding:1rem;display:grid}h1{margin:0 0 .5em}.editor-input-list{margin:0;padding:0;list-style:none}.editor-input-list li{margin:0;padding:0}.editor-input-list li+li{margin-top:.75em}.editor-input-list label+input,.editor-input-list label+textarea{margin-top:.25em;display:block}.editor-input-list input,.editor-input-list textarea{border:1px solid #ccc;width:50ch;padding:.75em;font-family:inherit;line-height:1}.editor-input-list input:not(:-moz-placeholder-shown):not(:focus):invalid{outline:2px solid red}.editor-input-list input:not(:-moz-placeholder-shown):not(:focus):invalid{outline:2px solid red}.editor-input-list input:not(:placeholder-shown):not(:focus):invalid{outline:2px solid red}.editor-input-list input:not(:-moz-placeholder-shown):not(:focus):valid{outline:2px solid green}.editor-input-list input:not(:-moz-placeholder-shown):not(:focus):valid{outline:2px solid green}.editor-input-list input:not(:placeholder-shown):not(:focus):valid{outline:2px solid green}.editor-input-list .invalid-message{color:#666;opacity:0;min-height:1.5em;margin:.5em 0 0;font-size:.8em;transition:all .25s;transform:translateY(-100%)}.editor-input-list input:not(:-moz-placeholder-shown):not(:focus):invalid+.invalid-message{opacity:1;transform:translateY(0)}.editor-input-list input:not(:-moz-placeholder-shown):not(:focus):invalid+.invalid-message{opacity:1;transform:translateY(0)}.editor-input-list input:not(:placeholder-shown):not(:focus):invalid+.invalid-message{opacity:1;transform:translateY(0)}.editor-input-list .copy-btn{border-radius:.25em;flex-flow:row;align-items:center;padding:1em 2em;display:flex}.editor-input-list .copy-btn svg{width:auto;height:1em;margin-right:.25em}@media only screen and (min-width:1024px){main{grid-template-columns:1fr 1fr}}