body{height:100vh;box-sizing:border-box;overflow-y:hidden;padding-bottom:3rem;max-width:1600px;margin:0 auto}nav{margin-bottom:1.5rem}h1{margin:1rem 0}label{font-weight:700;color:var(--accent)}textarea{font-family::'ui-monospace','JetBrains Mono',monospace,'Courier New';font-variant-ligatures:none;width:100%;box-sizing:border-box;background:var(--bg-primary);padding:.8rem 1rem;border-radius:4px;color:var(--text-primary);border:2px solid var(--accent-dark);outline:none}textarea:focus{border-color:var(--accent)}.code-block{display:flex;flex-direction:column;justify-content:flex-start;padding:.5rem 0}.template-bar{width:100%;display:flex;gap:.8rem;align-items:center;padding:1rem 0}.template-btns{display:flex;gap:.8rem;align-items:center}#template-select{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--accent-dark);padding:.4rem .7rem;cursor:pointer;flex:1}#template-select:focus{border-color:var(--accent)}.controls{display:flex;gap:.8rem;align-items:center;padding:1rem 0}button{background:var(--accent-dark);color:var(--text-primary);padding:.4rem 1rem;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease}button:hover{transform:scale(1.1)}#status{font-size:.9rem;color:#a6adc8;margin-left:auto}#status.error{color:#f38ba8}#status.success{color:#a6e3a1}.body{max-width:1600px;margin:0 auto;height:100%;display:flex;flex-direction:column;box-sizing:border-box}main{max-width:1600px;margin:0;flex:1;min-height:0;display:flex;flex-direction:column}.container{display:flex;flex-direction:row;gap:1.5rem;flex:1;min-height:0}.column{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.column:first-child .code-block{flex:1;min-height:0}.stdin-block{flex:3;min-height:0}.output-block{flex:7;min-height:0}.output-block textarea{caret-color:transparent}.column .code-block textarea{flex:1;min-height:0;resize:none}@media(max-width:1499px){header{max-width:100%}}@media(max-width:1399px){body{height:auto;overflow-y:auto}.body{max-width:800px;width:100%;height:auto}main{flex:none}.container{flex-direction:column;flex:none;gap:1rem}.column{overflow:visible}.column:first-child .code-block{flex:none}.stdin-block,.output-block{flex:none}.column .code-block textarea{flex:none;resize:vertical}#code{min-height:300px}#stdin{min-height:100px}#output{min-height:300px}}@media(max-width:768px){.template-bar{display:grid}}