:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#183a36;background:#f4f7f6;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:440px;margin:8vh auto;padding:34px;background:white;border:1px solid #dce6e2;border-radius:18px;box-shadow:0 10px 32px #153e3610}.wide{max-width:900px}h1{font-size:26px}h2{font-size:18px}p{line-height:1.7;color:#526a65}.brand{color:#16715e;font-weight:650}label{display:block;margin:20px 0 8px}input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #b7cbc4;border-radius:8px;font:inherit}button{background:#176c57;color:white;border:0;border-radius:8px;padding:11px 18px;font:inherit;cursor:pointer;margin:8px 8px 8px 0}button:disabled{opacity:.5}a{color:#176c57}header{height:58px;display:flex;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid #dce6e2;background:white}header span{color:#536963;font-size:13px}nav{margin-left:auto;display:flex;align-items:center;gap:20px}nav form{display:inline}nav button{padding:7px 12px}iframe{display:block;border:0;width:100%;height:calc(100dvh - 58px);background:white}article{border-top:1px solid #dce6e2;padding:12px 0}#status{overflow-wrap:anywhere}.hint{font-size:13px}@media(max-width:640px){main{margin:5vh 12px;padding:24px}header{height:86px;flex-wrap:wrap;gap:6px;padding:8px 12px}nav{gap:12px}iframe{height:calc(100dvh - 86px)}}

iframe.workspace-frame{height:100dvh}

.workspace-status{position:fixed;z-index:1000;top:12px;left:50%;transform:translateX(-50%);padding:12px 20px;max-width:90vw;background:white;border:1px solid #dce6e2;border-radius:12px;box-shadow:0 4px 20px #153e3620}.workspace-status[hidden]{display:none}.workspace-status p{margin:0}