@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;1,6..72,300&family=Fira+Code:wght@300;400&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}.sp{grid-template-columns:1fr 1fr;height:100%;display:grid;position:relative}.sp-left{color:#3a2e22;background:#faf6f0;flex-direction:column;min-height:0;padding:2rem 2rem 1.5rem;font-family:Newsreader,Georgia,serif;display:flex;overflow:hidden}.sp-right{color:#7ee787;background:#0e1117;flex-direction:column;min-height:0;padding:2rem 2rem 1.5rem;font-family:Fira Code,monospace;display:flex;overflow:hidden}.sp-seam{z-index:5;background:linear-gradient(#d4a04400,#d4a044,#7ee787,#7ee78700);width:3px;position:absolute;top:0;bottom:0;left:50%}.sp-top{justify-content:space-between;align-items:baseline;margin-bottom:.3rem;display:flex}.sp-tag{letter-spacing:.25em;text-transform:uppercase;opacity:.45;font-size:.55rem}.sp-h{letter-spacing:.02em;margin-bottom:.8rem;font-size:1.4rem;font-weight:300}.sp-left .sp-h{color:#6b5744;font-style:italic}.sp-right .sp-h{color:#3d6;font-size:1rem;font-weight:400}.sp-area{resize:none;border:none;outline:none;flex:1;width:100%;min-height:0;padding:0;font-size:15px;line-height:1.7;overflow:auto}.sp-left .sp-area{color:#3a2e22;background:0 0;font-family:Newsreader,Georgia,serif;font-size:17px}.sp-right .sp-area{color:#7ee787;background:0 0;font-family:Fira Code,monospace;font-size:12px}.sp-left .sp-area::placeholder{color:#c4b49c}.sp-right .sp-area::placeholder{color:#2a3a2a}.sp-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:.6rem;font-size:.65rem;display:flex}.sp-left .sp-footer{color:#b09070;border-top:1px solid #e8e0d4}.sp-right .sp-footer{color:#2d4a2d;border-top:1px solid #1a2a1a}.sp-share{color:inherit;cursor:pointer;letter-spacing:.08em;background:0 0;border:1px solid;border-radius:2px;padding:.25rem .6rem;font-family:inherit;font-size:.6rem;transition:all .15s}.sp-left .sp-share:hover{color:#faf6f0;background:#3a2e22}.sp-seed{align-items:center;gap:.3rem;display:flex}.sp-seed label{letter-spacing:.1em;opacity:.6;font-size:.55rem}.sp-seed input{color:#3a2e22;text-align:center;background:0 0;border:1px solid #d4c4a8;border-radius:2px;outline:none;width:5rem;padding:.2rem .4rem;font-family:inherit;font-size:.6rem}.sp-seed input:focus{border-color:#6b5744}.sp-seed input::placeholder{color:#c4b49c}.sp-decoded{color:#3d6a3d;white-space:pre-wrap;border-top:1px solid #1a2a1a;max-height:20lh;margin-top:.5rem;padding-top:.5rem;font-size:.7rem;overflow:auto}.sp-decoded span{color:#7ee787}.sp-err{color:#f85;margin-top:.3rem;font-size:.65rem}@media (width<=700px){.sp{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.sp-seam{background:linear-gradient(90deg,#d4a04400,#d4a044,#7ee787,#7ee78700);width:100%;height:3px;inset:50% 0 auto}}