:root{color-scheme:light;--bg:#f5f4ef;--paper:#fffefa;--ink:#23312d;--muted:#66736c;--line:#dddeda;--accent:#245b4d}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'Segoe UI',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;min-height:46px}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7baa98;outline-offset:4px}main{max-width:760px;margin:80px auto 0;padding:0 24px}.workspace{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.toolbar{padding:19px 25px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:14px}.toolbar span:last-child{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.stage{min-height:320px;padding:36px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.primary{background:var(--accent);color:white;border:0;border-radius:8px;padding:13px 22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary svg{height:20px;width:20px}.stop{background:var(--ink)}.editor{align-items:stretch;justify-content:start}.editor label{font-size:12px;color:var(--muted);margin-bottom:12px}textarea{background:transparent;color:var(--ink);width:100%;min-height:240px;border:0;resize:vertical;line-height:1.8;font-size:19px;padding:0}.footer{padding:17px 25px;display:flex;justify-content:flex-end;gap:20px;border-top:1px solid var(--line)}.quiet{border:0;background:transparent;color:var(--muted);padding:8px 0}.error{padding:0 25px 16px;margin:0;color:#a43e31;font-size:14px}.logout{display:block;margin:15px 0 0 auto;font-size:12px}form{padding:32px;display:grid;gap:12px}h1{font-size:22px;margin:0 0 8px;font-weight:600}input{width:100%;border:1px solid var(--line);padding:12px;border-radius:7px;background:var(--paper);color:var(--ink)}#login-error{margin:0;color:#a43e31;font-size:14px}#login-form .primary{justify-self:end}
@media(max-width:600px){main{margin-top:28px;padding:0 16px;padding-bottom:env(safe-area-inset-bottom)}.stage{min-height:360px;padding:30px 22px}.toolbar,.footer{padding:17px 20px}textarea{font-size:18px}.footer{gap:16px}.primary{padding:14px 18px}}