@import "https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";*{box-sizing:border-box;font-family:Comic Neue,cursive}body{background:linear-gradient(282deg,#b092fc 0%,#725de8 100%);height:100vh}*{scrollbar-width:thin;scrollbar-color:#ed87ff #c599ff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#c599ff}::-webkit-scrollbar-thumb{background:linear-gradient(#ff91d3 0%,#ca89ff 50%,#d8a9ff 100%);border:1px solid #dd95ff;border-radius:10px;position:relative;box-shadow:0 0 10px #f68fff80,inset 0 0 6px #ffffff4d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e856fb 0%,#ba79ff 50%,#be3aee 100%);box-shadow:0 0 20px #ff00c8cc,inset 0 0 8px #fff6}::-webkit-scrollbar-thumb:active{background:linear-gradient(#aa34ff 0%,#e597ff 50%,#7831eb 100%);box-shadow:0 0 30px #ff18aa,inset 0 0 10px #fff9}.editor-wrap{width:min(57.5vw,100%)}.editor{flex-direction:column;justify-content:center;width:100%;display:flex}.editor .toolbar{background:linear-gradient(328deg,#d1a9f5 0%,#bdb3ff 50%,#e8b3ff 100%);border-top-left-radius:5px;border-top-right-radius:5px;justify-content:space-between;padding:5px 8px;display:flex}.editor .toolbar .toolbar-left{align-items:center;gap:5px;font-family:Cherry Bomb One,system-ui;font-size:1rem;font-weight:700;display:flex}.editor textarea{resize:vertical;background:#eedbff;border:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:100%;height:265px;padding:8px;font-family:monospace;line-height:1.5}.editor textarea:focus{outline-offset:1px;outline:2px solid #dfc0c0}@media (width<=700px){.editor-wrap{width:100%}}.previewer{flex-direction:column;justify-content:center;width:min(71.75vw,100%);display:flex}.previewer .toolbar{background:linear-gradient(328deg,#d1a9f5 0%,#bdb3ff 50%,#e8b3ff 100%);border-top-left-radius:5px;border-top-right-radius:5px;justify-content:space-between;padding:5px 8px;display:flex}.previewer .toolbar .toolbar-left{align-items:center;gap:5px;font-family:Cherry Bomb One,system-ui;font-size:1rem;font-weight:700;display:flex}.previewer .previewer-body{overflow-wrap:anywhere;background-color:#f5f5f5;border-bottom-right-radius:5px;border-bottom-left-radius:5px;min-height:400px;max-height:70vh;padding:12px 18px;overflow:auto}.previewer .previewer-body>:first-child{margin-top:0}.previewer .previewer-body>:last-child{margin-bottom:0}.previewer .previewer-body pre{background:#ece7f2;border-radius:5px;padding:12px;overflow-x:auto}.previewer .previewer-body code{font-family:monospace}.previewer .previewer-body :not(pre)>code{background:#ece7f2;border-radius:3px;padding:2px 4px}.previewer .previewer-body table{border-collapse:collapse}.previewer .previewer-body th,.previewer .previewer-body td{border:1px solid #b7a9c4;padding:5px 9px}.previewer .previewer-body blockquote{border-left:3px solid #b092fc;margin-left:0;padding-left:12px}.previewer .previewer-body img{max-width:100%}@media (width<=700px){.previewer{width:100%}}.app{flex-direction:column;justify-content:center;align-items:center;gap:35px;padding:32px 20px 100px;display:flex}.app .maximize:hover{color:#303030;cursor:pointer}.app .maximize:active{color:#555}.maximize{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.editor-wrap.expanded,.previewer.expanded{z-index:10;background:#f5f5f5;width:auto;max-width:none;position:fixed;inset:16px;box-shadow:0 8px 32px #24173a66}.editor-wrap.expanded .editor,.previewer.expanded{height:100%}.editor-wrap.expanded textarea{resize:none;flex:1;height:auto}.previewer.expanded .previewer-body{flex:1;max-height:none}