:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#26382d;background:#e4e7df;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:grid;place-items:center;height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit;font-size:13px;color:inherit;border:1px solid #d7ddcf;border-radius:7px;background:#fffdf7}button{min-height:34px;padding:5px 9px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:#69836a;color:#fffdf7}input,select,textarea{width:100%;padding:8px}textarea{min-height:92px;resize:vertical;line-height:1.6}label{display:grid;gap:5px;font-size:12px;margin:10px 0}h1{font-size:18px;margin:0}h2{font-size:16px;margin:0}h3{font-size:14px;margin:0 0 7px}p{font-size:12px;line-height:1.6;margin:8px 0}a{color:#69836a;text-decoration:none;font-size:12px}.phone{width:min(360px,100vw);height:min(784px,100dvh);padding:max(28px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom));background:#f6f3eb;display:flex;flex-direction:column;gap:8px;overflow:hidden;box-shadow:0 8px 36px #26382d1a}header{display:flex;gap:8px;align-items:center;justify-content:space-between;flex:none}header strong{font-size:15px}.connection{font-size:11px;color:#69836a;margin:0;flex:none}.panel{background:#fffdf7;border:1px solid #d7ddcf;border-radius:10px;padding:10px;flex:none}.panel:empty{display:none}#gate{overflow:auto}#gate button{margin:6px 4px 0 0}#workspace{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px}#workspace[hidden],[hidden]{display:none!important}nav{display:flex;gap:5px;overflow-x:auto;flex:none;padding-bottom:3px}nav button{flex:none;font-size:12px}nav .active{background:#26382d;color:#fffdf7}.toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;flex:none}.toolbar select{width:98px}.rows{flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.row{padding:11px;background:#fffdf7;border:1px solid #d7ddcf;border-radius:9px;margin-bottom:7px;word-break:break-word}.row p,.pre{white-space:pre-wrap;word-break:break-word}.row .buttons,footer{display:flex;gap:6px;flex-wrap:wrap}.buttons button{font-size:12px}.meta{color:#758173;font-size:11px}.error{color:#a34435;margin:0;font-size:12px;white-space:pre-wrap;max-height:65px;overflow:auto;flex:none}dialog{width:min(360px,calc(100vw - 16px));max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));padding:12px;border:1px solid #d7ddcf;border-radius:12px;background:#f6f3eb;color:#26382d}dialog[open]{display:flex;flex-direction:column;gap:8px}dialog::backdrop{background:#26382d77}#editor-form{display:flex;flex-direction:column;gap:8px;min-height:0}.fields{overflow:auto;min-height:0;overscroll-behavior:contain}.fields fieldset{border:1px solid #d7ddcf;border-radius:8px;padding:8px}.check{display:flex;align-items:center;gap:7px}.check input{width:auto}#editor-actions{flex:none}#editor-actions button{flex:1}.reply{padding:8px;border-left:3px solid #69836a;background:#fffdf7;margin:8px 0}.inline{display:flex;gap:7px}.inline select{flex:1}.inline button{flex:none}#controls textarea{min-height:80px}@media(max-width:380px){.phone{box-shadow:none}}@media(max-height:570px){.phone{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}}
/* Native Android safe areas and independent panel scrolling. */
.drop-zone{border:1px dashed #69836a;border-radius:10px;padding:12px;text-align:center;margin-bottom:8px}.drop-zone input{margin-top:8px}.body-image{max-width:100%;height:auto;border-radius:8px;display:block;margin:8px 0}#login-form{display:flex;flex-direction:column;gap:8px}#login-modes{margin-top:8px}#login-status{margin:0;font-size:12px}#otp-group{display:flex;gap:8px;align-items:end}#otp-group label{flex:1}#otp-group button{flex:none;height:36px}