.oo-workspace{position:fixed;inset:0;z-index:1000;background:#edf5f0;color:#243c31;display:flex;flex-direction:column}.oo-header{height:62px;min-height:62px;display:flex;align-items:center;gap:18px;padding:0 22px;background:#fbfdfc;border-bottom:1px solid #dce9e2;box-shadow:0 3px 12px #1d4b3210}.oo-back{color:#286b50;text-decoration:none;font-weight:700;white-space:nowrap}.oo-title{min-width:0;display:grid;gap:2px}.oo-title strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oo-title span{font-size:11px;color:#718379}.oo-save-state{margin-left:auto;color:#347858;font-size:13px;white-space:nowrap}.oo-save-state.is-readonly{color:#65766d}.oo-save-state.is-error{color:#ad3d36}.oo-header-actions{display:flex;gap:8px}.oo-editor{flex:1;min-height:0;padding:10px 14px 14px}.oo-document-editor{width:100%;height:100%;min-height:300px;overflow:hidden;background:#fff;border:1px solid #d8e5de;border-radius:12px;box-shadow:0 8px 32px #28563c13}.oo-loading,.oo-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#50645a;text-align:center}.oo-loading small,.oo-error p{color:#718379}.oo-error{max-width:560px;margin:auto}.oo-error h2{margin:0;color:#30463a}.oo-spinner{width:30px;height:30px;border:3px solid #cfe2d7;border-top-color:#47a77c;border-radius:50%;animation:oo-spin .8s linear infinite}@keyframes oo-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.oo-header{height:56px;min-height:56px;gap:10px;padding:0 12px}.oo-back span{display:none}.oo-title strong{max-width:38vw;font-size:13px}.oo-title span{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oo-save-state{font-size:11px}.oo-header-actions .btn{font-size:11px;padding:7px}.oo-editor{padding:5px}.oo-document-editor{border-radius:7px}}