*{box-sizing:border-box}body{margin:0;background:#0f1218;color:#e7edf4;font:16px system-ui,Segoe UI,sans-serif}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}a{color:#43d8a6;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}.brand{font-size:24px;font-weight:800}.panel{background:#191e27;border:1px solid #303946;border-radius:15px;padding:25px;margin:20px 0}h1{margin-top:0}label{display:block;margin:16px 0 7px;color:#b8c9da}input,textarea,select{display:block;width:100%;background:#10151c;color:#fff;border:1px solid #384251;border-radius:9px;padding:13px;font:inherit}textarea{min-height:340px;resize:vertical}button,.button{border:0;border-radius:9px;background:#19bd89;color:#07150f;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;display:inline-block}button.secondary{background:#29313d;color:#dce7f1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.hint,.muted{color:#9aaaba;font-size:14px}.error{color:#ff9b9b}.success{color:#60e3ae}footer{border-top:1px solid #29313d;text-align:center;color:#96a6b8;font-size:13px;margin-top:55px}footer a{font-weight:700}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0f141b;border:1px solid #303946;border-radius:9px;padding:20px;line-height:1.55}.paste-link{display:block;padding:15px;border-bottom:1px solid #303946}@media(max-width:600px){header{display:block}nav{margin-top:16px}}

.code-editor {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;min-height:340px;line-height:1.6;}
.code-container {position:relative;} .code-container pre {overflow-x:auto;white-space:pre;tab-size:2;}
.copy-content {float:right;margin-bottom:8px;}
.tab-bar,.read-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 10px}.tab-button,.read-tab{background:#242e38;color:#cbd6e0;padding:9px 13px;font-size:14px}.tab-button.selected,.read-tab.selected{background:#155b47;color:#b8ffe5}.tab-heading{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tab-options{display:flex;gap:10px;margin-bottom:10px}.tab-options>*{flex:1;min-width:0}.tabs-editor textarea{border-radius:12px;min-height:380px}.read-panel[hidden],.tab-options[hidden]{display:none!important}