*{box-sizing:border-box}body{margin:0;background:#f3f5ef;color:#173323;font:15px/1.5 system-ui}header{background:#143b29;color:white;padding:22px 30px;display:flex;align-items:center;gap:25px}header b{font-size:22px;margin-right:auto}header span{font-size:13px;font-weight:400;display:block;opacity:.7}header a{color:#fff}button{cursor:pointer;border:1px solid #cad4c9;border-radius:7px;background:#fff;padding:10px 15px;color:#163f29;font-weight:600}button:hover{background:#e6efde}button:disabled{opacity:.5;cursor:wait}input,textarea,select{width:100%;border:1px solid #cad4c9;padding:12px;border-radius:6px;font:inherit;background:white}label{display:block;margin:16px 0;font-weight:600}label input,label textarea{display:block;margin-top:6px}#login{max-width:480px;margin:80px auto;padding:35px;background:white;border-radius:16px}h1{line-height:1.15;font-size:32px}#studio{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:25px;border-right:1px solid #d7ded3;height:calc(100vh - 90px);overflow:auto;position:sticky;top:0}aside>button{background:#235b3c;color:white;width:100%;margin-bottom:15px}.filters{display:flex;gap:8px;margin:15px 0}.item{width:100%;text-align:left;margin:4px 0;font-weight:400}.item small{display:block;color:#66766a;overflow-wrap:anywhere}#workspace{padding:30px;min-width:0}#empty{margin:80px 20px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions h2{margin-right:auto}#publish,#save{background:#235b3c;color:white}.hint,#state{color:#637565;font-size:13px}.toolbar{position:sticky;top:0;z-index:2;background:#f3f5ef;padding:10px 0;display:flex;gap:7px;flex-wrap:wrap}.block{margin:18px 0;padding:18px;background:white;border:1px solid #d6dfd2;border-radius:8px}.block small{color:#71806f}.rich{padding:15px 0;min-height:70px;outline:none;overflow-wrap:anywhere}.rich:focus{box-shadow:0 2px #448454}.rich img{max-width:100%;height:auto}#message{position:fixed;bottom:12px;right:18px;max-width:450px;padding:14px;background:#173b29;color:white;border-radius:7px;z-index:8}#message:empty{display:none}[hidden]{display:none!important}details{padding:15px;border:1px solid #d1dbcb;border-radius:8px}#history{margin:15px 0}@media(max-width:850px){#studio{display:block}aside{position:static;height:340px;border-bottom:1px solid #ddd}#workspace{padding:18px}header{padding:15px}header b{font-size:17px}}