:root{
  --bg:#10171A; --surface:#161F22; --surface-2:#1D282B; --text:#E7ECE9; --muted:#93A3A0;
  --border:#28353A; --border-strong:#3A4A4F; --copper:#C17F45; --teal:#3EC9A7; --red:#D9645A;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 16px;}
.mono{font-family:'JetBrains Mono',monospace;}
.back-link{align-self:center;width:100%;max-width:420px;margin-bottom:20px;color:var(--muted);text-decoration:none;font-size:14px;display:flex;align-items:center;gap:6px;}
.back-link:hover{color:var(--teal);}
.app{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.titlebar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);}
.dot{width:9px;height:9px;border-radius:50%;}
.dot.r{background:var(--red);} .dot.y{background:#D9A94E;} .dot.g{background:#4EA97F;}
.titlebar .name{margin-left:8px;font-size:12px;color:var(--muted);}
.screen{padding:18px 16px;min-height:230px;max-height:320px;overflow-y:auto;font-size:13px;line-height:1.85;}
.line{margin:0 0 4px;white-space:pre-wrap;}
.accent{color:var(--teal);}
.warn{color:var(--copper);}
.err{color:var(--red);}
.muted{color:var(--muted);}
.controls{padding:14px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;}
input,select{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:6px;color:var(--text);padding:10px 12px;font-size:14px;font-family:'JetBrains Mono',monospace;width:100%;}
input:focus,select:focus{outline:none;border-color:var(--teal);}
.btn-row{display:flex;gap:8px;flex-wrap:wrap;}
button{flex:1;min-width:110px;background:transparent;border:1px solid var(--border-strong);border-radius:6px;padding:10px;color:var(--text);font-family:'JetBrains Mono',monospace;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s;}
button:hover{border-color:var(--teal);color:var(--teal);}
button.primary{border-color:var(--copper);color:var(--copper);}
button.primary:hover{background:var(--copper);color:#10171A;}