*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-button{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#505054;border-radius:2px}body{display:block;background-color:#101014;color-scheme:dark;color:#d0dade;font-family:JetBrains Mono;font-size:14px;font-weight:500}#app{display:grid;grid-template:"in output" 1fr "in extra" 1fr/1fr 1fr;gap:12px;padding:18px;height:100vh;max-width:1800px;margin:0 auto}.box{display:flex;flex-direction:column;background-color:#141418;border:1px solid #202024;border-top-color:#242428;border-radius:8px;box-shadow:0 0 6px #00000026,0 1px 6px #ffffff05 inset}.box .header{display:flex;flex-shrink:0;padding:9px;background-color:#ffffff03;border-bottom:1px solid rgba(255,255,255,.025);border-radius:6px 6px 0 0}.box .header h1{height:28px;line-height:28px;padding-left:6px;color:#c0c0c4;font-family:Inter,sans-serif;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.box .content{flex-grow:1}#source{grid-area:in}#source .content{overflow:hidden}#source-editor{position:relative;height:100%}#output,#debug-info{overflow:hidden;white-space:pre-wrap;color:#bed0e2}#output{grid-area:output}#debug-info{grid-area:extra;position:relative}#debug-info .tabs{display:flex;width:100%}#debug-info .tabs button{padding:6px 12px;background-color:transparent;border:1px solid transparent;border-radius:6px;color:#d0d0d4;font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:color .1s}#debug-info .tabs button:hover{color:#f0f0f4}#debug-info .tabs button.active{background-color:#f0f0ff0d;border-color:#f0f0ff0d;box-shadow:0 1px 6px #ffffff05 inset;color:#fff}button#execute{flex-shrink:0;margin:auto;width:32px;height:32px;background-color:#2d5728;background-image:url("data:image/svg+xml,%3csvg%20width='11'%20height='12'%20viewBox='0%200%2011%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.5%206.86602L2%2011.1962C1.33333%2011.5811%200.5%2011.0999%200.5%2010.3301L0.500001%201.66987C0.500001%200.900072%201.33333%200.418947%202%200.803847L9.5%205.13398C10.1667%205.51888%2010.1667%206.48112%209.5%206.86602Z'%20fill='white'%20fill-opacity='0.7'%20stroke='%2331DE21'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;border:1px solid rgba(255,255,255,.15);border-top-color:#fff3;border-radius:6px;box-shadow:0 0 6px #00000026,0 1px 6px #ffffff1a inset;cursor:pointer;transition:background-color .1s}button#execute:hover{background-color:#31632b}button#copy-code{height:28px;padding:0 12px;margin-left:auto;background-color:#2e2e32;border:1px solid rgba(255,255,255,.1647058824);border-radius:6px;box-shadow:0 1px 6px #ffffff13 inset;color:#f0f0f0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .1s}button#copy-code:hover{border-color:#ffffff3a}#output .content,#debug-info .content{flex-grow:1;padding:12px 15px;margin-right:6px;overflow:auto}#debug-info .content.error{color:#d04040}#debug-info .content mark{background-color:transparent;color:#808088}.token--string{color:#addbbc}.token--title{color:#e6eaef}.token--keyword{color:#228a96}.token--number{color:#61bcc6}.token--comment{color:#44515e}.token--attr{color:#aeb9c4}.token--property{color:#bed0e2}.token--variable{color:#30c1ae;font-weight:500}.token--literal{color:#228a96}.token--bullet{color:gray}